@umbraco-ui/uui 1.14.0-rc.1 → 1.14.0-rc.2

package/dist/uui.min.js

@@ -231,7 +231,23 @@
   margin-top: var(--uui-size-layout-1,24px);
   margin-bottom: var(--uui-size-layout-1,24px);
 }
-`;const It=je(Su),Pu=g`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,Au=je("uui-blink 0.9s infinite both"),zu=g`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,Lu=je("pulse 0.8s ease-in-out infinite both"),Mu=g`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,Ou=je("uui-horizontal-shake 600ms ease backwards");let Ur=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Pe=class extends Ur{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Pe.VALID="valid",Pe.INVALID="invalid";let ot=class extends Ur{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};ot.SELECTED="selected",ot.DESELECTED="deselected";var Tu=Object.defineProperty,Nu=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Tu(e,t,o),o};const Bu=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return Nu([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var Du=Object.defineProperty,ys=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Du(e,t,o),o};const Vu=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}firstUpdated(o){super.firstUpdated(o),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"display: none"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return ys([l({type:String})],t.prototype,"label"),ys([U()],t.prototype,"_labelSlotHasContent"),t};var ju=Object.defineProperty,Hu=Object.getOwnPropertyDescriptor,ws=i=>{throw TypeError(i)},Us=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ju(e,t,o),o},_r=(i,e,t)=>e.has(i)||ws("Cannot "+t),X=(i,e,t)=>(_r(i,e,"read from private field"),t?t.call(i):e.get(i)),Wi=(i,e,t)=>e.has(i)?ws("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ru=(i,e,t,r)=>(_r(i,e,"write to private field"),e.set(i,t),t),qi=(i,e,t)=>(_r(i,e,"access private method"),t);const Fu=i=>{var e,t,r,o,s,a,c;class h extends i{constructor(...b){super(...b),Wi(this,o),this._selectable=!1,this.deselectable=!0,this.selected=!1,Wi(this,e,this),Wi(this,t,p=>{p.code!=="Space"&&p.code!=="Enter"||p.composedPath().indexOf(X(this,e))===0&&X(this,r).call(this,p)}),Wi(this,r,p=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const _=p.composedPath();X(this,e)===this&&_.some(m=>{const w=m.tagName;return w==="A"||w==="BUTTON"||w==="INPUT"||w==="TEXTAREA"||w==="SELECT"})||_.indexOf(X(this,e))!==-1&&(p.type==="keydown"&&p.preventDefault(),qi(this,o,s).call(this))}),this.addEventListener("click",X(this,r)),this.addEventListener("keydown",X(this,t))}get selectable(){return this._selectable}set selectable(b){const p=this._selectable;p!==b&&(this._selectable=b,X(this,e)===this&&X(this,e).setAttribute("tabindex",`${b?"0":"-1"}`),this.requestUpdate("selectable",p))}get selectableTarget(){return X(this,e)}set selectableTarget(b){const p=X(this,e);p.removeAttribute("tabindex"),p.removeEventListener("click",X(this,r)),p.removeEventListener("keydown",X(this,t)),Ru(this,e,b),X(this,e)===this&&X(this,e).setAttribute("tabindex",this._selectable?"0":"-1"),b.addEventListener("click",X(this,r)),b.addEventListener("keydown",X(this,t))}}return e=new WeakMap,t=new WeakMap,r=new WeakMap,o=new WeakSet,s=function(){this.selectable&&(this.deselectable===!1?qi(this,o,a).call(this):this.selected?qi(this,o,c).call(this):qi(this,o,a).call(this))},a=function(){if(!this.selectable)return;const d=new ot(ot.SELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!0)},c=function(){if(!this.deselectable)return;const d=new ot(ot.DESELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!1)},Us([l({type:Boolean,reflect:!0})],h.prototype,"selectable",1),Us([l({type:Boolean,reflect:!0})],h.prototype,"selected",2),h};var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,qu=(i,e,t,r)=>{for(var o=Wu(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Gu(e,t,o),o};const Ku=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return qu([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Xu=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,_s=i=>{throw TypeError(i)},rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xu(e,t,o),o},$r=(i,e,t)=>e.has(i)||_s("Cannot "+t),L=(i,e,t)=>($r(i,e,"read from private field"),t?t.call(i):e.get(i)),nt=(i,e,t)=>e.has(i)?_s("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),kr=(i,e,t,r)=>($r(i,e,"write to private field"),e.set(i,t),t),Ki=(i,e,t)=>($r(i,e,"access private method"),t);const Zu=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Qu=(i,e)=>{var t,r,o,s,a,c,h,d,b;class p extends i{constructor(...m){super(...m),nt(this,c),this.name="",nt(this,t,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",nt(this,r,e),nt(this,o,null),nt(this,s,[]),nt(this,a,[]),nt(this,b,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return L(this,r)}set value(m){const w=L(this,r);kr(this,r,m),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(L(this,r)??null),this.requestUpdate("value",w)}set pristine(m){this._pristine!==m&&(this._pristine=m,m?this.setAttribute("pristine",""):this.removeAttribute("pristine"),Ki(this,c,d).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const m=L(this,a).find(w=>w.validity.valid===!1);m?"focusFirstInvalidElement"in m?m.focusFirstInvalidElement():m.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),Ki(this,c,h).call(this)}addValidator(m,w,S){const C={flagKey:m,getMessageMethod:w,checkMethod:S,weight:Zu.indexOf(m)};return L(this,s).push(C),L(this,s).sort((N,te)=>N.weight>te.weight?1:te.weight>N.weight?-1:0),C}removeValidator(m){const w=L(this,s).indexOf(m);w!==-1&&L(this,s).splice(w,1)}addFormControlElement(m){L(this,a).push(m),m.addEventListener(Pe.INVALID,()=>{this._runValidators()}),m.addEventListener(Pe.VALID,()=>{this._runValidators()}),this._pristine===!1&&(m.checkValidity(),this._runValidators())}setCustomValidity(m){this._customValidityObject&&this.removeValidator(this._customValidityObject),m!=null&&m!==""&&(this._customValidityObject=this.addValidator("customError",()=>m,()=>!0)),this._runValidators()}_runValidators(){kr(this,t,{});let m,w;L(this,s).some(C=>C.checkMethod()?(L(this,t)[C.flagKey]=!0,m=C.getMessageMethod(),!0):!1),m||L(this,a).some(C=>{let N;for(N in C.validity)if(N!=="valid"&&C.validity[N])return L(this,t)[N]=!0,m=C.validationMessage,w??(w=C),!0;return!1});const S=Object.values(L(this,t)).includes(!0);L(this,t).valid=!S,this._internals.setValidity(L(this,t),m,w??this.getFormElement()??void 0),Ki(this,c,d).call(this)}updated(m){super.updated(m),this._runValidators()}submit(){L(this,o)?.requestSubmit()}formAssociatedCallback(){Ki(this,c,h).call(this),kr(this,o,this._internals.form),L(this,o)&&(L(this,o).hasAttribute("submit-invalid")&&(this.pristine=!1),L(this,o).addEventListener("submit",L(this,b)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const m in L(this,a))if(L(this,a)[m].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return L(this,t)}get validationMessage(){return this._internals?.validationMessage}}return t=new WeakMap,r=new WeakMap,o=new WeakMap,s=new WeakMap,a=new WeakMap,c=new WeakSet,h=function(){L(this,o)&&L(this,o).removeEventListener("submit",L(this,b))},d=function(){this._pristine!==!0&&(L(this,t).valid?this.dispatchEvent(new Pe(Pe.VALID)):this.dispatchEvent(new Pe(Pe.INVALID)))},b=new WeakMap,p.formAssociated=!0,rt([l({type:String})],p.prototype,"name",2),rt([l()],p.prototype,"value",1),rt([l({type:Boolean,reflect:!0,attribute:"pristine"})],p.prototype,"pristine",1),rt([l({type:Boolean,reflect:!0})],p.prototype,"required",2),rt([l({type:String,attribute:"required-message"})],p.prototype,"requiredMessage",2),rt([l({type:Boolean,reflect:!0})],p.prototype,"error",2),rt([l({type:String,attribute:"error-message"})],p.prototype,"errorMessage",2),p};class Ju{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const ec=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},tc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},ic=(i,e,t)=>Math.min(Math.max(i,e),t),oc=(i,e,t)=>t+e-i,rc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},$s=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function nc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var sc=Object.defineProperty,ks=i=>{throw TypeError(i)},ac=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&sc(e,t,o),o},Es=(i,e,t)=>e.has(i)||ks("Cannot "+t),xs=(i,e,t)=>(Es(i,e,"read from private field"),e.get(i)),Is=(i,e,t)=>e.has(i)?ks("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lc=(i,e,t,r)=>(Es(i,e,"write to private field"),e.set(i,t),t);const uc=i=>{var e,t;class r extends i{constructor(...s){super(...s),Is(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=$s(this,"id",this.popoverContainerElement);a&&(xs(this,e)?a.hidePopover():a.showPopover())},Is(this,t,a=>{requestAnimationFrame(()=>{lc(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",xs(this,t))}}return e=new WeakMap,t=new WeakMap,ac([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement"),r};function cc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const hc=["default","primary","secondary","outline","placeholder"],dc=["default","positive","warning","danger","invalid"],pc=["h1","h2","h3","h4","h5","h6"];function v(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var mc=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends f{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[g`: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(:hover){z-index:1}`],n.UUIButtonGroupElement=mc([v("uui-button-group")],n.UUIButtonGroupElement);var bc=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,g`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(: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=bc([v("uui-action-bar")],n.UUIActionBarElement);var vc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,Xi=(i,e,t,r)=>{for(var o=r>1?void 0:r?gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&vc(e,t,o),o};n.UUIAvatarGroupElement=class extends f{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[g`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],Xi([Re({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),Xi([U()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),Xi([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=Xi([v("uui-avatar-group")],n.UUIAvatarGroupElement);var fc=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,Ct=(i,e,t,r)=>{for(var o=r>1?void 0:r?yc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fc(e,t,o),o};n.UUIAvatarElement=class extends f{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this.name=""}get _initials(){return this.initials?.substring(0,3)||this.createInitials(this.name)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=[...e.matchAll(/(?:^|\s)(.)/g)].map(o=>o[1]).join("");return r?.length?(t=r[0].charAt(0),r.length>1&&(t+=r[r.length-1].charAt(0)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this._initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this._initials}<slot></slot>`}},n.UUIAvatarElement.styles=[g`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-palette-spanish-pink,#f5c1bc);color:var(--uui-palette-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],Ct([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Ct([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Ct([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Ct([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",2),Ct([l({type:String})],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Ct([v("uui-avatar")],n.UUIAvatarElement);var wc=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,Yi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wc(e,t,o),o};n.UUIBadgeElement=class extends f{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[g`:host{position:var(--uui-badge-position,absolute);display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);inset:var(--uui-badge-inset,-8px -8px auto auto);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-radius:var(--uui-size-4,12px);border:1px solid transparent}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]){--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-invalid-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}::slotted(uui-icon){margin-left:-.2em;margin-right:-.2em}@keyframes --uui-badge-bounce{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}55%{transform:translateY(-3px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}:host([attention]){animation-duration:1.4s;animation-iteration-count:infinite;animation-name:--uui-badge-bounce;animation-timing-function:ease}@media (prefers-reduced-motion){:host([attention]){animation:none}}`],Yi([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),Yi([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),Yi([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=Yi([v("uui-badge")],n.UUIBadgeElement);var _c=Object.defineProperty,$c=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&_c(e,t,o),o};const wi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return $c([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var kc=Object.defineProperty,Cs=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&kc(e,t,o),o};const we=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}firstUpdated(o){super.firstUpdated(o),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"display: none"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Cs([l({type:String})],t.prototype,"label"),Cs([U()],t.prototype,"_labelSlotHasContent"),t};let Ec=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},St=class extends Ec{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};St.SELECTED="selected",St.DESELECTED="deselected";var xc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,Ss=i=>{throw TypeError(i)},Ps=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ic(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xc(e,t,o),o},Er=(i,e,t)=>e.has(i)||Ss("Cannot "+t),Y=(i,e,t)=>(Er(i,e,"read from private field"),t?t.call(i):e.get(i)),Zi=(i,e,t)=>e.has(i)?Ss("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Cc=(i,e,t,r)=>(Er(i,e,"write to private field"),e.set(i,t),t),Qi=(i,e,t)=>(Er(i,e,"access private method"),t);const Pt=i=>{var e,t,r,o,s,a,c;class h extends i{constructor(...b){super(...b),Zi(this,o),this._selectable=!1,this.deselectable=!0,this.selected=!1,Zi(this,e,this),Zi(this,t,p=>{p.code!=="Space"&&p.code!=="Enter"||p.composedPath().indexOf(Y(this,e))===0&&Y(this,r).call(this,p)}),Zi(this,r,p=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const _=p.composedPath();Y(this,e)===this&&_.some(m=>{const w=m.tagName;return w==="A"||w==="BUTTON"||w==="INPUT"||w==="TEXTAREA"||w==="SELECT"})||_.indexOf(Y(this,e))!==-1&&(p.type==="keydown"&&p.preventDefault(),Qi(this,o,s).call(this))}),this.addEventListener("click",Y(this,r)),this.addEventListener("keydown",Y(this,t))}get selectable(){return this._selectable}set selectable(b){const p=this._selectable;p!==b&&(this._selectable=b,Y(this,e)===this&&Y(this,e).setAttribute("tabindex",`${b?"0":"-1"}`),this.requestUpdate("selectable",p))}get selectableTarget(){return Y(this,e)}set selectableTarget(b){const p=Y(this,e);p.removeAttribute("tabindex"),p.removeEventListener("click",Y(this,r)),p.removeEventListener("keydown",Y(this,t)),Cc(this,e,b),Y(this,e)===this&&Y(this,e).setAttribute("tabindex",this._selectable?"0":"-1"),b.addEventListener("click",Y(this,r)),b.addEventListener("keydown",Y(this,t))}}return e=new WeakMap,t=new WeakMap,r=new WeakMap,o=new WeakSet,s=function(){this.selectable&&(this.deselectable===!1?Qi(this,o,a).call(this):this.selected?Qi(this,o,c).call(this):Qi(this,o,a).call(this))},a=function(){if(!this.selectable)return;const d=new St(St.SELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!0)},c=function(){if(!this.deselectable)return;const d=new St(St.DESELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!1)},Ps([l({type:Boolean,reflect:!0})],h.prototype,"selectable",1),Ps([l({type:Boolean,reflect:!0})],h.prototype,"selected",2),h};var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Ac=(i,e,t,r)=>{for(var o=Pc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Sc(e,t,o),o};const Ji=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Ac([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};let As=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Fe=class extends As{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Fe.VALID="valid",Fe.INVALID="invalid";let zs=class extends As{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};zs.SELECTED="selected",zs.DESELECTED="deselected";var zc=Object.defineProperty,Lc=Object.getOwnPropertyDescriptor,Ls=i=>{throw TypeError(i)},st=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zc(e,t,o),o},xr=(i,e,t)=>e.has(i)||Ls("Cannot "+t),M=(i,e,t)=>(xr(i,e,"read from private field"),t?t.call(i):e.get(i)),at=(i,e,t)=>e.has(i)?Ls("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ir=(i,e,t,r)=>(xr(i,e,"write to private field"),e.set(i,t),t),eo=(i,e,t)=>(xr(i,e,"access private method"),t);const Mc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Ue=(i,e)=>{var t,r,o,s,a,c,h,d,b;class p extends i{constructor(...m){super(...m),at(this,c),this.name="",at(this,t,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",at(this,r,e),at(this,o,null),at(this,s,[]),at(this,a,[]),at(this,b,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return M(this,r)}set value(m){const w=M(this,r);Ir(this,r,m),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(M(this,r)??null),this.requestUpdate("value",w)}set pristine(m){this._pristine!==m&&(this._pristine=m,m?this.setAttribute("pristine",""):this.removeAttribute("pristine"),eo(this,c,d).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const m=M(this,a).find(w=>w.validity.valid===!1);m?"focusFirstInvalidElement"in m?m.focusFirstInvalidElement():m.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),eo(this,c,h).call(this)}addValidator(m,w,S){const C={flagKey:m,getMessageMethod:w,checkMethod:S,weight:Mc.indexOf(m)};return M(this,s).push(C),M(this,s).sort((N,te)=>N.weight>te.weight?1:te.weight>N.weight?-1:0),C}removeValidator(m){const w=M(this,s).indexOf(m);w!==-1&&M(this,s).splice(w,1)}addFormControlElement(m){M(this,a).push(m),m.addEventListener(Fe.INVALID,()=>{this._runValidators()}),m.addEventListener(Fe.VALID,()=>{this._runValidators()}),this._pristine===!1&&(m.checkValidity(),this._runValidators())}setCustomValidity(m){this._customValidityObject&&this.removeValidator(this._customValidityObject),m!=null&&m!==""&&(this._customValidityObject=this.addValidator("customError",()=>m,()=>!0)),this._runValidators()}_runValidators(){Ir(this,t,{});let m,w;M(this,s).some(C=>C.checkMethod()?(M(this,t)[C.flagKey]=!0,m=C.getMessageMethod(),!0):!1),m||M(this,a).some(C=>{let N;for(N in C.validity)if(N!=="valid"&&C.validity[N])return M(this,t)[N]=!0,m=C.validationMessage,w??(w=C),!0;return!1});const S=Object.values(M(this,t)).includes(!0);M(this,t).valid=!S,this._internals.setValidity(M(this,t),m,w??this.getFormElement()??void 0),eo(this,c,d).call(this)}updated(m){super.updated(m),this._runValidators()}submit(){M(this,o)?.requestSubmit()}formAssociatedCallback(){eo(this,c,h).call(this),Ir(this,o,this._internals.form),M(this,o)&&(M(this,o).hasAttribute("submit-invalid")&&(this.pristine=!1),M(this,o).addEventListener("submit",M(this,b)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const m in M(this,a))if(M(this,a)[m].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return M(this,t)}get validationMessage(){return this._internals?.validationMessage}}return t=new WeakMap,r=new WeakMap,o=new WeakMap,s=new WeakMap,a=new WeakMap,c=new WeakSet,h=function(){M(this,o)&&M(this,o).removeEventListener("submit",M(this,b))},d=function(){this._pristine!==!0&&(M(this,t).valid?this.dispatchEvent(new Fe(Fe.VALID)):this.dispatchEvent(new Fe(Fe.INVALID)))},b=new WeakMap,p.formAssociated=!0,st([l({type:String})],p.prototype,"name",2),st([l()],p.prototype,"value",1),st([l({type:Boolean,reflect:!0,attribute:"pristine"})],p.prototype,"pristine",1),st([l({type:Boolean,reflect:!0})],p.prototype,"required",2),st([l({type:String,attribute:"required-message"})],p.prototype,"requiredMessage",2),st([l({type:Boolean,reflect:!0})],p.prototype,"error",2),st([l({type:String,attribute:"error-message"})],p.prototype,"errorMessage",2),p},Oc=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var Tc=Object.defineProperty,Ms=i=>{throw TypeError(i)},Nc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Tc(e,t,o),o},Os=(i,e,t)=>e.has(i)||Ms("Cannot "+t),Ts=(i,e,t)=>(Os(i,e,"read from private field"),e.get(i)),Ns=(i,e,t)=>e.has(i)?Ms("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Bc=(i,e,t,r)=>(Os(i,e,"write to private field"),e.set(i,t),t);const Dc=i=>{var e,t;class r extends i{constructor(...s){super(...s),Ns(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=Oc(this,"id",this.popoverContainerElement);a&&(Ts(this,e)?a.hidePopover():a.showPopover())},Ns(this,t,a=>{requestAnimationFrame(()=>{Bc(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Ts(this,t))}}return e=new WeakMap,t=new WeakMap,Nc([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement"),r};let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},At=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};At.VALID="valid",At.INVALID="invalid";let Ge=class extends z{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};Ge.SELECTED="selected",Ge.DESELECTED="deselected";let to=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};to.CHANGE="change";var Vc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Bs=i=>{throw TypeError(i)},zt=(i,e,t,r)=>{for(var o=r>1?void 0:r?jc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Vc(e,t,o),o},Hc=(i,e,t)=>e.has(i)||Bs("Cannot "+t),Rc=(i,e,t)=>e.has(i)?Bs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Fc=(i,e,t)=>(Hc(i,e,"access private method"),t),Cr,Ds;let ce=class extends Ue(we("",f),""){constructor(e="checkbox"){super(),Rc(this,Cr),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keydown",Fc(this,Cr,Ds))}get value(){return this._value}set value(e){const t=super.value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),t.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),t.addEventListener("mouseup",()=>{r=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new to(to.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled||this.readonly}" .checked="${this.checked}" .indeterminate="${this.indeterminate}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};Cr=new WeakSet,Ds=function(i){i.key=="Enter"&&this.submit()},ce.styles=[g`:host{display:inline-block}label{position:relative;cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}:host([readonly]) label{cursor:default}input{position:absolute;height:0;width:0;opacity:0}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) label{cursor:not-allowed;opacity:.5}.label{display:block}span.label:empty{display:none}`],zt([l({type:String,attribute:"label-position",reflect:!0})],ce.prototype,"labelPosition",2),zt([l({type:Boolean})],ce.prototype,"checked",1),zt([l({type:Boolean,reflect:!0})],ce.prototype,"indeterminate",2),zt([l({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),zt([l({type:Boolean,reflect:!0})],ce.prototype,"readonly",2),zt([A("#input")],ce.prototype,"_input",2);/**
+`;const It=je(Su),Pu=g`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,Au=je("uui-blink 0.9s infinite both"),zu=g`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,Lu=je("pulse 0.8s ease-in-out infinite both"),Mu=g`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,Ou=je("uui-horizontal-shake 600ms ease backwards");let Ur=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Pe=class extends Ur{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Pe.VALID="valid",Pe.INVALID="invalid";let ot=class extends Ur{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};ot.SELECTED="selected",ot.DESELECTED="deselected";var Tu=Object.defineProperty,Nu=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Tu(e,t,o),o};const Bu=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return Nu([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var Du=Object.defineProperty,ys=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Du(e,t,o),o};const Vu=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}firstUpdated(o){super.firstUpdated(o),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"display: none"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return ys([l({type:String})],t.prototype,"label"),ys([U()],t.prototype,"_labelSlotHasContent"),t};var ju=Object.defineProperty,Hu=Object.getOwnPropertyDescriptor,ws=i=>{throw TypeError(i)},Us=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ju(e,t,o),o},_r=(i,e,t)=>e.has(i)||ws("Cannot "+t),X=(i,e,t)=>(_r(i,e,"read from private field"),t?t.call(i):e.get(i)),Wi=(i,e,t)=>e.has(i)?ws("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ru=(i,e,t,r)=>(_r(i,e,"write to private field"),e.set(i,t),t),qi=(i,e,t)=>(_r(i,e,"access private method"),t);const Fu=i=>{var e,t,r,o,s,a,c;class h extends i{constructor(...b){super(...b),Wi(this,o),this._selectable=!1,this.deselectable=!0,this.selected=!1,Wi(this,e,this),Wi(this,t,p=>{p.code!=="Space"&&p.code!=="Enter"||p.composedPath().indexOf(X(this,e))===0&&X(this,r).call(this,p)}),Wi(this,r,p=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const _=p.composedPath();X(this,e)===this&&_.some(m=>{const w=m.tagName;return w==="A"||w==="BUTTON"||w==="INPUT"||w==="TEXTAREA"||w==="SELECT"})||_.indexOf(X(this,e))!==-1&&(p.type==="keydown"&&p.preventDefault(),qi(this,o,s).call(this))}),this.addEventListener("click",X(this,r)),this.addEventListener("keydown",X(this,t))}get selectable(){return this._selectable}set selectable(b){const p=this._selectable;p!==b&&(this._selectable=b,X(this,e)===this&&X(this,e).setAttribute("tabindex",`${b?"0":"-1"}`),this.requestUpdate("selectable",p))}get selectableTarget(){return X(this,e)}set selectableTarget(b){const p=X(this,e);p.removeAttribute("tabindex"),p.removeEventListener("click",X(this,r)),p.removeEventListener("keydown",X(this,t)),Ru(this,e,b),X(this,e)===this&&X(this,e).setAttribute("tabindex",this._selectable?"0":"-1"),b.addEventListener("click",X(this,r)),b.addEventListener("keydown",X(this,t))}}return e=new WeakMap,t=new WeakMap,r=new WeakMap,o=new WeakSet,s=function(){this.selectable&&(this.deselectable===!1?qi(this,o,a).call(this):this.selected?qi(this,o,c).call(this):qi(this,o,a).call(this))},a=function(){if(!this.selectable)return;const d=new ot(ot.SELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!0)},c=function(){if(!this.deselectable)return;const d=new ot(ot.DESELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!1)},Us([l({type:Boolean,reflect:!0})],h.prototype,"selectable",1),Us([l({type:Boolean,reflect:!0})],h.prototype,"selected",2),h};var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,qu=(i,e,t,r)=>{for(var o=Wu(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Gu(e,t,o),o};const Ku=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return qu([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Xu=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,_s=i=>{throw TypeError(i)},rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xu(e,t,o),o},$r=(i,e,t)=>e.has(i)||_s("Cannot "+t),L=(i,e,t)=>($r(i,e,"read from private field"),t?t.call(i):e.get(i)),nt=(i,e,t)=>e.has(i)?_s("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),kr=(i,e,t,r)=>($r(i,e,"write to private field"),e.set(i,t),t),Ki=(i,e,t)=>($r(i,e,"access private method"),t);const Zu=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Qu=(i,e)=>{var t,r,o,s,a,c,h,d,b;class p extends i{constructor(...m){super(...m),nt(this,c),this.name="",nt(this,t,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",nt(this,r,e),nt(this,o,null),nt(this,s,[]),nt(this,a,[]),nt(this,b,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return L(this,r)}set value(m){const w=L(this,r);kr(this,r,m),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(L(this,r)??null),this.requestUpdate("value",w)}set pristine(m){this._pristine!==m&&(this._pristine=m,m?this.setAttribute("pristine",""):this.removeAttribute("pristine"),Ki(this,c,d).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const m=L(this,a).find(w=>w.validity.valid===!1);m?"focusFirstInvalidElement"in m?m.focusFirstInvalidElement():m.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),Ki(this,c,h).call(this)}addValidator(m,w,S){const C={flagKey:m,getMessageMethod:w,checkMethod:S,weight:Zu.indexOf(m)};return L(this,s).push(C),L(this,s).sort((N,te)=>N.weight>te.weight?1:te.weight>N.weight?-1:0),C}removeValidator(m){const w=L(this,s).indexOf(m);w!==-1&&L(this,s).splice(w,1)}addFormControlElement(m){L(this,a).push(m),m.addEventListener(Pe.INVALID,()=>{this._runValidators()}),m.addEventListener(Pe.VALID,()=>{this._runValidators()}),this._pristine===!1&&(m.checkValidity(),this._runValidators())}setCustomValidity(m){this._customValidityObject&&this.removeValidator(this._customValidityObject),m!=null&&m!==""&&(this._customValidityObject=this.addValidator("customError",()=>m,()=>!0)),this._runValidators()}_runValidators(){kr(this,t,{});let m,w;L(this,s).some(C=>C.checkMethod()?(L(this,t)[C.flagKey]=!0,m=C.getMessageMethod(),!0):!1),m||L(this,a).some(C=>{let N;for(N in C.validity)if(N!=="valid"&&C.validity[N])return L(this,t)[N]=!0,m=C.validationMessage,w??(w=C),!0;return!1});const S=Object.values(L(this,t)).includes(!0);L(this,t).valid=!S,this._internals.setValidity(L(this,t),m,w??this.getFormElement()??void 0),Ki(this,c,d).call(this)}updated(m){super.updated(m),this._runValidators()}submit(){L(this,o)?.requestSubmit()}formAssociatedCallback(){Ki(this,c,h).call(this),kr(this,o,this._internals.form),L(this,o)&&(L(this,o).hasAttribute("submit-invalid")&&(this.pristine=!1),L(this,o).addEventListener("submit",L(this,b)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const m in L(this,a))if(L(this,a)[m].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return L(this,t)}get validationMessage(){return this._internals?.validationMessage}}return t=new WeakMap,r=new WeakMap,o=new WeakMap,s=new WeakMap,a=new WeakMap,c=new WeakSet,h=function(){L(this,o)&&L(this,o).removeEventListener("submit",L(this,b))},d=function(){this._pristine!==!0&&(L(this,t).valid?this.dispatchEvent(new Pe(Pe.VALID)):this.dispatchEvent(new Pe(Pe.INVALID)))},b=new WeakMap,p.formAssociated=!0,rt([l({type:String})],p.prototype,"name",2),rt([l()],p.prototype,"value",1),rt([l({type:Boolean,reflect:!0,attribute:"pristine"})],p.prototype,"pristine",1),rt([l({type:Boolean,reflect:!0})],p.prototype,"required",2),rt([l({type:String,attribute:"required-message"})],p.prototype,"requiredMessage",2),rt([l({type:Boolean,reflect:!0})],p.prototype,"error",2),rt([l({type:String,attribute:"error-message"})],p.prototype,"errorMessage",2),p};class Ju{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const ec=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},tc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},ic=(i,e,t)=>Math.min(Math.max(i,e),t),oc=(i,e,t)=>t+e-i,rc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},$s=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function nc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var sc=Object.defineProperty,ks=i=>{throw TypeError(i)},ac=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&sc(e,t,o),o},Es=(i,e,t)=>e.has(i)||ks("Cannot "+t),xs=(i,e,t)=>(Es(i,e,"read from private field"),e.get(i)),Is=(i,e,t)=>e.has(i)?ks("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lc=(i,e,t,r)=>(Es(i,e,"write to private field"),e.set(i,t),t);const uc=i=>{var e,t;class r extends i{constructor(...s){super(...s),Is(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=$s(this,"id",this.popoverContainerElement);a&&(xs(this,e)?a.hidePopover():a.showPopover())},Is(this,t,a=>{requestAnimationFrame(()=>{lc(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",xs(this,t))}}return e=new WeakMap,t=new WeakMap,ac([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement"),r};function cc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const hc=["default","primary","secondary","outline","placeholder"],dc=["default","positive","warning","danger","invalid"],pc=["h1","h2","h3","h4","h5","h6"];function v(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var mc=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends f{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[g`: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(:hover){z-index:1}`],n.UUIButtonGroupElement=mc([v("uui-button-group")],n.UUIButtonGroupElement);var bc=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,g`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(: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=bc([v("uui-action-bar")],n.UUIActionBarElement);var vc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,Xi=(i,e,t,r)=>{for(var o=r>1?void 0:r?gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&vc(e,t,o),o};n.UUIAvatarGroupElement=class extends f{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[g`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],Xi([Re({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),Xi([U()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),Xi([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=Xi([v("uui-avatar-group")],n.UUIAvatarGroupElement);var fc=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,Ct=(i,e,t,r)=>{for(var o=r>1?void 0:r?yc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fc(e,t,o),o};n.UUIAvatarElement=class extends f{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this.name=""}get _initials(){return this.initials?.substring(0,3)||this.createInitials(this.name)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=[...e.matchAll(/(?:^|\s)(.)/g)].map(o=>o[1]).join("");return r?.length?(t=r[0].charAt(0),r.length>1&&(t+=r[r.length-1].charAt(0)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this._initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this._initials}<slot></slot>`}},n.UUIAvatarElement.styles=[g`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-palette-spanish-pink,#f5c1bc);color:var(--uui-palette-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],Ct([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Ct([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Ct([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Ct([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",2),Ct([l({type:String})],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Ct([v("uui-avatar")],n.UUIAvatarElement);var wc=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,Yi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wc(e,t,o),o};n.UUIBadgeElement=class extends f{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[g`:host{position:var(--uui-badge-position,absolute);display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);inset:var(--uui-badge-inset,-8px -8px auto auto);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-radius:var(--uui-size-4,12px);border:1px solid transparent}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(
+    28,
+    35,
+    59
+  ));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(
+    10,
+    115,
+    73
+  ));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(
+    191,
+    33,
+    78
+  ));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]){--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));--color-contrast:var(--uui-color-invalid-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}::slotted(uui-icon){margin-left:-.2em;margin-right:-.2em}@keyframes --uui-badge-bounce{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}55%{transform:translateY(-3px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}:host([attention]){animation-duration:1.4s;animation-iteration-count:infinite;animation-name:--uui-badge-bounce;animation-timing-function:ease}@media (prefers-reduced-motion){:host([attention]){animation:none}}`],Yi([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),Yi([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),Yi([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=Yi([v("uui-badge")],n.UUIBadgeElement);var _c=Object.defineProperty,$c=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&_c(e,t,o),o};const wi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return $c([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var kc=Object.defineProperty,Cs=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&kc(e,t,o),o};const we=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}firstUpdated(o){super.firstUpdated(o),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"display: none"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Cs([l({type:String})],t.prototype,"label"),Cs([U()],t.prototype,"_labelSlotHasContent"),t};let Ec=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},St=class extends Ec{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};St.SELECTED="selected",St.DESELECTED="deselected";var xc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,Ss=i=>{throw TypeError(i)},Ps=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ic(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xc(e,t,o),o},Er=(i,e,t)=>e.has(i)||Ss("Cannot "+t),Y=(i,e,t)=>(Er(i,e,"read from private field"),t?t.call(i):e.get(i)),Zi=(i,e,t)=>e.has(i)?Ss("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Cc=(i,e,t,r)=>(Er(i,e,"write to private field"),e.set(i,t),t),Qi=(i,e,t)=>(Er(i,e,"access private method"),t);const Pt=i=>{var e,t,r,o,s,a,c;class h extends i{constructor(...b){super(...b),Zi(this,o),this._selectable=!1,this.deselectable=!0,this.selected=!1,Zi(this,e,this),Zi(this,t,p=>{p.code!=="Space"&&p.code!=="Enter"||p.composedPath().indexOf(Y(this,e))===0&&Y(this,r).call(this,p)}),Zi(this,r,p=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const _=p.composedPath();Y(this,e)===this&&_.some(m=>{const w=m.tagName;return w==="A"||w==="BUTTON"||w==="INPUT"||w==="TEXTAREA"||w==="SELECT"})||_.indexOf(Y(this,e))!==-1&&(p.type==="keydown"&&p.preventDefault(),Qi(this,o,s).call(this))}),this.addEventListener("click",Y(this,r)),this.addEventListener("keydown",Y(this,t))}get selectable(){return this._selectable}set selectable(b){const p=this._selectable;p!==b&&(this._selectable=b,Y(this,e)===this&&Y(this,e).setAttribute("tabindex",`${b?"0":"-1"}`),this.requestUpdate("selectable",p))}get selectableTarget(){return Y(this,e)}set selectableTarget(b){const p=Y(this,e);p.removeAttribute("tabindex"),p.removeEventListener("click",Y(this,r)),p.removeEventListener("keydown",Y(this,t)),Cc(this,e,b),Y(this,e)===this&&Y(this,e).setAttribute("tabindex",this._selectable?"0":"-1"),b.addEventListener("click",Y(this,r)),b.addEventListener("keydown",Y(this,t))}}return e=new WeakMap,t=new WeakMap,r=new WeakMap,o=new WeakSet,s=function(){this.selectable&&(this.deselectable===!1?Qi(this,o,a).call(this):this.selected?Qi(this,o,c).call(this):Qi(this,o,a).call(this))},a=function(){if(!this.selectable)return;const d=new St(St.SELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!0)},c=function(){if(!this.deselectable)return;const d=new St(St.DESELECTED);this.dispatchEvent(d),!d.defaultPrevented&&(this.selected=!1)},Ps([l({type:Boolean,reflect:!0})],h.prototype,"selectable",1),Ps([l({type:Boolean,reflect:!0})],h.prototype,"selected",2),h};var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Ac=(i,e,t,r)=>{for(var o=Pc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Sc(e,t,o),o};const Ji=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Ac([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};let As=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Fe=class extends As{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Fe.VALID="valid",Fe.INVALID="invalid";let zs=class extends As{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};zs.SELECTED="selected",zs.DESELECTED="deselected";var zc=Object.defineProperty,Lc=Object.getOwnPropertyDescriptor,Ls=i=>{throw TypeError(i)},st=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zc(e,t,o),o},xr=(i,e,t)=>e.has(i)||Ls("Cannot "+t),M=(i,e,t)=>(xr(i,e,"read from private field"),t?t.call(i):e.get(i)),at=(i,e,t)=>e.has(i)?Ls("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ir=(i,e,t,r)=>(xr(i,e,"write to private field"),e.set(i,t),t),eo=(i,e,t)=>(xr(i,e,"access private method"),t);const Mc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Ue=(i,e)=>{var t,r,o,s,a,c,h,d,b;class p extends i{constructor(...m){super(...m),at(this,c),this.name="",at(this,t,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",at(this,r,e),at(this,o,null),at(this,s,[]),at(this,a,[]),at(this,b,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return M(this,r)}set value(m){const w=M(this,r);Ir(this,r,m),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(M(this,r)??null),this.requestUpdate("value",w)}set pristine(m){this._pristine!==m&&(this._pristine=m,m?this.setAttribute("pristine",""):this.removeAttribute("pristine"),eo(this,c,d).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const m=M(this,a).find(w=>w.validity.valid===!1);m?"focusFirstInvalidElement"in m?m.focusFirstInvalidElement():m.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),eo(this,c,h).call(this)}addValidator(m,w,S){const C={flagKey:m,getMessageMethod:w,checkMethod:S,weight:Mc.indexOf(m)};return M(this,s).push(C),M(this,s).sort((N,te)=>N.weight>te.weight?1:te.weight>N.weight?-1:0),C}removeValidator(m){const w=M(this,s).indexOf(m);w!==-1&&M(this,s).splice(w,1)}addFormControlElement(m){M(this,a).push(m),m.addEventListener(Fe.INVALID,()=>{this._runValidators()}),m.addEventListener(Fe.VALID,()=>{this._runValidators()}),this._pristine===!1&&(m.checkValidity(),this._runValidators())}setCustomValidity(m){this._customValidityObject&&this.removeValidator(this._customValidityObject),m!=null&&m!==""&&(this._customValidityObject=this.addValidator("customError",()=>m,()=>!0)),this._runValidators()}_runValidators(){Ir(this,t,{});let m,w;M(this,s).some(C=>C.checkMethod()?(M(this,t)[C.flagKey]=!0,m=C.getMessageMethod(),!0):!1),m||M(this,a).some(C=>{let N;for(N in C.validity)if(N!=="valid"&&C.validity[N])return M(this,t)[N]=!0,m=C.validationMessage,w??(w=C),!0;return!1});const S=Object.values(M(this,t)).includes(!0);M(this,t).valid=!S,this._internals.setValidity(M(this,t),m,w??this.getFormElement()??void 0),eo(this,c,d).call(this)}updated(m){super.updated(m),this._runValidators()}submit(){M(this,o)?.requestSubmit()}formAssociatedCallback(){eo(this,c,h).call(this),Ir(this,o,this._internals.form),M(this,o)&&(M(this,o).hasAttribute("submit-invalid")&&(this.pristine=!1),M(this,o).addEventListener("submit",M(this,b)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const m in M(this,a))if(M(this,a)[m].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return M(this,t)}get validationMessage(){return this._internals?.validationMessage}}return t=new WeakMap,r=new WeakMap,o=new WeakMap,s=new WeakMap,a=new WeakMap,c=new WeakSet,h=function(){M(this,o)&&M(this,o).removeEventListener("submit",M(this,b))},d=function(){this._pristine!==!0&&(M(this,t).valid?this.dispatchEvent(new Fe(Fe.VALID)):this.dispatchEvent(new Fe(Fe.INVALID)))},b=new WeakMap,p.formAssociated=!0,st([l({type:String})],p.prototype,"name",2),st([l()],p.prototype,"value",1),st([l({type:Boolean,reflect:!0,attribute:"pristine"})],p.prototype,"pristine",1),st([l({type:Boolean,reflect:!0})],p.prototype,"required",2),st([l({type:String,attribute:"required-message"})],p.prototype,"requiredMessage",2),st([l({type:Boolean,reflect:!0})],p.prototype,"error",2),st([l({type:String,attribute:"error-message"})],p.prototype,"errorMessage",2),p},Oc=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var Tc=Object.defineProperty,Ms=i=>{throw TypeError(i)},Nc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Tc(e,t,o),o},Os=(i,e,t)=>e.has(i)||Ms("Cannot "+t),Ts=(i,e,t)=>(Os(i,e,"read from private field"),e.get(i)),Ns=(i,e,t)=>e.has(i)?Ms("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Bc=(i,e,t,r)=>(Os(i,e,"write to private field"),e.set(i,t),t);const Dc=i=>{var e,t;class r extends i{constructor(...s){super(...s),Ns(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=Oc(this,"id",this.popoverContainerElement);a&&(Ts(this,e)?a.hidePopover():a.showPopover())},Ns(this,t,a=>{requestAnimationFrame(()=>{Bc(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Ts(this,t))}}return e=new WeakMap,t=new WeakMap,Nc([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement"),r};let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},At=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};At.VALID="valid",At.INVALID="invalid";let Ge=class extends z{constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};Ge.SELECTED="selected",Ge.DESELECTED="deselected";let to=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};to.CHANGE="change";var Vc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Bs=i=>{throw TypeError(i)},zt=(i,e,t,r)=>{for(var o=r>1?void 0:r?jc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Vc(e,t,o),o},Hc=(i,e,t)=>e.has(i)||Bs("Cannot "+t),Rc=(i,e,t)=>e.has(i)?Bs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Fc=(i,e,t)=>(Hc(i,e,"access private method"),t),Cr,Ds;let ce=class extends Ue(we("",f),""){constructor(e="checkbox"){super(),Rc(this,Cr),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keydown",Fc(this,Cr,Ds))}get value(){return this._value}set value(e){const t=super.value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),t.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),t.addEventListener("mouseup",()=>{r=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new to(to.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled||this.readonly}" .checked="${this.checked}" .indeterminate="${this.indeterminate}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};Cr=new WeakSet,Ds=function(i){i.key=="Enter"&&this.submit()},ce.styles=[g`:host{display:inline-block}label{position:relative;cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}:host([readonly]) label{cursor:default}input{position:absolute;height:0;width:0;opacity:0}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) label{cursor:not-allowed;opacity:.5}.label{display:block}span.label:empty{display:none}`],zt([l({type:String,attribute:"label-position",reflect:!0})],ce.prototype,"labelPosition",2),zt([l({type:Boolean})],ce.prototype,"checked",1),zt([l({type:Boolean,reflect:!0})],ce.prototype,"indeterminate",2),zt([l({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),zt([l({type:Boolean,reflect:!0})],ce.prototype,"readonly",2),zt([A("#input")],ce.prototype,"_input",2);/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -293,7 +309,39 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const $=i=>i??x;let ro=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};ro.CLICK="click";var oh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,Ws=i=>{throw TypeError(i)},ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?rh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oh(e,t,o),o},nh=(i,e,t)=>e.has(i)||Ws("Cannot "+t),sh=(i,e,t)=>e.has(i)?Ws("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),no=(i,e,t)=>(nh(i,e,"access private method"),t),Ot,Ar,qs,Ks;n.UUIButtonInlineCreateElement=class extends f{constructor(){super(...arguments),sh(this,Ot),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new ro(ro.CLICK))}render(){return this.href?no(this,Ot,qs).call(this):no(this,Ot,Ks).call(this)}},Ot=new WeakSet,Ar=function(){return u`<div id="plus" style="${Ae({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}"><svg id="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg></div>`},qs=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${$(this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${no(this,Ot,Ar).call(this)}</a>`},Ks=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${no(this,Ot,Ar).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Jc,g`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${eh};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],ut([U()],n.UUIButtonInlineCreateElement.prototype,"_position",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),ut([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=ut([v("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let ah=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const k=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},Xs=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),Ys=(i,e,t)=>t+e-i,lh=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function uh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`;const so=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`;const ch=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;const hh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`;const dh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`;const zr=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;const ph=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`;const mh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`;const bh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,vh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`;const gh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var fh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Zs=i=>{throw TypeError(i)},ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?yh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fh(e,t,o),o},Qs=(i,e,t)=>e.has(i)||Zs("Cannot "+t),wh=(i,e,t)=>(Qs(i,e,"read from private field"),e.get(i)),Uh=(i,e,t)=>e.has(i)?Zs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_h=(i,e,t,r)=>(Qs(i,e,"write to private field"),e.set(i,t),t),ao;n.UUIButtonElement=class extends Ue(we("",Dc(f))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,Uh(this,ao),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.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}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(wh(this,ao)),(this.state==="success"||this.state==="failed")&&_h(this,ao,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":k(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":k(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${so.strings[0]}"></uui-icon>`;break;case"failed":k(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${gh.strings[0]}"></uui-icon>`;break;default:return x}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${$(this.label)}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${$(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},ao=new WeakMap,n.UUIButtonElement.styles=[io,g`: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;transition:opacity 120ms;display:flex;gap:var(--uui-size-1,3px);align-items:center}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#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:var(--uui-button-content-align,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;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${oo}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--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,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--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([color=invalid]) #button{--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-invalid-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-invalid-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]) #button:focus-visible{outline-offset:2px}: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,var(--uui-color-border-standalone,#c2c2c2));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-standalone));border-color:var(--uui-button-border-color-hover)}: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)}: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))}`],ve([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ve([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ve([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ve([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ve([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ve([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ve([l({type:String})],n.UUIButtonElement.prototype,"href",2),ve([l({type:String})],n.UUIButtonElement.prototype,"target",2),ve([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ve([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ve([v("uui-button")],n.UUIButtonElement);let ct=class extends z{constructor(){super(...arguments),this.text=null}};ct.COPIED="copied",ct.COPYING="copying";var $h=Object.defineProperty,kh=Object.getOwnPropertyDescriptor,Js=i=>{throw TypeError(i)},lo=(i,e,t,r)=>{for(var o=r>1?void 0:r?kh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$h(e,t,o),o},ea=(i,e,t)=>e.has(i)||Js("Cannot "+t),Lr=(i,e,t)=>(ea(i,e,"read from private field"),t?t.call(i):e.get(i)),ta=(i,e,t)=>e.has(i)?Js("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Eh=(i,e,t,r)=>(ea(i,e,"write to private field"),e.set(i,t),t),Ui,Mr;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,ta(this,Ui),ta(this,Mr,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new ct(ct.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new ct(ct.COPIED);r.text=e,this.dispatchEvent(r),Eh(this,Ui,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),k(this,"uui-icon"),this.addEventListener("click",Lr(this,Mr))}disconnectedCallback(){super.disconnectedCallback(),Lr(this,Ui)&&clearTimeout(Lr(this,Ui))}renderLabel(){return u`<slot class="label"><uui-icon name="copy"></uui-icon></slot>`}},Ui=new WeakMap,Mr=new WeakMap,n.UUIButtonCopyTextElement.styles=n.UUIButtonElement.styles,lo([l({type:String})],n.UUIButtonCopyTextElement.prototype,"text",2),lo([l({type:String,attribute:"copy-from"})],n.UUIButtonCopyTextElement.prototype,"copyFrom",2),lo([l({type:Number,attribute:"animation-state-delay"})],n.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),n.UUIButtonCopyTextElement=lo([v("uui-button-copy-text")],n.UUIButtonCopyTextElement);let Tt=class extends z{};Tt.OPEN="open";var xh=Object.defineProperty,Ih=Object.getOwnPropertyDescriptor,Nt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ih(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xh(e,t,o),o};n.UUICardElement=class extends Ji(Pt(f)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Tt(Tt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Tt(Tt.OPEN)))}render(){return u`<slot id="open-part"></slot><div id="select-border"></div>`}},n.UUICardElement.styles=[It,g`: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([selectable]:focus-visible){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() *{outline-color:var(--uui-color-focus,#3879ff)}: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-invalid,#d42054);border-radius:var(--uui-border-radius,3px)}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}a{text-decoration:none;color:inherit;line-height:initial}a:focus,button: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);border-radius:var(--uui-border-radius,3px)}: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}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}`],Nt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Nt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Nt([l({type:String})],n.UUICardElement.prototype,"href",2),Nt([l({type:String})],n.UUICardElement.prototype,"target",2),Nt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=Nt([v("uui-card")],n.UUICardElement);var Ch=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,ia=i=>{throw TypeError(i)},uo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ch(e,t,o),o},Ph=(i,e,t)=>e.has(i)||ia("Cannot "+t),Ah=(i,e,t)=>e.has(i)?ia("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_i=(i,e,t)=>(Ph(i,e,"access private method"),t),ht,oa,ra,na,Or;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ah(this,ht),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return u`${_i(this,ht,na).call(this)} ${this.href?_i(this,ht,ra).call(this):_i(this,ht,oa).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},ht=new WeakSet,oa=function(){return u`<button id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${_i(this,ht,Or).call(this)}</button>`},ra=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${_i(this,ht,Or).call(this)}</a>`},na=function(){return u`<div id="portrait"><slot></slot></div>`},Or=function(){return u`<div id="content"><span title="${this.name}" id="name">${this.name}</span> <small title="${this.description}">${this.description}<slot name="description"></slot></small></div>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,g`:host{background-color:var(--uui-color-surface-alt,#f3f3f5)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#portrait{display:flex;justify-content:center;min-height:150px;max-height:150px;width:100%;margin-bottom:var(--uui-size-layout-2,30px)}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%;font-size:var(--uui-size-8,24px)}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}#open-part #name,#open-part small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}: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}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],uo([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),uo([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),uo([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=uo([v("uui-card-block-type")],n.UUICardBlockTypeElement);var zh=Object.defineProperty,Lh=Object.getOwnPropertyDescriptor,sa=i=>{throw TypeError(i)},co=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zh(e,t,o),o},Mh=(i,e,t)=>e.has(i)||sa("Cannot "+t),Oh=(i,e,t)=>e.has(i)?sa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ho=(i,e,t)=>(Mh(i,e,"access private method"),t),Bt,Tr,aa,la;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Oh(this,Bt),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
+ */const $=i=>i??x;let ro=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};ro.CLICK="click";var oh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,Ws=i=>{throw TypeError(i)},ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?rh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oh(e,t,o),o},nh=(i,e,t)=>e.has(i)||Ws("Cannot "+t),sh=(i,e,t)=>e.has(i)?Ws("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),no=(i,e,t)=>(nh(i,e,"access private method"),t),Ot,Ar,qs,Ks;n.UUIButtonInlineCreateElement=class extends f{constructor(){super(...arguments),sh(this,Ot),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new ro(ro.CLICK))}render(){return this.href?no(this,Ot,qs).call(this):no(this,Ot,Ks).call(this)}},Ot=new WeakSet,Ar=function(){return u`<div id="plus" style="${Ae({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}"><svg id="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg></div>`},qs=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${$(this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${no(this,Ot,Ar).call(this)}</a>`},Ks=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${no(this,Ot,Ar).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Jc,g`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${eh};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],ut([U()],n.UUIButtonInlineCreateElement.prototype,"_position",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),ut([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=ut([v("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let ah=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const k=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},Xs=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),Ys=(i,e,t)=>t+e-i,lh=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function uh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`;const so=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`;const ch=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;const hh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`;const dh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`;const zr=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;const ph=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`;const mh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`;const bh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,vh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`;const gh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var fh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Zs=i=>{throw TypeError(i)},ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?yh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fh(e,t,o),o},Qs=(i,e,t)=>e.has(i)||Zs("Cannot "+t),wh=(i,e,t)=>(Qs(i,e,"read from private field"),e.get(i)),Uh=(i,e,t)=>e.has(i)?Zs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_h=(i,e,t,r)=>(Qs(i,e,"write to private field"),e.set(i,t),t),ao;n.UUIButtonElement=class extends Ue(we("",Dc(f))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,Uh(this,ao),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.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}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(wh(this,ao)),(this.state==="success"||this.state==="failed")&&_h(this,ao,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":k(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":k(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${so.strings[0]}"></uui-icon>`;break;case"failed":k(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${gh.strings[0]}"></uui-icon>`;break;default:return x}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${$(this.label)}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${$(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},ao=new WeakMap,n.UUIButtonElement.styles=[io,g`: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;transition:opacity 120ms;display:flex;gap:var(--uui-size-1,3px);align-items:center}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#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:var(--uui-button-content-align,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;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${oo}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--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,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(
+    10,
+    115,
+    73
+  ));--color-emphasis:var(--uui-color-positive-emphasis,rgb(
+    13,
+    155,
+    98
+  ));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--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([color=invalid]) #button{--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));--color-emphasis:var(--uui-color-invalid-emphasis,rgb(
+    226,
+    60,
+    107
+  ));--color-contrast:var(--uui-color-invalid-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]) #button:focus-visible{outline-offset:2px}: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,var(--uui-color-border-standalone,#c2c2c2));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-standalone));border-color:var(--uui-button-border-color-hover)}: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)}: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))}`],ve([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ve([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ve([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ve([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ve([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ve([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ve([l({type:String})],n.UUIButtonElement.prototype,"href",2),ve([l({type:String})],n.UUIButtonElement.prototype,"target",2),ve([l({type:String})],n.UUIButtonElement.prototype,"rel",2),ve([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ve([v("uui-button")],n.UUIButtonElement);let ct=class extends z{constructor(){super(...arguments),this.text=null}};ct.COPIED="copied",ct.COPYING="copying";var $h=Object.defineProperty,kh=Object.getOwnPropertyDescriptor,Js=i=>{throw TypeError(i)},lo=(i,e,t,r)=>{for(var o=r>1?void 0:r?kh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$h(e,t,o),o},ea=(i,e,t)=>e.has(i)||Js("Cannot "+t),Lr=(i,e,t)=>(ea(i,e,"read from private field"),t?t.call(i):e.get(i)),ta=(i,e,t)=>e.has(i)?Js("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Eh=(i,e,t,r)=>(ea(i,e,"write to private field"),e.set(i,t),t),Ui,Mr;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,ta(this,Ui),ta(this,Mr,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new ct(ct.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new ct(ct.COPIED);r.text=e,this.dispatchEvent(r),Eh(this,Ui,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),k(this,"uui-icon"),this.addEventListener("click",Lr(this,Mr))}disconnectedCallback(){super.disconnectedCallback(),Lr(this,Ui)&&clearTimeout(Lr(this,Ui))}renderLabel(){return u`<slot class="label"><uui-icon name="copy"></uui-icon></slot>`}},Ui=new WeakMap,Mr=new WeakMap,n.UUIButtonCopyTextElement.styles=n.UUIButtonElement.styles,lo([l({type:String})],n.UUIButtonCopyTextElement.prototype,"text",2),lo([l({type:String,attribute:"copy-from"})],n.UUIButtonCopyTextElement.prototype,"copyFrom",2),lo([l({type:Number,attribute:"animation-state-delay"})],n.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),n.UUIButtonCopyTextElement=lo([v("uui-button-copy-text")],n.UUIButtonCopyTextElement);let Tt=class extends z{};Tt.OPEN="open";var xh=Object.defineProperty,Ih=Object.getOwnPropertyDescriptor,Nt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ih(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xh(e,t,o),o};n.UUICardElement=class extends Ji(Pt(f)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Tt(Tt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Tt(Tt.OPEN)))}render(){return u`<slot id="open-part"></slot><div id="select-border"></div>`}},n.UUICardElement.styles=[It,g`: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([selectable]:focus-visible){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() *{outline-color:var(--uui-color-focus,#3879ff)}: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-invalid,#d42054);border-radius:var(--uui-border-radius,3px)}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}a{text-decoration:none;color:inherit;line-height:initial}a:focus,button: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);border-radius:var(--uui-border-radius,3px)}: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}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}`],Nt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Nt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Nt([l({type:String})],n.UUICardElement.prototype,"href",2),Nt([l({type:String})],n.UUICardElement.prototype,"target",2),Nt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=Nt([v("uui-card")],n.UUICardElement);var Ch=Object.defineProperty,Sh=Object.getOwnPropertyDescriptor,ia=i=>{throw TypeError(i)},uo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ch(e,t,o),o},Ph=(i,e,t)=>e.has(i)||ia("Cannot "+t),Ah=(i,e,t)=>e.has(i)?ia("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),_i=(i,e,t)=>(Ph(i,e,"access private method"),t),ht,oa,ra,na,Or;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ah(this,ht),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return u`${_i(this,ht,na).call(this)} ${this.href?_i(this,ht,ra).call(this):_i(this,ht,oa).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},ht=new WeakSet,oa=function(){return u`<button id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${_i(this,ht,Or).call(this)}</button>`},ra=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${$(this.disabled?void 0:this.href)}" target="${$(this.target||void 0)}" rel="${$(this.rel||$(this.target==="_blank"?"noopener noreferrer":void 0))}">${_i(this,ht,Or).call(this)}</a>`},na=function(){return u`<div id="portrait"><slot></slot></div>`},Or=function(){return u`<div id="content"><span title="${this.name}" id="name">${this.name}</span> <small title="${this.description}">${this.description}<slot name="description"></slot></small></div>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,g`:host{background-color:var(--uui-color-surface-alt,#f3f3f5)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#portrait{display:flex;justify-content:center;min-height:150px;max-height:150px;width:100%;margin-bottom:var(--uui-size-layout-2,30px)}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%;font-size:var(--uui-size-8,24px)}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}#open-part #name,#open-part small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}: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}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],uo([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),uo([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),uo([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=uo([v("uui-card-block-type")],n.UUICardBlockTypeElement);var zh=Object.defineProperty,Lh=Object.getOwnPropertyDescriptor,sa=i=>{throw TypeError(i)},co=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zh(e,t,o),o},Mh=(i,e,t)=>e.has(i)||sa("Cannot "+t),Oh=(i,e,t)=>e.has(i)?sa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ho=(i,e,t)=>(Mh(i,e,"access private method"),t),Bt,Tr,aa,la;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Oh(this,Bt),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     fill="none"
@@ -420,13 +468,21 @@
     </div>`}},Qe=new WeakSet,ft=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},Dn=new WeakMap,n.UUIRangeSliderElement.formAssociated=!0,n.UUIRangeSliderElement.styles=[g`
       :host {
         --color-interactive: var(--uui-color-selected,#3544b1);
-        --color-hover: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
+        --color-hover: var(--uui-color-selected-emphasis,rgb(
+    70,
+    86,
+    200
+  ));
         --color-focus: var(--uui-color-focus,#3879ff);
         min-height: 30px;
       }
 
       :host([error]) {
-        --color-interactive: var(--uui-color-invalid-standalone,rgb(191, 33, 78));
+        --color-interactive: var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));
         --color-hover: var(--uui-color-invalid,#d42054);
       }
 
@@ -504,11 +560,19 @@
       }
 
       :host([error]) .color {
-        background-color: var(--uui-color-invalid-standalone,rgb(191, 33, 78));
+        background-color: var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));
       }
       :host([error]) #inner-color-thumb:hover ~ .color,
       :host([error]) #inner-color-thumb:focus ~ .color {
-        background-color: var(--uui-color-invalid-emphasis,rgb(226, 60, 107));
+        background-color: var(--uui-color-invalid-emphasis,rgb(
+    226,
+    60,
+    107
+  ));
       }
 
       /** Steps */
@@ -536,7 +600,11 @@
       }
 
       :host([error]) .track-step.filled {
-        fill: var(--uui-color-invalid-emphasis,rgb(226, 60, 107));
+        fill: var(--uui-color-invalid-emphasis,rgb(
+    226,
+    60,
+    107
+  ));
       }
 
       :host #inner-color-thumb.active ~ .step-wrapper .track-step.filled,
@@ -942,7 +1010,11 @@
       }
       :host([disabled]) #thumb {
         background-color: var(--uui-color-disabled,#f3f3f5);
-        border-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
+        border-color: var(--uui-color-disabled-standalone,rgb(
+    226,
+    226,
+    226
+  ));
       }
 
       #thumb:after {
@@ -1003,7 +1075,11 @@
       }
 
       :host(:not([pristine]):invalid) #thumb {
-        border-color: var(--uui-color-invalid-standalone,rgb(191, 33, 78));
+        border-color: var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));
       }
       :host(:not([pristine]):invalid) #thumb:after {
         background-color: var(--uui-color-invalid,#d42054);
@@ -1012,7 +1088,11 @@
       // readonly
       :host([readonly]) #thumb {
         background-color: var(--uui-color-disabled,#f3f3f5);
-        border-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
+        border-color: var(--uui-color-disabled-standalone,rgb(
+    226,
+    226,
+    226
+  ));
       }
 
       :host([readonly]) #thumb-label {
@@ -1024,6 +1104,22 @@
         );--uui-tab-text-active:var(
           --uui-tab-group-dropdown-tab-text-active,
           unset
-        )}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}.hidden-tab{width:100%}#hidden-tabs-container{width:fit-content;display:flex;flex-direction:column;background-color:var(--uui-tab-group-dropdown-background,var(--uui-color-surface,#fff));border-radius:var(--uui-border-radius,3px);box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23));overflow:hidden}:host([dropdown-direction=horizontal]) #hidden-tabs-container{flex-direction:row}#more-button{position:relative;--uui-button-contrast:var(--uui-tab-text);--uui-button-contrast-hover:var(--uui-tab-text-hover);--uui-button-background-color:transparent;--uui-button-background-color-hover:transparent}#more-button::before{content:'';position:absolute;bottom:0;width:100%;background-color:var(--uui-color-current,#f5c1bc);height:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#more-button.active-inside::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}`],ci([A("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),ci([A("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),ci([A("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),ci([Re({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),ci([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=ci([v("uui-tab-group")],n.UUITabGroupElement);class Qb extends z{}class Jb extends z{}var ev=Object.defineProperty,tv=Object.getOwnPropertyDescriptor,Zn=(i,e,t,r)=>{for(var o=r>1?void 0:r?tv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ev(e,t,o),o};n.UUITagElement=class extends f{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[g`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-tag-padding,var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em));border-radius:100px;user-select:none;border-radius:var(--uui-tag-border-radius,var(--uui-size-4,12px));border:1px solid var(--uui-tag-border-color,transparent)}slot{display:block;align-content:center;margin:2px}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]){--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-invalid-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:transparent;color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:transparent;color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}`],Zn([l({reflect:!0})],n.UUITagElement.prototype,"color",2),Zn([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=Zn([v("uui-tag")],n.UUITagElement);class Vi extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}}Vi.CHANGE="change",Vi.INPUT="input";var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,Z=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&iv(e,t,o),o};n.UUITextareaElement=class extends Ue(f,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t} too many.`,this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&this.value.length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&this.value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}async focus(){await this.updateComplete,this._textarea.focus()}async blur(){await this.updateComplete,this._textarea.blur()}async click(){await this.updateComplete,this._textarea.click()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Vi(Vi.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return u`<textarea id="textarea" rows="${$(this.rows)}" cols="${$(this.cols)}" .value="${this.value}" .name="${this.name}" wrap="${$(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
+        )}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}.hidden-tab{width:100%}#hidden-tabs-container{width:fit-content;display:flex;flex-direction:column;background-color:var(--uui-tab-group-dropdown-background,var(--uui-color-surface,#fff));border-radius:var(--uui-border-radius,3px);box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23));overflow:hidden}:host([dropdown-direction=horizontal]) #hidden-tabs-container{flex-direction:row}#more-button{position:relative;--uui-button-contrast:var(--uui-tab-text);--uui-button-contrast-hover:var(--uui-tab-text-hover);--uui-button-background-color:transparent;--uui-button-background-color-hover:transparent}#more-button::before{content:'';position:absolute;bottom:0;width:100%;background-color:var(--uui-color-current,#f5c1bc);height:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#more-button.active-inside::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}`],ci([A("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),ci([A("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),ci([A("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),ci([Re({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),ci([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=ci([v("uui-tab-group")],n.UUITabGroupElement);class Qb extends z{}class Jb extends z{}var ev=Object.defineProperty,tv=Object.getOwnPropertyDescriptor,Zn=(i,e,t,r)=>{for(var o=r>1?void 0:r?tv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ev(e,t,o),o};n.UUITagElement=class extends f{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[g`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-tag-padding,var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em));border-radius:100px;user-select:none;border-radius:var(--uui-tag-border-radius,var(--uui-size-4,12px));border:1px solid var(--uui-tag-border-color,transparent)}slot{display:block;align-content:center;margin:2px}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(
+    28,
+    35,
+    59
+  ));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(
+    10,
+    115,
+    73
+  ));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(
+    191,
+    33,
+    78
+  ));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]){--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(
+    191,
+    33,
+    78
+  ));--color-contrast:var(--uui-color-invalid-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:transparent;color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:transparent;color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}`],Zn([l({reflect:!0})],n.UUITagElement.prototype,"color",2),Zn([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=Zn([v("uui-tag")],n.UUITagElement);class Vi extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}}Vi.CHANGE="change",Vi.INPUT="input";var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,Z=(i,e,t,r)=>{for(var o=r>1?void 0:r?ov(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&iv(e,t,o),o};n.UUITextareaElement=class extends Ue(f,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t} too many.`,this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&this.value.length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&this.value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}async focus(){await this.updateComplete,this._textarea.focus()}async blur(){await this.updateComplete,this._textarea.blur()}async click(){await this.updateComplete,this._textarea.click()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Vi(Vi.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return u`<textarea id="textarea" rows="${$(this.rows)}" cols="${$(this.cols)}" .value="${this.value}" .name="${this.name}" wrap="${$(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
       </textarea>`}},n.UUITextareaElement.formAssociated=!0,n.UUITextareaElement.styles=[g`:host{position:relative}:host([error]) textarea,:host([error]) textarea[disabled]{border:1px solid var(--uui-color-invalid,#d42054)!important}:host(:not([pristine]):invalid) textarea,:host(:not([pristine])[internals-invalid]) textarea{border-color:var(--uui-color-invalid,#d42054)}:host([auto-height]) textarea{resize:none}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}textarea[readonly]{border-color:var(--uui-textarea-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2));background-color:var(--uui-textarea-background-color-readonly,var(--uui-color-disabled,#f3f3f5))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-textarea-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}textarea{color:var(--uui-color-text,#060606);font-family:inherit;line-height:var(--uui-size-6,18px);box-sizing:border-box;min-width:100%;max-width:100%;font-size:inherit;padding:var(--uui-size-2,6px);border:1px solid var(--uui-textarea-border-color,var(--uui-color-border,#d8d7d9));border-radius:var(--uui-border-radius,3px);outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height);background-color:var(--uui-textarea-background-color,var(--uui-color-surface,#fff))}:host(:focus) textarea,:host(:hover) textarea:not([readonly]):not([disabled]) :host(:focus-within) textarea{border-color:var(--uui-textarea-border-color,var(--uui-color-border-emphasis,#a1a1a1))}textarea:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}`],Z([l()],n.UUITextareaElement.prototype,"placeholder",2),Z([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),Z([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),Z([l({type:String})],n.UUITextareaElement.prototype,"name",2),Z([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),Z([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),Z([l({attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),Z([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),Z([l({attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),Z([A("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),Z([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),Z([l({type:String})],n.UUITextareaElement.prototype,"label",2),Z([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),Z([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),Z([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=Z([v("uui-textarea")],n.UUITextareaElement);let ee=class extends z{};ee.OPENING="opening",ee.OPENED="opened",ee.CLOSING="closing",ee.CLOSED="closed";var rv=Object.defineProperty,nv=Object.getOwnPropertyDescriptor,mi=(i,e,t,r)=>{for(var o=r>1?void 0:r?nv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&rv(e,t,o),o};n.UUIToastNotificationElement=class extends f{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,e!==null?(this._timer===null?this._timer=new ah(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),k(this,"uui-button"),k(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new ee(ee.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new ee(ee.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const e=new ee(ee.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,this._timer?.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new ee(ee.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return u`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .color="${this.color}" .look="${this.color?"primary":"default"}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${zr.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}},n.UUIToastNotificationElement.styles=[It,g`:host{--uui-toast-notification-margin:var(--uui-size-space-2,6px);position:relative;display:block;width:100%;max-width:400px;margin:0 var(--uui-toast-notification-margin);box-sizing:border-box;height:0;pointer-events:none;transition:height var(--uui-toast-notification-animation-duration,480ms) ease-in-out}:host([is-open]){pointer-events:all;transition-timing-function:cubic-bezier(.19,1,.22,1)}#toast{position:relative;display:block;padding:calc(var(--uui-toast-notification-margin) * .5) 0;width:100%;max-width:400px}#toast.animate{position:absolute}#toast>div{position:relative;display:block;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));background-color:var(--uui-color-surface,#fff);padding:var(--uui-size-layout-1,24px);padding-right:var(--uui-size-layout-1,24px);padding-left:var(--uui-size-layout-3,42px);border-radius:calc(var(--uui-border-radius,3px) * 2);opacity:0;transition:opacity var(--uui-toast-notification-animation-duration,480ms)}:host([is-open]) #toast>div{opacity:1}#close{float:right;margin-top:-6px;margin-left:var(--uui-size-space-1,3px);margin-bottom:-4px}#close>uui-button{--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}:host #toast>div{background-color:var(--uui-color-surface,#fff);color:var(--uui-color-text,#060606);border-color:var(--uui-color-surface,#fff)}:host([color=default]) #toast>div{background-color:var(--uui-color-default,#1b264f);color:var(--uui-color-default-contrast,#fff);border-color:var(--uui-color-default-standalone,#1c233b)}:host([color=positive]) #toast>div{background-color:var(--uui-color-positive,#0b8152);color:var(--uui-color-positive-contrast,#fff);border-color:var(--uui-color-positive-standalone,#0a7349)}:host([color=warning]) #toast>div{background-color:var(--uui-color-warning,#fbd142);color:var(--uui-color-warning-contrast,#000);border-color:var(--uui-color-warning-standalone,#a17700)}:host([color=danger]) #toast>div{background-color:var(--uui-color-danger,#d42054);color:var(--uui-color-danger-contrast,#fff);border-color:var(--uui-color-danger-standalone,#bf214e)}:host([color=invalid]) #toast>div{background-color:var(--uui-color-invalid,#d42054);color:var(--uui-color-invalid-contrast,#fff);border-color:var(--uui-color-invalid-standalone,#bf214e)}`],mi([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),mi([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),mi([A("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),mi([U()],n.UUIToastNotificationElement.prototype,"_animate",2),mi([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=mi([v("uui-toast-notification")],n.UUIToastNotificationElement);var sv=Object.defineProperty,av=Object.getOwnPropertyDescriptor,lu=(i,e,t,r)=>{for(var o=r>1?void 0:r?av(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&sv(e,t,o),o};n.UUIToastNotificationContainerElement=class extends f{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(ee.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(ee.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,this._toasts?.forEach(t=>t.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return u`<slot @slotchange="${this.onSlotChanged}"></slot>`}},n.UUIToastNotificationContainerElement.styles=[g`:host{position:absolute;overflow:hidden;max-width:100%;height:100%;pointer-events:none;box-sizing:border-box}slot{display:flex;flex-direction:column;align-items:end;height:100%;box-sizing:border-box;padding-top:var(--uui-size-space-1,3px);padding-bottom:var(--uui-size-space-1,3px)}:host([bottom-up]) slot{justify-content:end}:host([left-align]) slot{align-items:start}`],lu([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=lu([v("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var lv=Object.defineProperty,uv=Object.getOwnPropertyDescriptor,Qn=(i,e,t,r)=>{for(var o=r>1?void 0:r?uv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&lv(e,t,o),o};n.UUIToastNotificationLayoutElement=class extends f{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return u`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}},n.UUIToastNotificationLayoutElement.styles=[It,g`#message{margin-bottom:calc(var(--uui-size-space-1,3px) * -1)}#message::after{content:'';display:block;clear:both}#actions{display:block;float:right;margin-top:var(--uui-size-space-4,12px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1)}`],Qn([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),Qn([U()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=Qn([v("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var cv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIToggleElement=class extends ce{constructor(){super("switch")}renderCheckbox(){return u`<div id="toggle"><div id="icon-checked">${so}</div><div id="icon-unchecked">${zr}</div></div>`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...ce.styles,io,g`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#toggle{position:relative;grid-area:'input';display:flex;align-items:center;flex-shrink:0;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-color-border,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#toggle{border-color:var(--uui-toggle-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-toggle-background-color-hover,var(--uui-color-border,#d8d7d9))}label:focus #toggle{border-color:var(--uui-toggle-border-color-focus,var(--uui-color-focus,#3879ff));background-color:var(--uui-toggle-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked~#toggle{background-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])~#toggle{background-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked~#toggle{background-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-checked,#icon-unchecked{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:color 120ms}#icon-checked{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}#icon-unchecked{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}input:checked~#toggle #icon-checked{color:var(--uui-color-selected-contrast,#fff)}#toggle::after{content:'';position:absolute;top:2px;left:2px;width:calc(var(--uui-toggle-size) - 4px);height:calc(var(--uui-toggle-size) - 4px);border-radius:100px;background-color:var(--uui-color-selected-contrast,#fff);transition:width 120ms ease,left 120ms ease,transform 120ms ease,background-color 120ms}input:checked~#toggle::after{left:calc(100% - 2px);transform:translateX(-100%)}input:focus~#toggle{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled],[readonly])) label:active #toggle::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #toggle{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}:host([disabled]) input:checked~#toggle{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #toggle::after{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #toggle #icon-unchecked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #toggle{animation:${oo}}:host([disabled]) input:checked #toggle #icon-checked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host(:not([pristine]):invalid) #toggle,:host(:not([pristine]):invalid) label:hover #toggle,:host(:not([pristine])[internals-invalid]) #toggle,:host(:not([pristine])[internals-invalid]) label:hover #toggle{border:1px solid var(--uui-color-invalid-standalone,#bf214e)}`],n.UUIToggleElement=cv([v("uui-toggle")],n.UUIToggleElement);var hv=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIVisuallyHiddenElement=class extends f{render(){return u`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[g`:host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}`],n.UUIVisuallyHiddenElement=hv([v("uui-visually-hidden")],n.UUIVisuallyHiddenElement),n.ActiveMixin=Bu,n.LabelMixin=Vu,n.PopoverTargetMixin=uc,n.SelectOnlyMixin=Ku,n.SelectableMixin=Fu,n.Timer=Ju,n.UUIBlinkAnimationValue=Au,n.UUIBlinkKeyframes=Pu,n.UUIBooleanInputElement=ce,n.UUIBooleanInputEvent=to,n.UUIButtonInlineCreateEvent=ro,n.UUICardEvent=Tt,n.UUIColorAreaEvent=vo,n.UUIColorPickerChangeEvent=jt,n.UUIColorSliderEvent=wo,n.UUIColorSwatchesEvent=Rt,n.UUIComboboxEvent=se,n.UUIComboboxListEvent=ne,n.UUICopyTextEvent=ct,n.UUIEvent=Ur,n.UUIFileDropzoneEvent=Kt,n.UUIFormControlEvent=Pe,n.UUIFormControlMixin=Qu,n.UUIHorizontalPulseAnimationValue=Lu,n.UUIHorizontalPulseKeyframes=zu,n.UUIHorizontalShakeAnimationValue=Ou,n.UUIHorizontalShakeKeyframes=Mu,n.UUIIconHost=hn,n.UUIIconRegistry=dn,n.UUIIconRegistryEssential=ul,n.UUIIconRequestEvent=Yt,n.UUIInputEvent=mt,n.UUIInputLockEvent=To,n.UUIInterfaceColorValues=dc,n.UUIInterfaceHeadingValues=pc,n.UUIInterfaceLookValues=hc,n.UUIMenuItemEvent=Te,n.UUIModalCloseEndEvent=gl,n.UUIModalCloseEvent=Jt,n.UUIModalElement=ae,n.UUIModalOpenEvent=vl,n.UUIPaginationEvent=qe,n.UUIRadioEvent=ni,n.UUIRadioGroupEvent=Go,n.UUIRefEvent=li,n.UUISelectEvent=Zo,n.UUISelectableEvent=ot,n.UUISliderEvent=wt,n.UUITabEvent=Qb,n.UUITabGroupEvent=Jb,n.UUITextStyles=It,n.UUITextareaEvent=Vi,n.UUIToastNotificationEvent=ee,n.clamp=ic,n.defineElement=cc,n.demandCustomElement=ec,n.drag=tc,n.findAncestorByAttributeValue=$s,n.reverseNumberInRange=oc,n.slotHasContent=nc,n.toHex=rc});
 //# sourceMappingURL=uui.min.js.map