${(0,Lr.m9)(e,t)}
${(0,Lr.LC)(e,t)}
`;var n},styles:(e,t)=>Nr.i`
${(0,Ur.j)("inline-flex")} :host {
--toolbar-item-gap: calc(
(var(--design-unit) + calc(var(--density) + 2)) * 1px
);
background-color: ${Wr.If};
border-radius: calc(${Wr.UW} * 1px);
fill: currentcolor;
padding: var(--toolbar-item-gap);
}
:host(${qr.b}) {
outline: calc(${Wr.H} * 1px) solid ${Wr.D8};
}
.positioning-region {
align-items: flex-start;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
height: 100%;
}
:host([orientation='vertical']) .positioning-region {
flex-direction: column;
}
::slotted(:not([slot])) {
flex: 0 0 auto;
margin: 0 var(--toolbar-item-gap);
}
:host([orientation='vertical']) ::slotted(:not([slot])) {
margin: var(--toolbar-item-gap) 0;
}
.start,
.end {
display: flex;
margin: auto;
margin-inline: 0;
}
::slotted(svg) {
/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */
width: 16px;
height: 16px;
}
`.withBehaviors((0,Rr.vF)(Nr.i`
:host(:${qr.b}) {
box-shadow: 0 0 0 calc(${Wr.vx} * 1px)
${Pr.H.Highlight};
color: ${Pr.H.ButtonText};
forced-color-adjust: none;
}
`)),shadowOptions:{delegatesFocus:!0}});var ko=n(93484),Io=n(76962),Mo=n(77727),Lo=n(83571),Eo=n(79892),To=n(90859);const Ho="--jp-layout-color1";let Fo=!1;const $o=e=>{const t=parseInt(e,10);return isNaN(t)?null:t},Ao={"--jp-border-width":{converter:$o,token:Wr.H},"--jp-border-radius":{converter:$o,token:Wr.UW},[Ho]:{converter:(e,t)=>{const n=(0,ko.lu)(e);if(n){const e=(0,Io.lw)(n),t=Mo.H.fromObject({h:e.h,s:e.s,l:.5}),s=(0,Io.hP)(t);return Lo.w.create(s.r,s.g,s.b)}return null},token:Wr.z4},"--jp-brand-color1":{converter:(e,t)=>{const n=(0,ko.lu)(e);if(n){const e=(0,Io.lw)(n),s=t?1:-1,i=Mo.H.fromObject({h:e.h,s:e.s,l:e.l+s*Wr.B2.getValueFor(document.body)/94}),r=(0,Io.hP)(i);return Lo.w.create(r.r,r.g,r.b)}return null},token:Wr.z},"--jp-error-color1":{converter:(e,t)=>{const n=(0,ko.lu)(e);if(n){const e=(0,Io.lw)(n),s=t?1:-1,i=Mo.H.fromObject({h:e.h,s:e.s,l:e.l+s*Wr.B2.getValueFor(document.body)/94}),r=(0,Io.hP)(i);return Lo.w.create(r.r,r.g,r.b)}return null},token:Wr.S_},"--jp-ui-font-family":{token:Wr.SV},"--jp-ui-font-size1":{token:Wr.cS}};function zo(){var e;const t=getComputedStyle(document.body),n=document.body.getAttribute("data-jp-theme-light");let s=!1;if(n)s="false"===n;else{const e=t.getPropertyValue(Ho).toString();if(e){const t=(0,ko.lu)(e);t&&(s=(0,To._)(Lo.w.create(t.r,t.g,t.b)),console.debug(`Theme is ${s?"dark":"light"} based on '${Ho}' value: ${e}.`))}}Wr.q2.setValueFor(document.body,s?Eo.h.DarkMode:Eo.h.LightMode);for(const n in Ao){const i=Ao[n],r=t.getPropertyValue(n).toString();if(document.body&&""!==r){const t=(null!==(e=i.converter)&&void 0!==e?e:e=>e)(r.trim(),s);null!==t?i.token.setValueFor(document.body,t):console.error(`Fail to parse value '${r}' for '${n}' as FAST design token.`)}}}var Bo=n(16934),Do=n(49503),Oo=n(14421),No=n(97934);class Vo extends p.Widget{constructor(){super(),this._rootDOM=null}static create(e){return new class extends Vo{render(){return e}}}onUpdateRequest(e){this.renderPromise=this.renderDOM()}onAfterAttach(e){Do.MessageLoop.sendMessage(this,p.Widget.Msg.UpdateRequest)}onBeforeDetach(e){null!==this._rootDOM&&(this._rootDOM.unmount(),this._rootDOM=null)}renderDOM(){return new Promise((e=>{const t=this.render();null===this._rootDOM&&(this._rootDOM=(0,m.s)(this.node)),Array.isArray(t)||t?(this._rootDOM.render(t),requestIdleCallback((()=>e()))):(this._rootDOM.unmount(),this._rootDOM=null,requestIdleCallback((()=>e())))}))}}class Ro extends Vo{constructor(e){super(),this._modelChanged=new h.Signal(this),this.model=null!=e?e:null}get modelChanged(){return this._modelChanged}set model(e){this._model!==e&&(this._model&&this._model.stateChanged.disconnect(this.update,this),this._model=e,e&&e.stateChanged.connect(this.update,this),this.update(),this._modelChanged.emit(void 0))}get model(){return this._model}dispose(){this.isDisposed||(this._model=null,super.dispose())}}class Po extends s.Component{constructor(e){super(e),this.slot=(e,t)=>{this.props.shouldUpdate&&!this.props.shouldUpdate(e,t)||this.setState({value:[e,t]})},this.state={value:[this.props.initialSender,this.props.initialArgs]}}componentDidMount(){this.props.signal.connect(this.slot)}componentWillUnmount(){this.props.signal.disconnect(this.slot)}render(){return this.props.children(...this.state.value)}}class Wo{constructor(){this.stateChanged=new h.Signal(this),this._isDisposed=!1}get isDisposed(){return this._isDisposed}dispose(){this.isDisposed||(this._isDisposed=!0,h.Signal.clearData(this))}}(0,ro.W)().register([so(),jo()]),Fo||(Fo=!0,function(){const e=()=>{new MutationObserver((()=>{zo()})).observe(document.body,{attributes:!0,attributeFilter:["data-jp-theme-name"],childList:!1,characterData:!1}),zo()};"complete"===document.readyState?e():window.addEventListener("load",e)}());const Uo="toolbar-popup-opener",qo="jp-Toolbar-spacer";class Go extends p.PanelLayout{constructor(){super(...arguments),this._dirty=!1}onFitRequest(e){super.onFitRequest(e),this.parent.isAttached&&((0,yr.some)(this.widgets,(e=>!e.isHidden))?(this.parent.node.style.minHeight="var(--jp-private-toolbar-height)",this.parent.removeClass("jp-Toolbar-micro")):(this.parent.node.style.minHeight="",this.parent.addClass("jp-Toolbar-micro"))),this._dirty=!0,this.parent.parent&&Do.MessageLoop.sendMessage(this.parent.parent,p.Widget.Msg.FitRequest),this._dirty&&Do.MessageLoop.sendMessage(this.parent,p.Widget.Msg.UpdateRequest)}onUpdateRequest(e){super.onUpdateRequest(e),this.parent.isVisible&&(this._dirty=!1)}onChildShown(e){super.onChildShown(e),this.parent.fit()}onChildHidden(e){super.onChildHidden(e),this.parent.fit()}onBeforeAttach(e){super.onBeforeAttach(e),this.parent.fit()}attachWidget(e,t){super.attachWidget(e,t),this.parent.fit()}detachWidget(e,t){super.detachWidget(e,t),this.parent.fit()}}class Zo extends p.Widget{constructor(e={}){var t;super({node:document.createElement("jp-toolbar")}),this.addClass("jp-Toolbar"),this.layout=null!==(t=e.layout)&&void 0!==t?t:new Go}names(){const e=this.layout;return(0,yr.map)(e.widgets,(e=>ia.nameProperty.get(e)))}addItem(e,t){const n=this.layout;return this.insertItem(n.widgets.length,e,t)}insertItem(e,t,n){if((0,yr.find)(this.names(),(e=>e===t)))return!1;n.addClass("jp-Toolbar-item");const s=this.layout,i=Math.max(0,Math.min(e,s.widgets.length));return s.insertWidget(i,n),ia.nameProperty.set(n,t),n.node.dataset.jpItemName=t,!0}insertAfter(e,t,n){return this.insertRelative(e,1,t,n)}insertBefore(e,t,n){return this.insertRelative(e,0,t,n)}insertRelative(e,t,n,s){const i=(0,yr.map)(this.names(),((e,t)=>({name:e,index:t}))),r=(0,yr.find)(i,(t=>t.name===e));return!!r&&this.insertItem(r.index+t,n,s)}handleEvent(e){"click"===e.type&&this.handleClick(e)}handleClick(e){if(e.stopPropagation(),e.target instanceof HTMLLabelElement){const t=e.target.getAttribute("for");if(t&&this.node.querySelector(`#${t}`))return}this.node.contains(document.activeElement)||this.parent&&this.parent.activate()}onAfterAttach(e){this.node.addEventListener("click",this)}onBeforeDetach(e){this.node.removeEventListener("click",this)}}class Ko extends Zo{constructor(){super(),this.popupOpener=new sa,this._widgetWidths=new Map,this._widgetPositions=new Map,this._zoomChanged=!0,this.insertItem(0,Uo,this.popupOpener),this.popupOpener.hide(),this._resizer=new No.Throttler((async(e=!1)=>{await this._onResize(e)}),500)}dispose(){this.isDisposed||(this._resizer&&this._resizer.dispose(),super.dispose())}insertAfter(e,t,n){return e!==Uo&&super.insertAfter(e,t,n)}insertRelative(e,t,n,s){const i=this._widgetPositions.get(e),r=(null!=i?i:0)+t;return this.insertItem(r,n,s)}insertItem(e,t,n){var s;let i;if(n instanceof sa)i=super.insertItem(e,t,n);else{const s=Math.max(0,Math.min(e,this.layout.widgets.length-1));i=super.insertItem(s,t,n),s!==e&&(e=Math.max(0,Math.min(e,this._widgetPositions.size)))}if(t!==Uo&&this._widgetPositions.get(t)!==e){const n=null!==(s=this._widgetPositions.get(t))&&void 0!==s?s:this._widgetPositions.size;this._widgetPositions.forEach(((t,s)=>{s!==Uo&&(t>=e&&t