@umbraco-ui/uui 1.0.0-rc.2 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/uui.min.js +7 -5
  2. package/dist/uui.min.js.map +1 -1
  3. package/package.json +74 -74
package/dist/uui.min.js CHANGED
@@ -18,9 +18,7 @@
18
18
  * @license
19
19
  * Copyright 2017 Google LLC
20
20
  * SPDX-License-Identifier: BSD-3-Clause
21
- */var xt,Ct;class h extends le{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,i;const r=super.createRenderRoot();return(e=(i=this.renderOptions).renderBefore)!==null&&e!==void 0||(i.renderBefore=r.firstChild),r}update(e){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Do(i,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return M}}h.finalized=!0,h._$litElement$=!0,(xt=globalThis.litElementHydrateSupport)===null||xt===void 0||xt.call(globalThis,{LitElement:h});const $i=globalThis.litElementPolyfillSupport;$i?.({LitElement:h}),((Ct=globalThis.litElementVersions)!==null&&Ct!==void 0?Ct:globalThis.litElementVersions=[]).push("3.2.2");var Mo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,Fo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ro(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Mo(e,i,o),o};n.UUIButtonGroupElement=class extends h{render(){return c`<slot></slot>`}},n.UUIButtonGroupElement.styles=[d`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-dropdown){--uui-dropdown-toggle-slot-button-border-radius:0}::slotted(uui-dropdown:not(:first-child)){--uui-dropdown-toggle-slot-button-merge-border-left:1}::slotted(uui-dropdown:first-child){--uui-dropdown-toggle-slot-button-border-radius:var(
22
- --uui-border-radius,3px
23
- ) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],n.UUIButtonGroupElement=Fo([u("uui-button-group")],n.UUIButtonGroupElement);var Vo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,qo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Go(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Vo(e,i,o),o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,d`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],n.UUIActionBarElement=qo([u("uui-action-bar")],n.UUIActionBarElement);/**
21
+ */var xt,Ct;class h extends le{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,i;const r=super.createRenderRoot();return(e=(i=this.renderOptions).renderBefore)!==null&&e!==void 0||(i.renderBefore=r.firstChild),r}update(e){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Do(i,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return M}}h.finalized=!0,h._$litElement$=!0,(xt=globalThis.litElementHydrateSupport)===null||xt===void 0||xt.call(globalThis,{LitElement:h});const $i=globalThis.litElementPolyfillSupport;$i?.({LitElement:h}),((Ct=globalThis.litElementVersions)!==null&&Ct!==void 0?Ct:globalThis.litElementVersions=[]).push("3.2.2");var Mo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,Fo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ro(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Mo(e,i,o),o};n.UUIButtonGroupElement=class extends h{render(){return c`<slot></slot>`}},n.UUIButtonGroupElement.styles=[d`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-popover){width:unset;--uui-popover-toggle-slot-button-border-radius:0}::slotted(uui-popover:not(:first-child)){--uui-popover-toggle-slot-button-merge-border-left:1}::slotted(uui-popover:first-child){--uui-popover-toggle-slot-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(uui-popover:last-child){--uui-popover-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],n.UUIButtonGroupElement=Fo([u("uui-button-group")],n.UUIButtonGroupElement);var Vo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,qo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Go(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Vo(e,i,o),o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,d`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],n.UUIActionBarElement=qo([u("uui-action-bar")],n.UUIActionBarElement);/**
24
22
  * @license
25
23
  * Copyright 2017 Google LLC
26
24
  * SPDX-License-Identifier: BSD-3-Clause
@@ -220,7 +218,7 @@
220
218
  * @license
221
219
  * Copyright 2018 Google LLC
222
220
  * SPDX-License-Identifier: BSD-3-Clause
223
- */const T=t=>t??E;var un=Object.defineProperty,dn=Object.getOwnPropertyDescriptor,N=(t,e,i,r)=>{for(var o=r>1?void 0:r?dn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&un(e,i,o),o};n.UUIButtonElement=class extends R(be("",h)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t=c``;switch(this.state){case"waiting":U(this,"uui-loader-circle"),t=c`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":U(this,"uui-icon"),t=c`<uui-icon name="check" .fallback="${St.strings[0]}"></uui-icon>`;break;case"failed":U(this,"uui-icon"),t=c`<uui-icon name="wrong" .fallback="${to.strings[0]}"></uui-icon>`;break;default:return""}return c`<div id="state">${t}</div>`}render(){return this.href?c`<a id="button" aria-label="${this.label}" href="${T(this.disabled?void 0:this.href)}" target="${T(this.target||void 0)}" rel="${T(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:c`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Je,d`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none}a:not([href]):active,button[disabled]:active{animation:${et}}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host(:not([color]):not([look=primary])) #button,:host([color='']:not([look=primary])) #button,:host([color=default]:not([look=primary])) #button{--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#25aa60);--color-standalone:var(--uui-color-positive-standalone,rgb(38, 156, 91));--color-emphasis:var(--uui-color-positive-emphasis,rgb(43, 197, 112));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fad634);--color-standalone:var(--uui-color-warning-standalone,rgb(224, 193, 51));--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,--color-standalone);font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-emphasis));border-color:var(--uui-button-border-color-hover,var(--color-emphasis))}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,--color-standalone)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],N([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),N([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),N([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),N([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),N([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),N([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),N([l({type:String})],n.UUIButtonElement.prototype,"href",2),N([l({type:String})],n.UUIButtonElement.prototype,"target",2),N([x("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=N([u("uui-button")],n.UUIButtonElement);class ye extends I{}ye.OPEN="open";var hn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,At=(t,e,i,r)=>{for(var o=r>1?void 0:r?pn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&hn(e,i,o),o};n.UUICardElement=class extends We(Ne(h)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new ye(ye.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new ye(ye.OPEN)))}},n.UUICardElement.styles=[d`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}`],At([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),At([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),n.UUICardElement=At([u("uui-card")],n.UUICardElement);var bn=Object.defineProperty,mn=Object.getOwnPropertyDescriptor,Lt=(t,e,i,r)=>{for(var o=r>1?void 0:r?mn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&bn(e,i,o),o};n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return U(this,"uui-icon"),c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return c`<div id="open-part" tabindex="${this.disabled?E:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Lt([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Lt([f()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Lt([u("uui-card-content-node")],n.UUICardContentNodeElement);var vn=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,at=(t,e,i,r)=>{for(var o=r>1?void 0:r?gn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&vn(e,i,o),o};n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.path[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!1?this.fileExt===""?c`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:c`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`:""}render(){return c`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?E:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button><div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,d`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-interface-surface-disabled);color:var(--uui-interface-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],at([l({type:String})],n.UUICardMediaElement.prototype,"name",2),at([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),at([f()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=at([u("uui-card-media")],n.UUICardMediaElement);var fn=Object.defineProperty,yn=Object.getOwnPropertyDescriptor,io=(t,e,i,r)=>{for(var o=r>1?void 0:r?yn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&fn(e,i,o),o};n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),U(this,"uui-avatar")}render(){return c`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?E:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardUserElement.styles=[...n.UUICardElement.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],io([l({type:String})],n.UUICardUserElement.prototype,"name",2),n.UUICardUserElement=io([u("uui-card-user")],n.UUICardUserElement);var Un=Object.defineProperty,_n=Object.getOwnPropertyDescriptor,oo=(t,e,i,r)=>{for(var o=r>1?void 0:r?_n(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Un(e,i,o),o};n.UUICaretElement=class extends h{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return c`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[d`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],oo([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=oo([u("uui-caret")],n.UUICaretElement);var wn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,$n=(t,e,i,r)=>{for(var o=r>1?void 0:r?En(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&wn(e,i,o),o};n.UUICheckboxElement=class extends L{renderCheckbox(){return c`<div id="ticker"><div id="icon-check">${St}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...L.styles,Je,d`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${et}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=$n([u("uui-checkbox")],n.UUICheckboxElement);var In=Object.defineProperty,ro=Object.getOwnPropertySymbols,kn=Object.prototype.hasOwnProperty,xn=Object.prototype.propertyIsEnumerable,no=(t,e,i)=>e in t?In(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,so=(t,e)=>{for(var i in e||(e={}))kn.call(e,i)&&no(t,i,e[i]);if(ro)for(var i of ro(e))xn.call(e,i)&&no(t,i,e[i]);return t};class Z extends I{constructor(e,i={}){super(e,so(so({},{bubbles:!0}),i))}}Z.CHANGE="change";var Cn=Object.defineProperty,zn=Object.getOwnPropertyDescriptor,Q=(t,e,i,r)=>{for(var o=r>1?void 0:r?zn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Cn(e,i,o),o};n.UUIComboboxListElement=class extends h{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let t=0;t<this._activeOptions.length;t++)t===0?this._activeElement=this._activeOptions[t]:this._activeOptions[t].active=!1;this._updateSelection()},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new Z(Z.CHANGE))},this._onUnselected=t=>{const e=t.composedPath()[0];this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new Z(Z.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex()+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{var e;if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),(e=this._activeElement)==null||e.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(fe.SELECTED,this._onSelected),this.addEventListener(fe.UNSELECTED,this._onUnselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(fe.SELECTED,this._onSelected),this.removeEventListener(fe.UNSELECTED,this._onUnselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(t){t=Math.min(Math.max(t,0),this._options.length-1),this._activeElement=this._options[t],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return c`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUIComboboxListElement.styles=[d`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Q([l({type:String})],n.UUIComboboxListElement.prototype,"value",1),Q([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),Q([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),Q([Y({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),Q([Y({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),Q([f()],n.UUIComboboxListElement.prototype,"_value",2),n.UUIComboboxListElement=Q([u("uui-combobox-list")],n.UUIComboboxListElement);var Pn=Object.defineProperty,On=Object.getOwnPropertyDescriptor,Ue=(t,e,i,r)=>{for(var o=r>1?void 0:r?On(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Pn(e,i,o),o};n.UUIComboboxListOptionElement=class extends Ne(Ke(h)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.unselectable=!1}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){var t;return this._displayValue?this._displayValue:((t=this.textContent)==null?void 0:t.trim())||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return c`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[d`:host{position:relative;cursor:pointer;margin:0 6px;border-radius:var(--uui-border-radius,3px);outline:2px solid transparent;outline-offset:-2px}:host(:first-child){margin-top:6px}:host(:last-child){margin-bottom:6px}:host([selected]):host([active])::after{display:block;content:'';position:absolute;inset:0;outline:var(--uui-color-surface,#fff) solid 2px;outline-offset:-4px}:host(:hover){background-color:var(--uui-color-surface-emphasis,#fafafa);color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]){cursor:auto;color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]:hover){background-color:var(--uui-color-disabled,#f3f3f5)}:host([active]){outline-color:var(--uui-color-focus,#3879ff)}:host([selected]){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected,#3544b1)}:host([selected]:hover){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([selected][disabled]){color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}`],Ue([f()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Ue([f()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Ue([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Ue([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Ue([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Ue([u("uui-combobox-list-option")],n.UUIComboboxListOptionElement);class z extends I{}z.SEARCH="search",z.CHANGE="change";var Sn=Object.defineProperty,An=Object.getOwnPropertyDescriptor,J=(t,e,i,r)=>{for(var o=r>1?void 0:r?An(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Sn(e,i,o),o};n.UUIComboboxElement=class extends R(h){constructor(){super(...arguments),this.open=!1,this._displayValue="",this._search="",this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{document.activeElement!==this&&this._onClose()}),this._onInput=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new z(z.SEARCH)),this._open()},this._onChange=t=>{var e;t.stopImmediatePropagation(),this.value=((e=this._comboboxList)==null?void 0:e.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new z(z.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{!this.open||(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new z(z.SEARCH)))},this._onKeyDown=t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&this._open(),(t.key==="Escape"||t.key==="Enter")&&this._onClose()},this._onClear=t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this.dispatchEvent(new z(z.SEARCH)),this.dispatchEvent(new z(z.CHANGE)))},this._renderInput=()=>c`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" @click="${this._open}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="input-prepend" slot="prepend"></slot>${this._renderClearButton()} ${this._renderCaret()}<slot name="input-append" slot="append"></slot></uui-input>`,this._renderCaret=()=>c`<svg id="caret" slot="append" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`,this._renderClearButton=()=>c`<uui-button id="clear-button" class="${this.value||this.search?"--show":""}" @click="${this._onClear}" @keydown="${this._onClear}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${eo.strings[0]}"></uui-icon></uui-button>`,this._renderDropdown=()=>c`<div id="dropdown" slot="popover"><uui-scroll-container id="scroll-container"><slot></slot></uui-scroll-container></div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),U(this,"uui-icon"),U(this,"uui-input"),U(this,"uui-button"),U(this,"uui-combobox-list"),U(this,"uui-scroll-container")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(Z.CHANGE,this._onChange),typeof this.value=="string"&&(await this.updateComplete,this._updateValue(this.value)))}_updateValue(t){var e;this._comboboxList&&(this._comboboxList.value=t,this._displayValue=((e=this._comboboxList)==null?void 0:e.displayValue)||"")}getFormElement(){return this._input}render(){return c`<uui-popover .open="${this.open}" .margin="${-1}" @close="${()=>this._onClose()}">${this._renderInput()} ${this._renderDropdown()}</uui-popover>`}},n.UUIComboboxElement.styles=[d`:host{position:relative;display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#scroll-container{max-height:var(--uui-combobox-popover-max-height,500px);overflow-y:auto}#dropdown{overflow:hidden;z-index:-1;background-color:var(--uui-combobox-popover-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-color-border,#d8d7d9);border-radius:var(--uui-border-radius,3px);width:100%;height:100%;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23))}#clear-button{pointer-events:none;opacity:0;transition:opacity 120ms}#clear-button.--show{pointer-events:auto;opacity:1}#caret{margin-right:var(--uui-size-3,9px);display:flex;width:1.15em;flex-shrink:0;margin-top:-1px}`],J([l({type:String})],n.UUIComboboxElement.prototype,"search",1),J([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",2),J([x("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),J([Y({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),J([f()],n.UUIComboboxElement.prototype,"_displayValue",2),J([f()],n.UUIComboboxElement.prototype,"_search",2),n.UUIComboboxElement=J([u("uui-combobox")],n.UUIComboboxElement);var Ln=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,Tt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Tn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ln(e,i,o),o};n.UUIDialogLayoutElement=class extends h{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return c`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return c`<slot></slot>`}renderActions(){return c`<slot id="actions" name="actions"></slot>`}render(){return c`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[d`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],Tt([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),Tt([f()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=Tt([u("uui-dialog-layout")],n.UUIDialogLayoutElement);var Nn=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Dn=(t,e,i,r)=>{for(var o=r>1?void 0:r?jn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Nn(e,i,o),o};n.UUIDialogElement=class extends h{render(){return c`<slot></slot>`}},n.UUIDialogElement.styles=[d`:host{position:relative;display:block;max-width:400px;color:var(--uui-color-text,#060606);background-color:var(--uui-dialog-background-color,var(--uui-color-surface,#fff));box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],n.UUIDialogElement=Dn([u("uui-dialog")],n.UUIDialogElement);class je extends I{}je.FILE_CHANGE="file-change";var Bn=Object.defineProperty,Hn=Object.getOwnPropertyDescriptor,De=(t,e,i,r)=>{for(var o=r>1?void 0:r?Hn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Bn(e,i,o),o};n.UUIFileDropzoneElement=class extends be("",h){constructor(){super(),this.accept="",this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-file-dropzone")}_checkIsItDirectory(t){return t.type?!1:t.webkitGetAsEntry().isDirectory}async _getAllFileEntries(t){const e=[],i=[];for(let r=0;r<t.length;r++)i.push(t[r].webkitGetAsEntry());if(this.accept){const r=[],o=[];for(this.accept.split(",").forEach(s=>{s.includes("*")?o.push(s.split("*")[0].trim().toLowerCase()):r.push(s.trim().toLowerCase())});i.length>0;){const s=i.shift();s.isFile&&await this._isAccepted(r,o,s)?e.push(s):s.isDirectory&&(e.push(s),i.push(...await this._readAllDirectoryEntries(s.createReader())))}}else for(;i.length>0;){const r=i.shift();r.isFile?e.push(r):r.isDirectory&&(e.push(r),i.push(...await this._readAllDirectoryEntries(r.createReader())))}return e}async _readAllDirectoryEntries(t){const e=[];let i=await this._readEntriesPromise(t);for(;i.length>0;)e.push(...i),i=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){try{return await new Promise((e,i)=>{t.readEntries(e,i)})}catch(e){console.log(e)}}async _getFile(t){return await new Promise((e,i)=>t.file(e,i))}async _isAccepted(t,e,i){const r=await this._getFile(i),o=r.type.toLowerCase(),s="."+r.name.split(".")[1].toLowerCase();return!!(t.includes(s)||t.includes(o)||e.some(a=>o.startsWith(a)))}async _onDrop(t){var e;t.preventDefault(),this._dropzone.classList.remove("hover");const i=(e=t.dataTransfer)==null?void 0:e.items;if(i){let r=await this._getAllFileEntries(i);this.multiple===!1&&r.length>0&&(r=[r[0]]),this.dispatchEvent(new je(je.FILE_CHANGE,{detail:{files:r}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new je(je.FILE_CHANGE,{detail:{files:t}}))}render(){return c`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${t=>t.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"></div>`}},n.UUIFileDropzoneElement.styles=[d`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],De([x("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),De([x("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),De([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",2),De([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=De([u("uui-file-dropzone")],n.UUIFileDropzoneElement);class Mn{static humanFileSize(e,i=!1,r=1){const o=i?1e3:1024;if(Math.abs(e)<o)return e+" B";const s=i?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const m=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*m)/m>=o&&a<s.length-1);return e.toFixed(r)+" "+s[a]}}var Rn=Object.defineProperty,Fn=Object.getOwnPropertyDescriptor,j=(t,e,i,r)=>{for(var o=r>1?void 0:r?Fn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Rn(e,i,o),o};n.UUIFilePreviewElement=class extends h{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(i=>{this._src=i})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-file-thumbnail"),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?c`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?c`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:c`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const t=this._name.substring(0,this._name.length-6),e=this._name.substring(this._name.length-6,this._name.length);return c`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${t}</span> <span id="file-name-end">${e}</span></span>`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const i=new FileReader;i.readAsDataURL(t),i.onload=()=>{e(i.result)}})}render(){return c`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?c`${Mn.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[d`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],j([f()],n.UUIFilePreviewElement.prototype,"_name",2),j([f()],n.UUIFilePreviewElement.prototype,"_url",2),j([f()],n.UUIFilePreviewElement.prototype,"_extension",2),j([f()],n.UUIFilePreviewElement.prototype,"_src",2),j([f()],n.UUIFilePreviewElement.prototype,"_size",2),j([f()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),j([f()],n.UUIFilePreviewElement.prototype,"_file",2),j([f()],n.UUIFilePreviewElement.prototype,"_isImage",2),j([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=j([u("uui-file-preview")],n.UUIFilePreviewElement);var Vn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,lt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Gn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Vn(e,i,o),o};n.UUIFormLayoutItemElement=class extends h{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),U(this,"uui-form-validation-message")}render(){return c`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[d`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],lt([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),lt([f()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),lt([f()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=lt([u("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
221
+ */const T=t=>t??E;var un=Object.defineProperty,dn=Object.getOwnPropertyDescriptor,N=(t,e,i,r)=>{for(var o=r>1?void 0:r?dn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&un(e,i,o),o};n.UUIButtonElement=class extends R(be("",h)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t=c``;switch(this.state){case"waiting":U(this,"uui-loader-circle"),t=c`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":U(this,"uui-icon"),t=c`<uui-icon name="check" .fallback="${St.strings[0]}"></uui-icon>`;break;case"failed":U(this,"uui-icon"),t=c`<uui-icon name="wrong" .fallback="${to.strings[0]}"></uui-icon>`;break;default:return""}return c`<div id="state">${t}</div>`}render(){return this.href?c`<a id="button" aria-label="${this.label}" href="${T(this.disabled?void 0:this.href)}" target="${T(this.target||void 0)}" rel="${T(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:c`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Je,d`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none}a:not([href]):active,button[disabled]:active{animation:${et}}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host(:not([color]):not([look=primary])) #button,:host([color='']:not([look=primary])) #button,:host([color=default]:not([look=primary])) #button{--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#25aa60);--color-standalone:var(--uui-color-positive-standalone,rgb(38, 156, 91));--color-emphasis:var(--uui-color-positive-emphasis,rgb(43, 197, 112));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fad634);--color-standalone:var(--uui-color-warning-standalone,rgb(224, 193, 51));--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,--color-standalone);font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-emphasis));border-color:var(--uui-button-border-color-hover,var(--color-emphasis))}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,--color-standalone)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],N([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),N([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),N([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),N([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),N([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),N([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),N([l({type:String})],n.UUIButtonElement.prototype,"href",2),N([l({type:String})],n.UUIButtonElement.prototype,"target",2),N([x("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=N([u("uui-button")],n.UUIButtonElement);class ye extends I{}ye.OPEN="open";var hn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,At=(t,e,i,r)=>{for(var o=r>1?void 0:r?pn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&hn(e,i,o),o};n.UUICardElement=class extends We(Ne(h)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new ye(ye.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new ye(ye.OPEN)))}},n.UUICardElement.styles=[d`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}`],At([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),At([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),n.UUICardElement=At([u("uui-card")],n.UUICardElement);var bn=Object.defineProperty,mn=Object.getOwnPropertyDescriptor,Lt=(t,e,i,r)=>{for(var o=r>1?void 0:r?mn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&bn(e,i,o),o};n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return U(this,"uui-icon"),c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return c`<div id="open-part" tabindex="${this.disabled?E:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Lt([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Lt([f()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Lt([u("uui-card-content-node")],n.UUICardContentNodeElement);var vn=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,at=(t,e,i,r)=>{for(var o=r>1?void 0:r?gn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&vn(e,i,o),o};n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.path[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!1?this.fileExt===""?c`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:c`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`:""}render(){return c`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?E:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button><div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,d`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],at([l({type:String})],n.UUICardMediaElement.prototype,"name",2),at([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),at([f()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=at([u("uui-card-media")],n.UUICardMediaElement);var fn=Object.defineProperty,yn=Object.getOwnPropertyDescriptor,io=(t,e,i,r)=>{for(var o=r>1?void 0:r?yn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&fn(e,i,o),o};n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),U(this,"uui-avatar")}render(){return c`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?E:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardUserElement.styles=[...n.UUICardElement.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],io([l({type:String})],n.UUICardUserElement.prototype,"name",2),n.UUICardUserElement=io([u("uui-card-user")],n.UUICardUserElement);var Un=Object.defineProperty,_n=Object.getOwnPropertyDescriptor,oo=(t,e,i,r)=>{for(var o=r>1?void 0:r?_n(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Un(e,i,o),o};n.UUICaretElement=class extends h{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return c`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[d`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],oo([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=oo([u("uui-caret")],n.UUICaretElement);var wn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,$n=(t,e,i,r)=>{for(var o=r>1?void 0:r?En(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&wn(e,i,o),o};n.UUICheckboxElement=class extends L{renderCheckbox(){return c`<div id="ticker"><div id="icon-check">${St}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...L.styles,Je,d`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${et}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=$n([u("uui-checkbox")],n.UUICheckboxElement);var In=Object.defineProperty,ro=Object.getOwnPropertySymbols,kn=Object.prototype.hasOwnProperty,xn=Object.prototype.propertyIsEnumerable,no=(t,e,i)=>e in t?In(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,so=(t,e)=>{for(var i in e||(e={}))kn.call(e,i)&&no(t,i,e[i]);if(ro)for(var i of ro(e))xn.call(e,i)&&no(t,i,e[i]);return t};class Z extends I{constructor(e,i={}){super(e,so(so({},{bubbles:!0}),i))}}Z.CHANGE="change";var Cn=Object.defineProperty,zn=Object.getOwnPropertyDescriptor,Q=(t,e,i,r)=>{for(var o=r>1?void 0:r?zn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Cn(e,i,o),o};n.UUIComboboxListElement=class extends h{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let t=0;t<this._activeOptions.length;t++)t===0?this._activeElement=this._activeOptions[t]:this._activeOptions[t].active=!1;this._updateSelection()},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new Z(Z.CHANGE))},this._onUnselected=t=>{const e=t.composedPath()[0];this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new Z(Z.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex()+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{var e;if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),(e=this._activeElement)==null||e.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(fe.SELECTED,this._onSelected),this.addEventListener(fe.UNSELECTED,this._onUnselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(fe.SELECTED,this._onSelected),this.removeEventListener(fe.UNSELECTED,this._onUnselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(t){t=Math.min(Math.max(t,0),this._options.length-1),this._activeElement=this._options[t],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return c`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUIComboboxListElement.styles=[d`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Q([l({type:String})],n.UUIComboboxListElement.prototype,"value",1),Q([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),Q([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),Q([Y({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),Q([Y({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),Q([f()],n.UUIComboboxListElement.prototype,"_value",2),n.UUIComboboxListElement=Q([u("uui-combobox-list")],n.UUIComboboxListElement);var Pn=Object.defineProperty,On=Object.getOwnPropertyDescriptor,Ue=(t,e,i,r)=>{for(var o=r>1?void 0:r?On(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Pn(e,i,o),o};n.UUIComboboxListOptionElement=class extends Ne(Ke(h)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.unselectable=!1}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){var t;return this._displayValue?this._displayValue:((t=this.textContent)==null?void 0:t.trim())||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return c`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[d`:host{position:relative;cursor:pointer;margin:0 6px;border-radius:var(--uui-border-radius,3px);outline:2px solid transparent;outline-offset:-2px}:host(:first-child){margin-top:6px}:host(:last-child){margin-bottom:6px}:host([selected]):host([active])::after{display:block;content:'';position:absolute;inset:0;outline:var(--uui-color-surface,#fff) solid 2px;outline-offset:-4px}:host(:hover){background-color:var(--uui-color-surface-emphasis,#fafafa);color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]){cursor:auto;color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]:hover){background-color:var(--uui-color-disabled,#f3f3f5)}:host([active]){outline-color:var(--uui-color-focus,#3879ff)}:host([selected]){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected,#3544b1)}:host([selected]:hover){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([selected][disabled]){color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}`],Ue([f()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Ue([f()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Ue([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Ue([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Ue([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Ue([u("uui-combobox-list-option")],n.UUIComboboxListOptionElement);class z extends I{}z.SEARCH="search",z.CHANGE="change";var Sn=Object.defineProperty,An=Object.getOwnPropertyDescriptor,J=(t,e,i,r)=>{for(var o=r>1?void 0:r?An(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Sn(e,i,o),o};n.UUIComboboxElement=class extends R(h){constructor(){super(...arguments),this.open=!1,this._displayValue="",this._search="",this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{document.activeElement!==this&&this._onClose()}),this._onInput=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new z(z.SEARCH)),this._open()},this._onChange=t=>{var e;t.stopImmediatePropagation(),this.value=((e=this._comboboxList)==null?void 0:e.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new z(z.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{!this.open||(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new z(z.SEARCH)))},this._onKeyDown=t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&this._open(),(t.key==="Escape"||t.key==="Enter")&&this._onClose()},this._onClear=t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this.dispatchEvent(new z(z.SEARCH)),this.dispatchEvent(new z(z.CHANGE)))},this._renderInput=()=>c`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" @click="${this._open}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="input-prepend" slot="prepend"></slot>${this._renderClearButton()} ${this._renderCaret()}<slot name="input-append" slot="append"></slot></uui-input>`,this._renderCaret=()=>c`<svg id="caret" slot="append" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`,this._renderClearButton=()=>c`<uui-button id="clear-button" class="${this.value||this.search?"--show":""}" @click="${this._onClear}" @keydown="${this._onClear}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${eo.strings[0]}"></uui-icon></uui-button>`,this._renderDropdown=()=>c`<div id="dropdown" slot="popover"><uui-scroll-container id="scroll-container"><slot></slot></uui-scroll-container></div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),U(this,"uui-icon"),U(this,"uui-input"),U(this,"uui-button"),U(this,"uui-combobox-list"),U(this,"uui-scroll-container")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(Z.CHANGE,this._onChange),typeof this.value=="string"&&(await this.updateComplete,this._updateValue(this.value)))}_updateValue(t){var e;this._comboboxList&&(this._comboboxList.value=t,this._displayValue=((e=this._comboboxList)==null?void 0:e.displayValue)||"")}getFormElement(){return this._input}render(){return c`<uui-popover .open="${this.open}" .margin="${-1}" @close="${()=>this._onClose()}">${this._renderInput()} ${this._renderDropdown()}</uui-popover>`}},n.UUIComboboxElement.styles=[d`:host{position:relative;display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#scroll-container{max-height:var(--uui-combobox-popover-max-height,500px);overflow-y:auto}#dropdown{overflow:hidden;z-index:-1;background-color:var(--uui-combobox-popover-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-color-border,#d8d7d9);border-radius:var(--uui-border-radius,3px);width:100%;height:100%;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23))}#clear-button{pointer-events:none;opacity:0;transition:opacity 120ms}#clear-button.--show{pointer-events:auto;opacity:1}#caret{margin-right:var(--uui-size-3,9px);display:flex;width:1.15em;flex-shrink:0;margin-top:-1px}`],J([l({type:String})],n.UUIComboboxElement.prototype,"search",1),J([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",2),J([x("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),J([Y({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),J([f()],n.UUIComboboxElement.prototype,"_displayValue",2),J([f()],n.UUIComboboxElement.prototype,"_search",2),n.UUIComboboxElement=J([u("uui-combobox")],n.UUIComboboxElement);var Ln=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,Tt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Tn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ln(e,i,o),o};n.UUIDialogLayoutElement=class extends h{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return c`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return c`<slot></slot>`}renderActions(){return c`<slot id="actions" name="actions"></slot>`}render(){return c`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[d`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],Tt([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),Tt([f()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=Tt([u("uui-dialog-layout")],n.UUIDialogLayoutElement);var Nn=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Dn=(t,e,i,r)=>{for(var o=r>1?void 0:r?jn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Nn(e,i,o),o};n.UUIDialogElement=class extends h{render(){return c`<slot></slot>`}},n.UUIDialogElement.styles=[d`:host{position:relative;display:block;max-width:400px;color:var(--uui-color-text,#060606);background-color:var(--uui-dialog-background-color,var(--uui-color-surface,#fff));box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],n.UUIDialogElement=Dn([u("uui-dialog")],n.UUIDialogElement);class je extends I{}je.FILE_CHANGE="file-change";var Bn=Object.defineProperty,Hn=Object.getOwnPropertyDescriptor,De=(t,e,i,r)=>{for(var o=r>1?void 0:r?Hn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Bn(e,i,o),o};n.UUIFileDropzoneElement=class extends be("",h){constructor(){super(),this.accept="",this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-file-dropzone")}_checkIsItDirectory(t){return t.type?!1:t.webkitGetAsEntry().isDirectory}async _getAllFileEntries(t){const e=[],i=[];for(let r=0;r<t.length;r++)i.push(t[r].webkitGetAsEntry());if(this.accept){const r=[],o=[];for(this.accept.split(",").forEach(s=>{s.includes("*")?o.push(s.split("*")[0].trim().toLowerCase()):r.push(s.trim().toLowerCase())});i.length>0;){const s=i.shift();s.isFile&&await this._isAccepted(r,o,s)?e.push(s):s.isDirectory&&(e.push(s),i.push(...await this._readAllDirectoryEntries(s.createReader())))}}else for(;i.length>0;){const r=i.shift();r.isFile?e.push(r):r.isDirectory&&(e.push(r),i.push(...await this._readAllDirectoryEntries(r.createReader())))}return e}async _readAllDirectoryEntries(t){const e=[];let i=await this._readEntriesPromise(t);for(;i.length>0;)e.push(...i),i=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){try{return await new Promise((e,i)=>{t.readEntries(e,i)})}catch(e){console.log(e)}}async _getFile(t){return await new Promise((e,i)=>t.file(e,i))}async _isAccepted(t,e,i){const r=await this._getFile(i),o=r.type.toLowerCase(),s="."+r.name.split(".")[1].toLowerCase();return!!(t.includes(s)||t.includes(o)||e.some(a=>o.startsWith(a)))}async _onDrop(t){var e;t.preventDefault(),this._dropzone.classList.remove("hover");const i=(e=t.dataTransfer)==null?void 0:e.items;if(i){let r=await this._getAllFileEntries(i);this.multiple===!1&&r.length>0&&(r=[r[0]]),this.dispatchEvent(new je(je.FILE_CHANGE,{detail:{files:r}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new je(je.FILE_CHANGE,{detail:{files:t}}))}render(){return c`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${t=>t.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"></div>`}},n.UUIFileDropzoneElement.styles=[d`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],De([x("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),De([x("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),De([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",2),De([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=De([u("uui-file-dropzone")],n.UUIFileDropzoneElement);class Mn{static humanFileSize(e,i=!1,r=1){const o=i?1e3:1024;if(Math.abs(e)<o)return e+" B";const s=i?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const m=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*m)/m>=o&&a<s.length-1);return e.toFixed(r)+" "+s[a]}}var Rn=Object.defineProperty,Fn=Object.getOwnPropertyDescriptor,j=(t,e,i,r)=>{for(var o=r>1?void 0:r?Fn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Rn(e,i,o),o};n.UUIFilePreviewElement=class extends h{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(i=>{this._src=i})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-file-thumbnail"),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?c`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?c`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:c`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const t=this._name.substring(0,this._name.length-6),e=this._name.substring(this._name.length-6,this._name.length);return c`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${t}</span> <span id="file-name-end">${e}</span></span>`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const i=new FileReader;i.readAsDataURL(t),i.onload=()=>{e(i.result)}})}render(){return c`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?c`${Mn.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[d`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],j([f()],n.UUIFilePreviewElement.prototype,"_name",2),j([f()],n.UUIFilePreviewElement.prototype,"_url",2),j([f()],n.UUIFilePreviewElement.prototype,"_extension",2),j([f()],n.UUIFilePreviewElement.prototype,"_src",2),j([f()],n.UUIFilePreviewElement.prototype,"_size",2),j([f()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),j([f()],n.UUIFilePreviewElement.prototype,"_file",2),j([f()],n.UUIFilePreviewElement.prototype,"_isImage",2),j([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=j([u("uui-file-preview")],n.UUIFilePreviewElement);var Vn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,lt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Gn(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Vn(e,i,o),o};n.UUIFormLayoutItemElement=class extends h{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),U(this,"uui-form-validation-message")}render(){return c`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[d`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],lt([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),lt([f()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),lt([f()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=lt([u("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
224
222
  * @license
225
223
  * Copyright 2020 Google LLC
226
224
  * SPDX-License-Identifier: BSD-3-Clause
@@ -236,7 +234,11 @@
236
234
  * @license
237
235
  * Copyright 2017 Google LLC
238
236
  * SPDX-License-Identifier: BSD-3-Clause
239
- */const He=(t,e)=>{var i,r;const o=t._$AN;if(o===void 0)return!1;for(const s of o)(r=(i=s)._$AO)===null||r===void 0||r.call(i,e,!1),He(s,e);return!0},ut=t=>{let e,i;do{if((e=t._$AM)===void 0)break;i=e._$AN,i.delete(t),t=e}while(i?.size===0)},fo=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(i===void 0)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),va(e)}};function ba(t){this._$AN!==void 0?(ut(this),this._$AM=t,fo(this)):this._$AM=t}function ma(t,e=!1,i=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=i;s<r.length;s++)He(r[s],!1),ut(r[s]);else r!=null&&(He(r,!1),ut(r));else He(this,t)}const va=t=>{var e,i,r,o;t.type==tt.CHILD&&((e=(r=t)._$AP)!==null&&e!==void 0||(r._$AP=ma),(i=(o=t)._$AQ)!==null&&i!==void 0||(o._$AQ=ba))};class ga extends ot{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,i,r){super._$AT(e,i,r),fo(this),this.isConnected=e._$AU}_$AO(e,i=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),i&&(He(this,e),ut(this))}setValue(e){if(Kn(this._$Ct))this._$Ct._$AI(e,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=e,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}const Vt=new WeakMap,Gt=it(class extends ga{render(t){return E}update(t,[e]){var i;const r=e!==this.Y;return r&&this.Y!==void 0&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.Y=e,this.dt=(i=t.options)===null||i===void 0?void 0:i.host,this.rt(this.ct=t.element)),E}rt(t){var e;if(typeof this.Y=="function"){const i=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=Vt.get(i);r===void 0&&(r=new WeakMap,Vt.set(i,r)),r.get(this.Y)!==void 0&&this.Y.call(this.dt,void 0),r.set(this.Y,t),t!==void 0&&this.Y.call(this.dt,t)}else this.Y.value=t}get lt(){var t,e,i;return typeof this.Y=="function"?(e=Vt.get((t=this.dt)!==null&&t!==void 0?t:globalThis))===null||e===void 0?void 0:e.get(this.Y):(i=this.Y)===null||i===void 0?void 0:i.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});class F extends I{}F.SHOW_CHILDREN="show-children",F.HIDE_CHILDREN="hide-children",F.CLICK_LABEL="click-label";var fa=Object.defineProperty,ya=Object.getOwnPropertyDescriptor,G=(t,e,i,r)=>{for(var o=r>1?void 0:r?ya(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&fa(e,i,o),o};n.UUIMenuItemElement=class extends We(Ne(Ke(be("label",h)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1}labelButtonChanged(t){this.selectableTarget=t||this}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),U(this,"uui-symbol-expand"),U(this,"uui-loader-bar")}iconSlotChanged(t){this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}onCaretClicked(){this.showChildren=!this.showChildren;const t=this.showChildren?F.SHOW_CHILDREN:F.HIDE_CHILDREN,e=new F(t);this.dispatchEvent(e)}onLabelClicked(){const t=new F(F.CLICK_LABEL);this.dispatchEvent(t)}_renderLabelInside(){return c`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this.iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?c`<span id="label-button" ${Gt(this.labelButtonChanged)}>${this._renderLabelInside()}</span>`:c`<a id="label-button" ${Gt(this.labelButtonChanged)} href="${T(this.href)}" target="${T(this.target||void 0)}" rel="${T(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return c`<button id="label-button" ${Gt(this.labelButtonChanged)} @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return c`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?c`<button id="caret-button" @click="${this.onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?c`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?c`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?c`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[d`:host{display:block;--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1);user-select:none}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns:var(--uui-size-8,24px) 1fr;grid-template-rows:1fr;white-space:nowrap}:host(:not([active],[selected],[disabled])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover~#label-button-background{background-color:var(--uui-color-surface-emphasis,#fafafa)}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-color-current-contrast,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-color-current,#f5c1bc)}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([selected]) #caret-button,:host([selected]) #label-button{color:var(--uui-color-selected-contrast,#fff)}:host([selected]) #label-button-background{background-color:var(--uui-color-selected,#3544b1)}:host([selected]) #caret-button:hover,:host([selected]) #label-button:hover~#label-button-background{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button+#label-button{padding-left:0}#caret-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],G([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),G([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),G([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),G([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),G([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),G([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),G([f()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=G([u("uui-menu-item")],n.UUIMenuItemElement);class q extends I{}q.CHANGE="change";var Ua=Object.defineProperty,_a=Object.getOwnPropertyDescriptor,V=(t,e,i,r)=>{for(var o=r>1?void 0:r?_a(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ua(e,i,o),o};const wa=45,qt=(t,e,i)=>Math.min(Math.max(t,e),i),Ea=(t,e)=>Array.from({length:e-t+1},(i,r)=>t+r);n.UUIPaginationElement=class extends h{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.total=1,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),U(this,"uui-button"),U(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((r,o)=>r+o.getBoundingClientRect().width,0),i=(t-e)/wa/2;this._range=Math.max(1,Math.floor(i)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,i=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return Ea(qt(e,1,this.total),qt(i,1,this.total))}get current(){return this._current}set current(t){const e=this._current;this._current=qt(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new q(q.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new q(q.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new q(q.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return c`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return c`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return c`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return c`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return c`<uui-button compact="compact" look="outline" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(t){return c`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return c`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return c`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return c`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[d`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],V([Wo("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),V([x("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),V([l()],n.UUIPaginationElement.prototype,"label",2),V([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),V([l({type:Number})],n.UUIPaginationElement.prototype,"total",2),V([f()],n.UUIPaginationElement.prototype,"_range",2),V([f()],n.UUIPaginationElement.prototype,"_visiblePages",2),V([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=V([u("uui-pagination")],n.UUIPaginationElement);class Kt extends I{}Kt.CLOSE="close";var $a=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,Me=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ia(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&$a(e,i,o),o};function dt(t,e,i){return t<e?e:t>i?i:t}n.UUIPopoverElement=class extends h{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._forceClosePopover()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),this._currentPlacement=null}_forceClosePopover(){this.open=!1,this.dispatchEvent(new Kt(Kt.CLOSE))}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const i=e.position==="absolute",r=/(auto|scroll)/;let o=t;for(;o=o.parentElement;)if(e=getComputedStyle(o),!(i&&e.position==="static")&&(r.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(o),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const i=this.containerElement;if(!i)return;const r=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),o=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(o!=null&&r!=null){const s=this._scrollParents.map(B=>B.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,r,s));let a=this._currentPlacement.indexOf("top")!==-1,m=this._currentPlacement.indexOf("bottom")!==-1,p=this._currentPlacement.indexOf("left")!==-1,b=this._currentPlacement.indexOf("right")!==-1;const k=this._currentPlacement.indexOf("-start")!==-1,_=this._currentPlacement.indexOf("-end")!==-1;let v=.5,y=.5,w=.5,$=.5,S=0,re=0;if(this.placement==="auto"){const B=this._scrollParents[0],Ve=B.clientWidth,ae=B.clientHeight,Ce=o.x-r.width,ze=Ve-(o.x+o.width)-r.width,ei=o.y-r.height,gt=ae-(o.y+o.height)-r.height;let ft=.5,yt=.5;const bc=Math.max(Ce,ze);let Lo=Math.max(ei,gt);gt>ei&&gt>this.margin&&(Lo+=9999),bc>Lo?(Ce>ze?(ft=0,p=!0):(ft=1,b=!0),S=this.margin):(ei>gt?(yt=0,a=!0):(yt=1,m=!0),re=this.margin),v=ft,y=yt,w=1-ft,$=1-yt}else a&&($=1,y=0),m&&($=0,y=1),(a||m)&&(re=this.margin,k&&(w=0,v=0),_&&(w=1,v=1)),p&&(w=1,v=0),b&&(w=0,v=1),(p||b)&&(S=this.margin,k&&($=0,y=0),_&&($=1,y=1));const xe=-r.width*w+o.width*v-S*(w*2-1),Jt=-r.height*$+o.height*y-re*($*2-1);let ne=xe,se=Jt;a||m?(this._scrollParents.forEach((B,Ve)=>{const ae=B===document.body?0:s[Ve].x,Ce=-o.x+ae,ze=B.clientWidth-o.x-o.width+xe+ae-(r.width-o.width)*(1-v);ne=dt(ne,Ce,ze)}),ne=dt(ne,-r.width,o.width)):(p||b)&&(this._scrollParents.forEach((B,Ve)=>{const ae=B===document.body?0:s[Ve].y,Ce=-o.y+ae,ze=B.clientHeight-o.y-o.height+Jt+ae-(r.height-o.height)*(1-y);se=dt(se,Ce,ze)}),se=dt(se,-r.height,o.height)),(this._positionX!==ne||this._positionY!==se)&&(this._positionX=ne,this._positionY=se,xe===ne&&Jt===se&&this._stopScrollListener(),i.style.left=`${this._positionX}px`,i.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,i){const r=t.split("-"),o=r[0],s=r[1]||null;let a;return this._scrollParents.some((m,p)=>{const b=m===document.body?0:i[p].x,k=m===document.body?0:i[p].y;return o==="top"&&e.y-2<=k?(a="bottom",!0):o==="bottom"&&e.y+e.height+2>=m.clientHeight+k?(a="top",!0):o==="left"&&e.x-2<=b?(a="right",!0):o==="right"&&e.x+e.width+2>=m.clientWidth+b?(a="left",!0):!1}),a?(this._startScrollListener(),a+(s?`-${s}`:"")):t}render(){return c`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?c`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[d`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:1}slot[name=popover]{display:block}#trigger{position:relative;width:100%}`],Me([x("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Me([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Me([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Me([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Me([u("uui-popover")],n.UUIPopoverElement);var ka=Object.defineProperty,xa=Object.getOwnPropertyDescriptor,yo=(t,e,i,r)=>{for(var o=r>1?void 0:r?xa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&ka(e,i,o),o};const Ca=(t,e,i)=>Math.min(Math.max(t,e),i);n.UUIProgressBarElement=class extends h{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Ca(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return c`<div id="bar" style="${rt(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[d`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#25aa60);height:100%;width:0%}`],yo([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=yo([u("uui-progress-bar")],n.UUIProgressBarElement);class $e extends I{}$e.CHANGE="change";var za=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,ie=(t,e,i,r)=>{for(var o=r>1?void 0:r?Pa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&za(e,i,o),o};n.UUIRadioElement=class extends h{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,t&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new $e($e.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return c`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?c`<span>${this.label}</span>`:c`<slot></slot>`}</div></label>`}},n.UUIRadioElement.styles=[Je,d`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${et}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],ie([x("#input")],n.UUIRadioElement.prototype,"inputElement",2),ie([l({type:String})],n.UUIRadioElement.prototype,"name",2),ie([l({type:String})],n.UUIRadioElement.prototype,"value",2),ie([l({type:String})],n.UUIRadioElement.prototype,"label",2),ie([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),ie([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=ie([u("uui-radio")],n.UUIRadioElement);class ht extends I{}ht.CHANGE="change";var Oa=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,Uo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Sa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Oa(e,i,o),o};const Aa="ArrowLeft",La="ArrowUp",Ta="ArrowRight",Na="ArrowDown",ja=" ";n.UUIRadioGroupElement=class extends R(h){constructor(){super(),this.disabled=!1,this._selected=null,this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.stopPropagation(),t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._radioElements.forEach((e,i)=>{e.value===t?(e.checked=!0,this._selected=i):e.checked=!1})}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.name=t)}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.disabled=t)}_handleSlotChange(t){var e;if(t.stopPropagation(),(e=this._radioElements)==null||e.forEach(i=>{i.removeEventListener($e.CHANGE,this._handleSelectOnClick),i.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(i=>i instanceof n.UUIRadioElement),this._radioElements.length>0){this._radioElements.forEach(r=>{r.addEventListener($e.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)});const i=this._radioElements.filter(r=>r.checked===!0);i.length>1&&(this._radioElements.forEach(r=>{r.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),i.length===1?(this.value=i[0].value,this._selected=this._radioElements.indexOf(i[0]),i[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),i[0].makeFocusable()):this._makeFirstEnabledFocusable(),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0)):this._makeFirstEnabledFocusable()}}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(i=>{i.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,i=this._radioElements.length;let r=this._selected===null?0:1;for(;r<i;){let o=(e+r*t)%i;if(o<0&&(o+=i),this._radioElements[o].disabled===!1)return this._radioElements[o];r++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.stopPropagation(),t.key){case Aa:case La:{t.preventDefault(),this._selectPreviousElement();break}case Ta:case Na:{t.preventDefault(),this._selectNextElement();break}case ja:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new ht(ht.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(t.get("disabled")),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return c`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[d`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],Uo([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=Uo([u("uui-radio-group")],n.UUIRadioGroupElement);var Da=Object.defineProperty,Ba=Object.getOwnPropertyDescriptor,Ha=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ba(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Da(e,i,o),o};n.UUIRefListElement=class extends h{render(){return c`<slot></slot>`}},n.UUIRefListElement.styles=[d`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;width:100%;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=Ha([u("uui-ref-list")],n.UUIRefListElement);class Ie extends I{}Ie.OPEN="open";var Ma=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,Wt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ra(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ma(e,i,o),o};n.UUIRefElement=class extends We(Ne(h)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Ie(Ie.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Ie(Ie.OPEN)))}},n.UUIRefElement.styles=[d`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([border]){border:1px solid var(--uui-color-border,#d8d7d9)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-2,6px) * 4);margin-right:var(--uui-size-2,6px)}#actions-container{opacity:0;transition:opacity 120ms}:host(:hover) #actions-container{opacity:1}:host([border]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Wt([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),Wt([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=Wt([u("uui-ref")],n.UUIRefElement);var Fa=Object.defineProperty,Va=Object.getOwnPropertyDescriptor,pt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Va(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Fa(e,i,o),o};n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),U(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return c`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return c`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div></button><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,d`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{align-self:stretch;display:flex;position:relative;align-items:center;cursor:pointer}#icon{font-size:1.2em;margin-left:var(--uui-size-2,6px);margin-right:var(--uui-size-1,3px)}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#name{font-weight:700}#detail{font-size:var(--uui-type-small-size,12px)}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],pt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),pt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),pt([f()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=pt([u("uui-ref-node")],n.UUIRefNodeElement);var Ga=Object.defineProperty,qa=Object.getOwnPropertyDescriptor,_o=(t,e,i,r)=>{for(var o=r>1?void 0:r?qa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ga(e,i,o),o};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],_o([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=_o([u("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var Ka=Object.defineProperty,Wa=Object.getOwnPropertyDescriptor,wo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Wa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ka(e,i,o),o};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],wo([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=wo([u("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var Ya=Object.defineProperty,Xa=Object.getOwnPropertyDescriptor,Za=(t,e,i,r)=>{for(var o=r>1?void 0:r?Xa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ya(e,i,o),o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=Za([u("uui-ref-node-form")],n.UUIRefNodeFormElement);var Qa=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,Eo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ja(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Qa(e,i,o),o};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],Eo([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Eo([u("uui-ref-node-member")],n.UUIRefNodeMemberElement);var el=Object.defineProperty,tl=Object.getOwnPropertyDescriptor,Yt=(t,e,i,r)=>{for(var o=r>1?void 0:r?tl(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&el(e,i,o),o};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],Yt([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Yt([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Yt([u("uui-ref-node-package")],n.UUIRefNodePackageElement);var il=Object.defineProperty,ol=Object.getOwnPropertyDescriptor,$o=(t,e,i,r)=>{for(var o=r>1?void 0:r?ol(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&il(e,i,o),o};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],$o([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=$o([u("uui-ref-node-user")],n.UUIRefNodeUserElement);var rl=Object.defineProperty,nl=Object.getOwnPropertyDescriptor,sl=(t,e,i,r)=>{for(var o=r>1?void 0:r?nl(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&rl(e,i,o),o};n.UUIScrollContainerElement=class extends h{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){return c`<slot></slot>`}},n.UUIScrollContainerElement.styles=[d`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,#c4c4c4) var(--uui-color-surface,#fff);overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-color-surface,#fff);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-color-disabled-contrast,#c4c4c4);border-radius:3px}`],n.UUIScrollContainerElement=sl([u("uui-scroll-container")],n.UUIScrollContainerElement);class bt extends I{}bt.CHANGE="change";var al=Object.defineProperty,ll=Object.getOwnPropertyDescriptor,D=(t,e,i,r)=>{for(var o=r>1?void 0:r?ll(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&al(e,i,o),o};n.UUISelectElement=class extends R(h){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(i=>i.value);const e=this.options.find(i=>i.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new bt(bt.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,i,r){return c`<option value="${e}" ?selected="${i}" ?disabled="${r}">${t}</option>`}_renderGrouped(){return this._groups.length===0?c``:c`${this._groups.map(t=>c`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return c`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}},n.UUISelectElement.styles=[d`:host{position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,var(--uui-size-5,15px));height:var(--uui-select-height,var(--uui-size-11,33px));width:100%;padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;border-radius:0;box-sizing:border-box;background-color:transparent;border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-color-disabled,#f3f3f5))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-color-selected,#3544b1));color:var(--uui-select-selected-option-color,var(--uui-color-selected-contrast,#fff))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-focus,#3879ff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],D([l({type:String})],n.UUISelectElement.prototype,"label",2),D([l()],n.UUISelectElement.prototype,"placeholder",2),D([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),D([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),D([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),D([f()],n.UUISelectElement.prototype,"_groups",2),D([l()],n.UUISelectElement.prototype,"disabledGroups",2),D([f()],n.UUISelectElement.prototype,"_disabledGroups",2),D([x("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=D([u("uui-select")],n.UUISelectElement);const cl=d`
237
+ */const He=(t,e)=>{var i,r;const o=t._$AN;if(o===void 0)return!1;for(const s of o)(r=(i=s)._$AO)===null||r===void 0||r.call(i,e,!1),He(s,e);return!0},ut=t=>{let e,i;do{if((e=t._$AM)===void 0)break;i=e._$AN,i.delete(t),t=e}while(i?.size===0)},fo=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(i===void 0)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),va(e)}};function ba(t){this._$AN!==void 0?(ut(this),this._$AM=t,fo(this)):this._$AM=t}function ma(t,e=!1,i=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=i;s<r.length;s++)He(r[s],!1),ut(r[s]);else r!=null&&(He(r,!1),ut(r));else He(this,t)}const va=t=>{var e,i,r,o;t.type==tt.CHILD&&((e=(r=t)._$AP)!==null&&e!==void 0||(r._$AP=ma),(i=(o=t)._$AQ)!==null&&i!==void 0||(o._$AQ=ba))};class ga extends ot{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,i,r){super._$AT(e,i,r),fo(this),this.isConnected=e._$AU}_$AO(e,i=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),i&&(He(this,e),ut(this))}setValue(e){if(Kn(this._$Ct))this._$Ct._$AI(e,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=e,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}const Vt=new WeakMap,Gt=it(class extends ga{render(t){return E}update(t,[e]){var i;const r=e!==this.Y;return r&&this.Y!==void 0&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.Y=e,this.dt=(i=t.options)===null||i===void 0?void 0:i.host,this.rt(this.ct=t.element)),E}rt(t){var e;if(typeof this.Y=="function"){const i=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=Vt.get(i);r===void 0&&(r=new WeakMap,Vt.set(i,r)),r.get(this.Y)!==void 0&&this.Y.call(this.dt,void 0),r.set(this.Y,t),t!==void 0&&this.Y.call(this.dt,t)}else this.Y.value=t}get lt(){var t,e,i;return typeof this.Y=="function"?(e=Vt.get((t=this.dt)!==null&&t!==void 0?t:globalThis))===null||e===void 0?void 0:e.get(this.Y):(i=this.Y)===null||i===void 0?void 0:i.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});class F extends I{}F.SHOW_CHILDREN="show-children",F.HIDE_CHILDREN="hide-children",F.CLICK_LABEL="click-label";var fa=Object.defineProperty,ya=Object.getOwnPropertyDescriptor,G=(t,e,i,r)=>{for(var o=r>1?void 0:r?ya(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&fa(e,i,o),o};n.UUIMenuItemElement=class extends We(Ne(Ke(be("label",h)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1}labelButtonChanged(t){this.selectableTarget=t||this}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),U(this,"uui-symbol-expand"),U(this,"uui-loader-bar")}iconSlotChanged(t){this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}onCaretClicked(){this.showChildren=!this.showChildren;const t=this.showChildren?F.SHOW_CHILDREN:F.HIDE_CHILDREN,e=new F(t);this.dispatchEvent(e)}onLabelClicked(){const t=new F(F.CLICK_LABEL);this.dispatchEvent(t)}_renderLabelInside(){return c`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this.iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?c`<span id="label-button" ${Gt(this.labelButtonChanged)}>${this._renderLabelInside()}</span>`:c`<a id="label-button" ${Gt(this.labelButtonChanged)} href="${T(this.href)}" target="${T(this.target||void 0)}" rel="${T(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return c`<button id="label-button" ${Gt(this.labelButtonChanged)} @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return c`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?c`<button id="caret-button" @click="${this.onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?c`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?c`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?c`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[d`:host{display:block;--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1);user-select:none}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns:var(--uui-size-8,24px) 1fr;grid-template-rows:1fr;white-space:nowrap}:host(:not([active],[selected],[disabled])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover~#label-button-background{background-color:var(--uui-color-surface-emphasis,#fafafa)}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-color-current-contrast,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-color-current,#f5c1bc)}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([selected]) #caret-button,:host([selected]) #label-button{color:var(--uui-color-selected-contrast,#fff)}:host([selected]) #label-button-background{background-color:var(--uui-color-selected,#3544b1)}:host([selected]) #caret-button:hover,:host([selected]) #label-button:hover~#label-button-background{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button+#label-button{padding-left:0}#caret-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],G([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),G([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),G([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),G([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),G([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),G([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),G([f()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=G([u("uui-menu-item")],n.UUIMenuItemElement);class q extends I{}q.CHANGE="change";var Ua=Object.defineProperty,_a=Object.getOwnPropertyDescriptor,V=(t,e,i,r)=>{for(var o=r>1?void 0:r?_a(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ua(e,i,o),o};const wa=45,qt=(t,e,i)=>Math.min(Math.max(t,e),i),Ea=(t,e)=>Array.from({length:e-t+1},(i,r)=>t+r);n.UUIPaginationElement=class extends h{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.total=1,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),U(this,"uui-button"),U(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((r,o)=>r+o.getBoundingClientRect().width,0),i=(t-e)/wa/2;this._range=Math.max(1,Math.floor(i)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,i=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return Ea(qt(e,1,this.total),qt(i,1,this.total))}get current(){return this._current}set current(t){const e=this._current;this._current=qt(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new q(q.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new q(q.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new q(q.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return c`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return c`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return c`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return c`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return c`<uui-button compact="compact" look="outline" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(t){return c`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return c`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return c`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return c`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[d`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],V([Wo("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),V([x("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),V([l()],n.UUIPaginationElement.prototype,"label",2),V([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),V([l({type:Number})],n.UUIPaginationElement.prototype,"total",2),V([f()],n.UUIPaginationElement.prototype,"_range",2),V([f()],n.UUIPaginationElement.prototype,"_visiblePages",2),V([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=V([u("uui-pagination")],n.UUIPaginationElement);class Kt extends I{}Kt.CLOSE="close";var $a=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,Me=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ia(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&$a(e,i,o),o};function dt(t,e,i){return t<e?e:t>i?i:t}n.UUIPopoverElement=class extends h{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._forceClosePopover()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),this._currentPlacement=null}_forceClosePopover(){this.open=!1,this.dispatchEvent(new Kt(Kt.CLOSE))}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const i=e.position==="absolute",r=/(auto|scroll)/;let o=t;for(;o=o.parentElement;)if(e=getComputedStyle(o),!(i&&e.position==="static")&&(r.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(o),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const i=this.containerElement;if(!i)return;const r=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),o=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(o!=null&&r!=null){const s=this._scrollParents.map(B=>B.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,r,s));let a=this._currentPlacement.indexOf("top")!==-1,m=this._currentPlacement.indexOf("bottom")!==-1,p=this._currentPlacement.indexOf("left")!==-1,b=this._currentPlacement.indexOf("right")!==-1;const k=this._currentPlacement.indexOf("-start")!==-1,_=this._currentPlacement.indexOf("-end")!==-1;let v=.5,y=.5,w=.5,$=.5,S=0,re=0;if(this.placement==="auto"){const B=this._scrollParents[0],Ve=B.clientWidth,ae=B.clientHeight,Ce=o.x-r.width,ze=Ve-(o.x+o.width)-r.width,ei=o.y-r.height,gt=ae-(o.y+o.height)-r.height;let ft=.5,yt=.5;const bc=Math.max(Ce,ze);let Lo=Math.max(ei,gt);gt>ei&&gt>this.margin&&(Lo+=9999),bc>Lo?(Ce>ze?(ft=0,p=!0):(ft=1,b=!0),S=this.margin):(ei>gt?(yt=0,a=!0):(yt=1,m=!0),re=this.margin),v=ft,y=yt,w=1-ft,$=1-yt}else a&&($=1,y=0),m&&($=0,y=1),(a||m)&&(re=this.margin,k&&(w=0,v=0),_&&(w=1,v=1)),p&&(w=1,v=0),b&&(w=0,v=1),(p||b)&&(S=this.margin,k&&($=0,y=0),_&&($=1,y=1));const xe=-r.width*w+o.width*v-S*(w*2-1),Jt=-r.height*$+o.height*y-re*($*2-1);let ne=xe,se=Jt;a||m?(this._scrollParents.forEach((B,Ve)=>{const ae=B===document.body?0:s[Ve].x,Ce=-o.x+ae,ze=B.clientWidth-o.x-o.width+xe+ae-(r.width-o.width)*(1-v);ne=dt(ne,Ce,ze)}),ne=dt(ne,-r.width,o.width)):(p||b)&&(this._scrollParents.forEach((B,Ve)=>{const ae=B===document.body?0:s[Ve].y,Ce=-o.y+ae,ze=B.clientHeight-o.y-o.height+Jt+ae-(r.height-o.height)*(1-y);se=dt(se,Ce,ze)}),se=dt(se,-r.height,o.height)),(this._positionX!==ne||this._positionY!==se)&&(this._positionX=ne,this._positionY=se,xe===ne&&Jt===se&&this._stopScrollListener(),i.style.left=`${this._positionX}px`,i.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,i){const r=t.split("-"),o=r[0],s=r[1]||null;let a;return this._scrollParents.some((m,p)=>{const b=m===document.body?0:i[p].x,k=m===document.body?0:i[p].y;return o==="top"&&e.y-2<=k?(a="bottom",!0):o==="bottom"&&e.y+e.height+2>=m.clientHeight+k?(a="top",!0):o==="left"&&e.x-2<=b?(a="right",!0):o==="right"&&e.x+e.width+2>=m.clientWidth+b?(a="left",!0):!1}),a?(this._startScrollListener(),a+(s?`-${s}`:"")):t}render(){return c`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?c`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[d`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:1}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
238
+ --uui-popover-toggle-slot-button-border-radius
239
+ );--uui-button-merge-border-left:var(
240
+ --uui-popover-toggle-slot-button-merge-border-left
241
+ )}`],Me([x("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Me([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Me([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Me([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Me([u("uui-popover")],n.UUIPopoverElement);var ka=Object.defineProperty,xa=Object.getOwnPropertyDescriptor,yo=(t,e,i,r)=>{for(var o=r>1?void 0:r?xa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&ka(e,i,o),o};const Ca=(t,e,i)=>Math.min(Math.max(t,e),i);n.UUIProgressBarElement=class extends h{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Ca(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return c`<div id="bar" style="${rt(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[d`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#25aa60);height:100%;width:0%}`],yo([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=yo([u("uui-progress-bar")],n.UUIProgressBarElement);class $e extends I{}$e.CHANGE="change";var za=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,ie=(t,e,i,r)=>{for(var o=r>1?void 0:r?Pa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&za(e,i,o),o};n.UUIRadioElement=class extends h{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,t&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new $e($e.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return c`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?c`<span>${this.label}</span>`:c`<slot></slot>`}</div></label>`}},n.UUIRadioElement.styles=[Je,d`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${et}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],ie([x("#input")],n.UUIRadioElement.prototype,"inputElement",2),ie([l({type:String})],n.UUIRadioElement.prototype,"name",2),ie([l({type:String})],n.UUIRadioElement.prototype,"value",2),ie([l({type:String})],n.UUIRadioElement.prototype,"label",2),ie([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),ie([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=ie([u("uui-radio")],n.UUIRadioElement);class ht extends I{}ht.CHANGE="change";var Oa=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,Uo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Sa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Oa(e,i,o),o};const Aa="ArrowLeft",La="ArrowUp",Ta="ArrowRight",Na="ArrowDown",ja=" ";n.UUIRadioGroupElement=class extends R(h){constructor(){super(),this.disabled=!1,this._selected=null,this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.stopPropagation(),t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._radioElements.forEach((e,i)=>{e.value===t?(e.checked=!0,this._selected=i):e.checked=!1})}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.name=t)}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.disabled=t)}_handleSlotChange(t){var e;if(t.stopPropagation(),(e=this._radioElements)==null||e.forEach(i=>{i.removeEventListener($e.CHANGE,this._handleSelectOnClick),i.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(i=>i instanceof n.UUIRadioElement),this._radioElements.length>0){this._radioElements.forEach(r=>{r.addEventListener($e.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)});const i=this._radioElements.filter(r=>r.checked===!0);i.length>1&&(this._radioElements.forEach(r=>{r.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),i.length===1?(this.value=i[0].value,this._selected=this._radioElements.indexOf(i[0]),i[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),i[0].makeFocusable()):this._makeFirstEnabledFocusable(),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0)):this._makeFirstEnabledFocusable()}}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(i=>{i.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,i=this._radioElements.length;let r=this._selected===null?0:1;for(;r<i;){let o=(e+r*t)%i;if(o<0&&(o+=i),this._radioElements[o].disabled===!1)return this._radioElements[o];r++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.stopPropagation(),t.key){case Aa:case La:{t.preventDefault(),this._selectPreviousElement();break}case Ta:case Na:{t.preventDefault(),this._selectNextElement();break}case ja:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new ht(ht.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(t.get("disabled")),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return c`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[d`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],Uo([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=Uo([u("uui-radio-group")],n.UUIRadioGroupElement);var Da=Object.defineProperty,Ba=Object.getOwnPropertyDescriptor,Ha=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ba(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Da(e,i,o),o};n.UUIRefListElement=class extends h{render(){return c`<slot></slot>`}},n.UUIRefListElement.styles=[d`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;width:100%;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=Ha([u("uui-ref-list")],n.UUIRefListElement);class Ie extends I{}Ie.OPEN="open";var Ma=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,Wt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ra(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ma(e,i,o),o};n.UUIRefElement=class extends We(Ne(h)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Ie(Ie.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Ie(Ie.OPEN)))}},n.UUIRefElement.styles=[d`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([border]){border:1px solid var(--uui-color-border,#d8d7d9)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-2,6px) * 4);margin-right:var(--uui-size-2,6px)}#actions-container{opacity:0;transition:opacity 120ms}:host(:hover) #actions-container{opacity:1}:host([border]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Wt([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),Wt([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=Wt([u("uui-ref")],n.UUIRefElement);var Fa=Object.defineProperty,Va=Object.getOwnPropertyDescriptor,pt=(t,e,i,r)=>{for(var o=r>1?void 0:r?Va(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Fa(e,i,o),o};n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),U(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return c`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return c`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return c`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div></button><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,d`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{align-self:stretch;display:flex;position:relative;align-items:center;cursor:pointer}#icon{font-size:1.2em;margin-left:var(--uui-size-2,6px);margin-right:var(--uui-size-1,3px)}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#name{font-weight:700}#detail{font-size:var(--uui-type-small-size,12px)}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],pt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),pt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),pt([f()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=pt([u("uui-ref-node")],n.UUIRefNodeElement);var Ga=Object.defineProperty,qa=Object.getOwnPropertyDescriptor,_o=(t,e,i,r)=>{for(var o=r>1?void 0:r?qa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ga(e,i,o),o};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],_o([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=_o([u("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var Ka=Object.defineProperty,Wa=Object.getOwnPropertyDescriptor,wo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Wa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ka(e,i,o),o};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],wo([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=wo([u("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var Ya=Object.defineProperty,Xa=Object.getOwnPropertyDescriptor,Za=(t,e,i,r)=>{for(var o=r>1?void 0:r?Xa(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Ya(e,i,o),o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=Za([u("uui-ref-node-form")],n.UUIRefNodeFormElement);var Qa=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,Eo=(t,e,i,r)=>{for(var o=r>1?void 0:r?Ja(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&Qa(e,i,o),o};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],Eo([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Eo([u("uui-ref-node-member")],n.UUIRefNodeMemberElement);var el=Object.defineProperty,tl=Object.getOwnPropertyDescriptor,Yt=(t,e,i,r)=>{for(var o=r>1?void 0:r?tl(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&el(e,i,o),o};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],Yt([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Yt([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Yt([u("uui-ref-node-package")],n.UUIRefNodePackageElement);var il=Object.defineProperty,ol=Object.getOwnPropertyDescriptor,$o=(t,e,i,r)=>{for(var o=r>1?void 0:r?ol(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&il(e,i,o),o};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),c`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],$o([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=$o([u("uui-ref-node-user")],n.UUIRefNodeUserElement);var rl=Object.defineProperty,nl=Object.getOwnPropertyDescriptor,sl=(t,e,i,r)=>{for(var o=r>1?void 0:r?nl(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&rl(e,i,o),o};n.UUIScrollContainerElement=class extends h{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){return c`<slot></slot>`}},n.UUIScrollContainerElement.styles=[d`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,#c4c4c4) var(--uui-color-surface,#fff);overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-color-surface,#fff);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-color-disabled-contrast,#c4c4c4);border-radius:3px}`],n.UUIScrollContainerElement=sl([u("uui-scroll-container")],n.UUIScrollContainerElement);class bt extends I{}bt.CHANGE="change";var al=Object.defineProperty,ll=Object.getOwnPropertyDescriptor,D=(t,e,i,r)=>{for(var o=r>1?void 0:r?ll(e,i):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(o=(r?a(e,i,o):a(o))||o);return r&&o&&al(e,i,o),o};n.UUISelectElement=class extends R(h){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(i=>i.value);const e=this.options.find(i=>i.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new bt(bt.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,i,r){return c`<option value="${e}" ?selected="${i}" ?disabled="${r}">${t}</option>`}_renderGrouped(){return this._groups.length===0?c``:c`${this._groups.map(t=>c`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return c`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}},n.UUISelectElement.styles=[d`:host{position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,var(--uui-size-5,15px));height:var(--uui-select-height,var(--uui-size-11,33px));width:100%;padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;border-radius:0;box-sizing:border-box;background-color:transparent;border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-color-disabled,#f3f3f5))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-color-selected,#3544b1));color:var(--uui-select-selected-option-color,var(--uui-color-selected-contrast,#fff))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-focus,#3879ff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],D([l({type:String})],n.UUISelectElement.prototype,"label",2),D([l()],n.UUISelectElement.prototype,"placeholder",2),D([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),D([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),D([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),D([f()],n.UUISelectElement.prototype,"_groups",2),D([l()],n.UUISelectElement.prototype,"disabledGroups",2),D([f()],n.UUISelectElement.prototype,"_disabledGroups",2),D([x("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=D([u("uui-select")],n.UUISelectElement);const cl=d`
240
242
  input[type='range'] {
241
243
  left: 0;
242
244
  position: absolute;