@umbraco-ui/uui 1.8.0-rc.0 → 1.8.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/custom-elements.json +4 -0
  2. package/dist/uui.min.js +3 -4
  3. package/dist/uui.min.js.map +1 -1
  4. package/package.json +13 -13
package/custom-elements.json CHANGED
@@ -259,6 +259,10 @@
259
259
  {
260
260
  "name": "--uui-box-border-radius",
261
261
  "description": "overwrite the box border-radius, default is var(--uui-border-radius)"
262
+ },
263
+ {
264
+ "name": "--uui-box-border-color",
265
+ "description": "overwrites the box border colorm default is var(--uui-color-divider-standalone)"
262
266
  }
263
267
  ]
264
268
  },
package/dist/uui.min.js CHANGED
@@ -232,8 +232,7 @@
232
232
  :host {
233
233
  display: block;
234
234
  border: var(--uui-box-border-width, 0) solid
235
- var(--uui-color-divider-standalone,#e9e9eb);
236
-
235
+ var(--uui-box-border-color, var(--uui-color-divider-standalone,#e9e9eb));
237
236
  box-shadow: var(--uui-box-box-shadow, var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24)));
238
237
  border-radius: var(--uui-box-border-radius, var(--uui-border-radius,3px));
239
238
  background-color: var(--uui-color-surface,#fff);
@@ -270,7 +269,7 @@
270
269
  * @license
271
270
  * Copyright 2018 Google LLC
272
271
  * SPDX-License-Identifier: BSD-3-Clause
273
- */const E=i=>i??$;let $i=class extends P{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};$i.CLICK="click";var ku=Object.defineProperty,Iu=Object.getOwnPropertyDescriptor,pt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Iu(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&&ku(e,t,o),o},xu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mo=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ki=(i,e,t)=>(xu(i,e,"access private method"),t),Ii,No,Do,is,jo,os;n.UUIButtonInlineCreateElement=class extends v{constructor(){super(...arguments),Mo(this,Ii),Mo(this,Do),Mo(this,jo),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 $i($i.CLICK))}render(){return this.href?ki(this,Do,is).call(this):ki(this,jo,os).call(this)}},Ii=new WeakSet,No=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>`},Do=new WeakSet,is=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${ki(this,Ii,No).call(this)}</a>`},jo=new WeakSet,os=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${ki(this,Ii,No).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[_u,b`: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:${Uu};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)}`],pt([f()],n.UUIButtonInlineCreateElement.prototype,"_position",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),pt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),n.UUIButtonInlineCreateElement=pt([m("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Cu=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 U=(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)},rs=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=s.left+a.scrollX,c=s.top+a.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const y=d.pageX-h,p=d.pageY-c;e?.onMove&&e.onMove(y,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)},A=(i,e,t)=>Math.min(Math.max(i,e),t),ns=(i,e,t)=>t+e-i,Su=(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 Pu(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const xi=_`<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>`,Au=_`<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>`,Ou=_`<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>`,zu=_`<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>`,Bo=_`<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>`,Tu=_`<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>`,Lu=_`<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>`,Mu=_`<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>`,Nu=_`<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 Du=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,le=(i,e,t,r)=>{for(var o=r>1?void 0:r?ju(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&&Du(e,t,o),o};n.UUIButtonElement=class extends ne(re("",cu(v)),void 0){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}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(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":U(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":U(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${xi.strings[0]}"></uui-icon>`;break;case"failed":U(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Nu.strings[0]}"></uui-icon>`;break;default:return $}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${E(this.label)}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(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="${E(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Ui,b`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;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:${Ei}}#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([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))}`],le([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),le([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),le([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),le([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),le([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),le([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),le([l({type:String})],n.UUIButtonElement.prototype,"href",2),le([l({type:String})],n.UUIButtonElement.prototype,"target",2),le([C("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=le([m("uui-button")],n.UUIButtonElement);let bt=class extends P{};bt.OPEN="open";var Bu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vu(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&&Bu(e,t,o),o};n.UUICardElement=class extends yi(at(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new bt(bt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new bt(bt.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[b`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],Ft([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Ft([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Ft([l({type:String})],n.UUICardElement.prototype,"href",2),Ft([l({type:String})],n.UUICardElement.prototype,"target",2),n.UUICardElement=Ft([m("uui-card")],n.UUICardElement);var Hu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,Ci=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ru(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&&Hu(e,t,o),o},Fu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ss=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},as=(i,e,t)=>(Fu(i,e,"access private method"),t),Vo,ls,Ho,us;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),ss(this,Vo),ss(this,Ho),this.name=""}render(){return u`<div id="portrait" style="${ae({backgroundColor:this.background})}"><slot></slot></div>${this.href?as(this,Ho,us).call(this):as(this,Vo,ls).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},Vo=new WeakSet,ls=function(){return u`<button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},Ho=new WeakSet,us=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,b`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}: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}`],Ci([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Ci([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Ci([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Ci([m("uui-card-block-type")],n.UUICardBlockTypeElement);var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Ro=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wu(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&&Gu(e,t,o),o},qu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hs=(i,e,t)=>(qu(i,e,"access private method"),t),Fo,ds,Go,ps;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),cs(this,Fo),cs(this,Go),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return U(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?hs(this,Go,ps).call(this):hs(this,Fo,ds).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Fo=new WeakSet,ds=function(){return u`<div id="open-part" tabindex="${this.disabled?$:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Go=new WeakSet,ps=function(){return u`<a id="open-part" tabindex="${this.disabled?$:0}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Ro([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Ro([f()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Ro([m("uui-card-content-node")],n.UUICardContentNodeElement);var Ku=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,Si=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xu(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&&Ku(e,t,o),o},Yu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},bs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ms=(i,e,t)=>(Yu(i,e,"access private method"),t),Wo,gs,qo,vs;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),bs(this,Wo),bs(this,qo),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?ms(this,qo,vs).call(this):ms(this,Wo,gs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Wo=new WeakSet,gs=function(){return u`<button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},qo=new WeakSet,vs=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,b`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Si([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Si([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Si([f()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Si([m("uui-card-media")],n.UUICardMediaElement);var Zu=Object.defineProperty,Qu=Object.getOwnPropertyDescriptor,Ko=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qu(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&&Zu(e,t,o),o},Ju=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ys=(i,e,t)=>(Ju(i,e,"access private method"),t),Xo,ws,Yo,_s;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),fs(this,Xo),fs(this,Yo),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Pu(e.target)}}connectedCallback(){super.connectedCallback(),U(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?$:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?ys(this,Yo,_s).call(this):ys(this,Xo,ws).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Xo=new WeakSet,ws=function(){return u`<div id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Yo=new WeakSet,_s=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],Ko([l({type:String})],n.UUICardUserElement.prototype,"name",2),Ko([f()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Ko([m("uui-card-user")],n.UUICardUserElement);var ec=Object.defineProperty,tc=Object.getOwnPropertyDescriptor,Us=(i,e,t,r)=>{for(var o=r>1?void 0:r?tc(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&&ec(e,t,o),o};n.UUICaretElement=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Us([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Us([m("uui-caret")],n.UUICaretElement);var ic=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,rc=(i,e,t,r)=>{for(var o=r>1?void 0:r?oc(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&&ic(e,t,o),o};n.UUICheckboxElement=class extends se{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${xi}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...se.styles,Ui,b`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${Ei}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=rc([m("uui-checkbox")],n.UUICheckboxElement);/**
272
+ */const E=i=>i??$;let $i=class extends P{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};$i.CLICK="click";var ku=Object.defineProperty,Iu=Object.getOwnPropertyDescriptor,pt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Iu(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&&ku(e,t,o),o},xu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Mo=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ki=(i,e,t)=>(xu(i,e,"access private method"),t),Ii,No,Do,is,jo,os;n.UUIButtonInlineCreateElement=class extends v{constructor(){super(...arguments),Mo(this,Ii),Mo(this,Do),Mo(this,jo),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 $i($i.CLICK))}render(){return this.href?ki(this,Do,is).call(this):ki(this,jo,os).call(this)}},Ii=new WeakSet,No=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>`},Do=new WeakSet,is=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${ki(this,Ii,No).call(this)}</a>`},jo=new WeakSet,os=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${ki(this,Ii,No).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[_u,b`: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:${Uu};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)}`],pt([f()],n.UUIButtonInlineCreateElement.prototype,"_position",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),pt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),pt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),n.UUIButtonInlineCreateElement=pt([m("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Cu=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 U=(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)},rs=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=s.left+a.scrollX,c=s.top+a.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const y=d.pageX-h,p=d.pageY-c;e?.onMove&&e.onMove(y,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)},A=(i,e,t)=>Math.min(Math.max(i,e),t),ns=(i,e,t)=>t+e-i,Su=(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 Pu(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const xi=_`<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>`,Au=_`<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>`,Ou=_`<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>`,zu=_`<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>`,Bo=_`<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>`,Tu=_`<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>`,Lu=_`<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>`,Mu=_`<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>`,Nu=_`<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 Du=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,le=(i,e,t,r)=>{for(var o=r>1?void 0:r?ju(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&&Du(e,t,o),o};n.UUIButtonElement=class extends ne(re("",cu(v)),void 0){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}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(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":U(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":U(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${xi.strings[0]}"></uui-icon>`;break;case"failed":U(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Nu.strings[0]}"></uui-icon>`;break;default:return $}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${E(this.label)}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(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="${E(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Ui,b`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;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:${Ei}}@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([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))}`],le([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),le([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),le([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),le([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),le([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),le([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),le([l({type:String})],n.UUIButtonElement.prototype,"href",2),le([l({type:String})],n.UUIButtonElement.prototype,"target",2),le([C("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=le([m("uui-button")],n.UUIButtonElement);let bt=class extends P{};bt.OPEN="open";var Bu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vu(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&&Bu(e,t,o),o};n.UUICardElement=class extends yi(at(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new bt(bt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new bt(bt.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[b`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],Ft([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Ft([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Ft([l({type:String})],n.UUICardElement.prototype,"href",2),Ft([l({type:String})],n.UUICardElement.prototype,"target",2),n.UUICardElement=Ft([m("uui-card")],n.UUICardElement);var Hu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,Ci=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ru(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&&Hu(e,t,o),o},Fu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ss=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},as=(i,e,t)=>(Fu(i,e,"access private method"),t),Vo,ls,Ho,us;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),ss(this,Vo),ss(this,Ho),this.name=""}render(){return u`<div id="portrait" style="${ae({backgroundColor:this.background})}"><slot></slot></div>${this.href?as(this,Ho,us).call(this):as(this,Vo,ls).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},Vo=new WeakSet,ls=function(){return u`<button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},Ho=new WeakSet,us=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,b`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}: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}`],Ci([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Ci([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Ci([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Ci([m("uui-card-block-type")],n.UUICardBlockTypeElement);var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Ro=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wu(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&&Gu(e,t,o),o},qu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hs=(i,e,t)=>(qu(i,e,"access private method"),t),Fo,ds,Go,ps;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),cs(this,Fo),cs(this,Go),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return U(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?hs(this,Go,ps).call(this):hs(this,Fo,ds).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Fo=new WeakSet,ds=function(){return u`<div id="open-part" tabindex="${this.disabled?$:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Go=new WeakSet,ps=function(){return u`<a id="open-part" tabindex="${this.disabled?$:0}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Ro([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Ro([f()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Ro([m("uui-card-content-node")],n.UUICardContentNodeElement);var Ku=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,Si=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xu(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&&Ku(e,t,o),o},Yu=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},bs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ms=(i,e,t)=>(Yu(i,e,"access private method"),t),Wo,gs,qo,vs;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),bs(this,Wo),bs(this,qo),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),U(this,"uui-symbol-folder"),U(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?ms(this,qo,vs).call(this):ms(this,Wo,gs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Wo=new WeakSet,gs=function(){return u`<button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},qo=new WeakSet,vs=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,b`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Si([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Si([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Si([f()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Si([m("uui-card-media")],n.UUICardMediaElement);var Zu=Object.defineProperty,Qu=Object.getOwnPropertyDescriptor,Ko=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qu(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&&Zu(e,t,o),o},Ju=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},fs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ys=(i,e,t)=>(Ju(i,e,"access private method"),t),Xo,ws,Yo,_s;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),fs(this,Xo),fs(this,Yo),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Pu(e.target)}}connectedCallback(){super.connectedCallback(),U(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?$:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?ys(this,Yo,_s).call(this):ys(this,Xo,ws).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Xo=new WeakSet,ws=function(){return u`<div id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Yo=new WeakSet,_s=function(){return u`<a id="open-part" tabindex="${this.disabled?$:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],Ko([l({type:String})],n.UUICardUserElement.prototype,"name",2),Ko([f()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Ko([m("uui-card-user")],n.UUICardUserElement);var ec=Object.defineProperty,tc=Object.getOwnPropertyDescriptor,Us=(i,e,t,r)=>{for(var o=r>1?void 0:r?tc(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&&ec(e,t,o),o};n.UUICaretElement=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Us([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Us([m("uui-caret")],n.UUICaretElement);var ic=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,rc=(i,e,t,r)=>{for(var o=r>1?void 0:r?oc(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&&ic(e,t,o),o};n.UUICheckboxElement=class extends se{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${xi}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...se.styles,Ui,b`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${Ei}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=rc([m("uui-checkbox")],n.UUICheckboxElement);/**
274
273
  * @license
275
274
  * Copyright 2018 Google LLC
276
275
  * SPDX-License-Identifier: BSD-3-Clause
@@ -321,7 +320,7 @@
321
320
  * SPDX-License-Identifier: BSD-3-Clause
322
321
  */const Qt=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(t=s)._$AO)===null||r===void 0||r.call(t,e,!1),Qt(s,e);return!0},qi=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},ta=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),vd(e)}};function md(i){this._$AN!==void 0?(qi(this),this._$AM=i,ta(this)):this._$AM=i}function gd(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=t;s<r.length;s++)Qt(r[s],!1),qi(r[s]);else r!=null&&(Qt(r,!1),qi(r));else Qt(this,i)}const vd=i=>{var e,t,r,o;i.type==ee.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=gd),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=md))};let fd=class extends dt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),ta(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(Qt(this,e),qi(this))}setValue(e){if(Ts(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const $r=new WeakMap,kr=ht(class extends fd{render(i){return $}update(i,[e]){var t;const r=e!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=e,this.dt=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),$}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=$r.get(t);r===void 0&&(r=new WeakMap,$r.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.dt,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.dt,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=$r.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let we=class extends P{};we.SHOW_CHILDREN="show-children",we.HIDE_CHILDREN="hide-children",we.CLICK_LABEL="click-label";var yd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,_e=(i,e,t,r)=>{for(var o=r>1?void 0:r?wd(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&&yd(e,t,o),o};n.UUIMenuItemElement=class extends yi(at(Rt(re("label",v)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?we.HIDE_CHILDREN:we.SHOW_CHILDREN,t=new we(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new we(we.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),U(this,"uui-symbol-expand"),U(this,"uui-loader-bar")}_renderLabelInside(){return u`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this._iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?u`<span id="label-button" ${kr(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${kr(this._labelButtonChanged)} href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${kr(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return u`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?u`<button id="caret-button" @click="${this._onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?u`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[b`:host{box-sizing:border-box;display:block;--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1);user-select:none;--flat-structure-reversed:calc(
323
322
  1 - var(--uui-menu-item-flat-structure, 0)
324
- )}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns:calc(var(--flat-structure-reversed) * var(--uui-size-8,24px)) 1fr;grid-template-rows:1fr;white-space:nowrap}:host(:not([active],[selected],[disabled])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled],[select-mode=highlight])) #menu-item #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-menu-item-color-hover,var(--uui-color-interactive-emphasis,#3544b1))}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-menu-item-color-active,var(--uui-color-current-contrast,#1b264f))}:host([active]) #label-button-background{background-color:var(--uui-menu-item-background-color-active,var(--uui-color-current,#f5c1bc))}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-active-hover,var(--uui-color-current-emphasis,#f8d6d3))}:host([disabled]) #menu-item{color:var(--uui-menu-item-color-disabled,var(--uui-color-disabled-contrast,#c4c4c4));background-color:var(--uui-menu-item-background-color-disabled,var(--uui-color-disabled,#f3f3f5))}:host([selected]:not([select-mode=highlight],[disabled])) #caret-button,:host([selected]:not([select-mode=highlight],[disabled])) #label-button{color:var(--uui-menu-item-color-selected,var(--uui-color-selected-contrast,#fff))}:host([selected]:not([select-mode=highlight],[disabled])) #label-button-background{background-color:var(--uui-menu-item-background-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:not([select-mode=highlight],[disabled])) #caret-button:hover,:host([selected]:not([select-mode=highlight],[disabled])) #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-selected-hover,var(--uui-color-selected-emphasis,#4656c8))}:host([select-mode=highlight]:not([disabled],[active],[selectable])) #menu-item #label-button:hover~#label-button-background{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight,var(--uui-color-surface-emphasis,#fafafa))}:host([select-mode=highlight][active]:not([disabled])) #menu-item #label-button-background{border-radius:var(--uui-border-radius,3px)}:host([select-mode=highlight][active][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight-active-selected,var(--uui-color-current-emphasis,#f8d6d3))}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #caret-button,:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button{color:var(--uui-menu-item-color-highlight-selected,var(--uui-color-interactive,#1b264f))}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #label-button:hover{color:var(--uui-menu-item-background-color-highlight-selectable-selected,var(--uui-color-interactive-emphasis,#3544b1))}:host([selected][selectable][select-mode=highlight]:not([active])) #menu-item #caret-button:hover{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight-selectable-selected,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-menu-item-color-highlight-selectable-selected,var(--uui-color-interactive-emphasis,#3544b1))}:host([select-mode=highlight]:not([disabled])) #menu-item #label-button-background::after{border-radius:var(--uui-border-radius,3px);position:absolute;content:'';inset:1px;border:2px solid var(--uui-menu-item-border-color-highlight,var(--uui-color-selected,#3544b1));opacity:0}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #caret-button:hover::after{border-top-left-radius:var(--uui-border-radius,3px);border-bottom-left-radius:var(--uui-border-radius,3px);position:absolute;content:'';inset:1px 0 1px 1px;border:2px solid var(--uui-menu-item-border-color-highlight,var(--uui-color-selected,#3544b1));border-right:none}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button-background::after{opacity:1}:host([select-mode=highlight][selectable]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.33}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.66}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{position:relative;flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;padding-right:var(--uui-size-space-3,9px);padding-left:calc(var(--uui-menu-item-flat-structure) * var(--uui-size-space-3,9px));display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([select-mode=highlight]) #label-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #label-button:focus-visible::after{content:'';border-radius:calc(var(--uui-border-radius,3px) - 1px);position:absolute;inset:3px 3px 3px -5px;border:2px solid var(--uui-color-focus,#3879ff)}:host([select-mode=highlight]) #caret-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #caret-button:focus-visible::after{content:'';position:absolute;inset:3px;border-radius:calc(var(--uui-border-radius,3px) - 1px);border:2px solid var(--uui-color-focus,#3879ff)}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],_e([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),_e([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),_e([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),_e([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),_e([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),_e([f()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=_e([m("uui-menu-item")],n.UUIMenuItemElement);var _d=Object.defineProperty,Ud=Object.getOwnPropertyDescriptor,Ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ud(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&&_d(e,t,o),o};const Ke="uui:modal-close";let K=class extends v{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Ke,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}_closeModal(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};K.styles=[b`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms);z-index:1}:host([index='0']) dialog::after{opacity:0}`],Ut([C("dialog")],K.prototype,"_dialogElement",2),Ut([l({type:Boolean,reflect:!0,attribute:"is-open"})],K.prototype,"isOpen",2),Ut([l({type:Boolean,reflect:!0,attribute:"is-closing"})],K.prototype,"isClosing",2),Ut([l({type:Number,reflect:!0})],K.prototype,"index",2),Ut([l({type:Number,reflect:!0,attribute:"unique-index"})],K.prototype,"uniqueIndex",2),Ut([l({type:Number,attribute:"transition-duration"})],K.prototype,"transitionDuration",1);var Ed=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,ia=(i,e,t,r)=>{for(var o=r>1?void 0:r?$d(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&&Ed(e,t,o),o},oa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ra=(i,e,t)=>(oa(i,e,"read from private field"),t?t.call(i):e.get(i)),na=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},kd=(i,e,t)=>(oa(i,e,"access private method"),t),Ki,Ir,xr,sa;n.UUIModalSidebarElement=class extends K{constructor(){super(),na(this,Ki),na(this,xr),this.size="full",this.addEventListener(Ke,kd(this,xr,sa).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-ra(this,Ki,Ir)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},Ki=new WeakSet,Ir=function(){return this._dialogElement?.getBoundingClientRect().width??0},xr=new WeakSet,sa=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-ra(this,Ki,Ir)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...K.styles,b`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],ia([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=ia([m("uui-modal-sidebar")],n.UUIModalSidebarElement);var Id=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,Et=(i,e,t,r)=>{for(var o=r>1?void 0:r?xd(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&&Id(e,t,o),o},aa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Jt=(i,e,t)=>(aa(i,e,"read from private field"),t?t.call(i):e.get(i)),Xi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Yi=(i,e,t)=>(aa(i,e,"access private method"),t),Cr,$t,Zi,Sr,Qi,Pr;n.UUIModalContainerElement=class extends v{constructor(){super(),Xi(this,Zi),Xi(this,Qi),this.sidebarGap=64,this.transitionDurationMS=250,Xi(this,Cr,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof K)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(Ke,Jt(this,$t))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(Ke,Jt(this,$t))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Yi(this,Zi,Sr).call(this),Yi(this,Qi,Pr).call(this)}),Xi(this,$t,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(Ke,Jt(this,$t)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Yi(this,Zi,Sr).call(this),Yi(this,Qi,Pr).call(this)}),this.addEventListener(Ke,Jt(this,$t))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${Jt(this,Cr)}"></slot>`}},Cr=new WeakMap,$t=new WeakMap,Zi=new WeakSet,Sr=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(e=>!e.isClosing).reverse()??[];i?.forEach((e,t)=>{e.index=t,e.transitionDuration=this.transitionDurationMS}),i?.forEach(e=>{const t=i?.filter(r=>r.constructor.name===e.constructor.name);e.uniqueIndex=t?.indexOf(e)??0})},Qi=new WeakSet,Pr=function(){requestAnimationFrame(()=>{let i=0;const e=this._sidebars?.filter(t=>!t.isClosing).reverse()??[];for(let t=0;t<e.length;t++){const r=e[t],o=e[t+1],s=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",s+"px")}),o?.hasAttribute("hide"))break;const a=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=a+i+this.sidebarGap-h;i=c>0?c:0}})},n.UUIModalContainerElement.styles=b`:host{position:fixed;--uui-modal-color-backdrop:rgba(0, 0, 0, 0.5)}:host::after{content:'';position:fixed;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));opacity:0;pointer-events:none;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([backdrop])::after{opacity:1}`,Et([C("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),Et([f()],n.UUIModalContainerElement.prototype,"_modals",2),Et([f()],n.UUIModalContainerElement.prototype,"_sidebars",2),Et([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),Et([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=Et([m("uui-modal-container")],n.UUIModalContainerElement);var Cd=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,Pd=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sd(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&&Cd(e,t,o),o};n.UUIModalDialogElement=class extends K{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...K.styles,b`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=Pd([m("uui-modal-dialog")],n.UUIModalDialogElement);let ze=class extends P{constructor(e,t={}){super(e,{bubbles:!0,...t})}};ze.CHANGE="change";var Ad=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,Ue=(i,e,t,r)=>{for(var o=r>1?void 0:r?Od(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&&Ad(e,t,o),o};const zd=45,Ar=(i,e,t)=>Math.min(Math.max(i,e),t),Td=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends v{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),U(this,"uui-button"),U(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((o,s)=>o+s.getBoundingClientRect().width,0),r=(e-t)/zd/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,r=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return Td(Ar(t,1,this.total),Ar(r,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=Ar(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new ze(ze.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ze(ze.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new ze(ze.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return u`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(e){return u`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${e}" class="${"page"+(e===this._current?" active":"")}" tabindex="${e===this._current?"-1":""}" @click="${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}">${e}</uui-button>`}renderNavigationLeft(){return u`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return u`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return u`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(e=>this.renderPage(e))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[b`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],Ue([Wa("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),Ue([C("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),Ue([l()],n.UUIPaginationElement.prototype,"label",2),Ue([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),Ue([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),Ue([f()],n.UUIPaginationElement.prototype,"_range",2),Ue([f()],n.UUIPaginationElement.prototype,"_visiblePages",2),Ue([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=Ue([m("uui-pagination")],n.UUIPaginationElement);let Or=class extends P{};Or.CLOSE="close";var Ld=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?Md(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&&Ld(e,t,o),o};function Ji(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends v{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new Or(Or.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const r=t.position==="absolute",o=/(auto|scroll)/;let s=e;for(;s=s.parentElement;)if(t=getComputedStyle(s),!(r&&t.position==="static")&&(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(s),t.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const e=this.containerElement;if(!e)return;const t=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&t!=null){const o=this._scrollParents.map(be=>be.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,t,o));let s=this._currentPlacement.indexOf("top")!==-1,a=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,c=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,y=this._currentPlacement.indexOf("-end")!==-1;let p=.5,g=.5,w=.5,k=.5,S=0,F=0;if(this.placement==="auto"){const be=this._scrollParents[0],hi=be.clientWidth,tt=be.clientHeight,Nt=r.x-t.width,Dt=hi-(r.x+r.width)-t.width,an=r.y-t.height,bo=tt-(r.y+r.height)-t.height;let mo=.5,go=.5;const Db=Math.max(Nt,Dt);let La=Math.max(an,bo);bo>an&&bo>this.margin&&(La+=9999),Db>La?(Nt>Dt?(mo=0,h=!0):(mo=1,c=!0),S=this.margin):(an>bo?(go=0,s=!0):(go=1,a=!0),F=this.margin),p=mo,g=go,w=1-mo,k=1-go}else s&&(k=1,g=0),a&&(k=0,g=1),(s||a)&&(F=this.margin,d&&(w=0,p=0),y&&(w=1,p=1)),h&&(w=1,p=0),c&&(w=0,p=1),(h||c)&&(S=this.margin,d&&(k=0,g=0),y&&(k=1,g=1));const Ie=-t.width*w+r.width*p-S*(w*2-1),xe=-t.height*k+r.height*g-F*(k*2-1);let Je=Ie,et=xe;s||a?(this._scrollParents.forEach((be,hi)=>{const tt=be===document.body?0:o[hi].x,Nt=-r.x+tt,Dt=be.clientWidth-r.x-r.width+Ie+tt-(t.width-r.width)*(1-p);Je=Ji(Je,Nt,Dt)}),Je=Ji(Je,-t.width,r.width)):(h||c)&&(this._scrollParents.forEach((be,hi)=>{const tt=be===document.body?0:o[hi].y,Nt=-r.y+tt,Dt=be.clientHeight-r.y-r.height+xe+tt-(t.height-r.height)*(1-g);et=Ji(et,Nt,Dt)}),et=Ji(et,-t.height,r.height)),(this._positionX!==Je||this._positionY!==et)&&(this._positionX=Je,this._positionY=et,Ie===Je&&xe===et&&this._stopScrollListener(),e.style.left=`${this._positionX}px`,e.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),s=o[0],a=o[1]||null;let h;return this._scrollParents.some((c,d)=>{const y=c===document.body?0:r[d].x,p=c===document.body?0:r[d].y;return s==="top"&&t.y-2<=p?(h="bottom",!0):s==="bottom"&&t.y+t.height+2>=c.clientHeight+p?(h="top",!0):s==="left"&&t.x-2<=y?(h="right",!0):s==="right"&&t.x+t.width+2>=c.clientWidth+y?(h="left",!0):!1}),h?(this._startScrollListener(),h+(a?`-${a}`:"")):e}render(){return u`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?u`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[b`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:var(--uui-popover-z-index,1)}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
323
+ )}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns:calc(var(--flat-structure-reversed) * var(--uui-size-8,24px)) 1fr;grid-template-rows:1fr;white-space:nowrap}:host(:not([active],[selected],[disabled])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled],[select-mode=highlight])) #menu-item #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-menu-item-color-hover,var(--uui-color-interactive-emphasis,#3544b1))}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-menu-item-color-active,var(--uui-color-current-contrast,#1b264f))}:host([active]) #label-button-background{background-color:var(--uui-menu-item-background-color-active,var(--uui-color-current,#f5c1bc))}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-active-hover,var(--uui-color-current-emphasis,#f8d6d3))}:host([disabled]) #menu-item{color:var(--uui-menu-item-color-disabled,var(--uui-color-disabled-contrast,#c4c4c4));background-color:var(--uui-menu-item-background-color-disabled,var(--uui-color-disabled,#f3f3f5))}:host([selected]:not([select-mode=highlight],[disabled])) #caret-button,:host([selected]:not([select-mode=highlight],[disabled])) #label-button{color:var(--uui-menu-item-color-selected,var(--uui-color-selected-contrast,#fff))}:host([selected]:not([select-mode=highlight],[disabled])) #label-button-background{background-color:var(--uui-menu-item-background-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:not([select-mode=highlight],[disabled])) #caret-button:hover,:host([selected]:not([select-mode=highlight],[disabled])) #label-button:hover~#label-button-background{background-color:var(--uui-menu-item-background-color-selected-hover,var(--uui-color-selected-emphasis,#4656c8))}:host([select-mode=highlight]:not([disabled],[active],[selectable])) #menu-item #label-button:hover~#label-button-background{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight,var(--uui-color-surface-emphasis,#fafafa))}:host([select-mode=highlight][active]:not([disabled])) #menu-item #label-button-background{border-radius:var(--uui-border-radius,3px)}:host([select-mode=highlight][active][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight-active-selected,var(--uui-color-current-emphasis,#f8d6d3))}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #caret-button,:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button{color:var(--uui-menu-item-color-highlight-selected,var(--uui-color-interactive,#1b264f))}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #label-button:hover{color:var(--uui-menu-item-background-color-highlight-selectable-selected,var(--uui-color-interactive-emphasis,#3544b1))}:host([selected][selectable][select-mode=highlight]:not([active])) #menu-item #caret-button:hover{border-radius:var(--uui-border-radius,3px);background-color:var(--uui-menu-item-background-color-highlight-selectable-selected,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-menu-item-color-highlight-selectable-selected,var(--uui-color-interactive-emphasis,#3544b1))}:host([select-mode=highlight]:not([disabled])) #menu-item #label-button-background::after{border-radius:var(--uui-border-radius,3px);position:absolute;content:'';inset:1px;border:2px solid var(--uui-menu-item-border-color-highlight,var(--uui-color-selected,#3544b1));opacity:0}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #caret-button:hover::after{border-top-left-radius:var(--uui-border-radius,3px);border-bottom-left-radius:var(--uui-border-radius,3px);position:absolute;content:'';inset:1px 0 1px 1px;border:2px solid var(--uui-menu-item-border-color-highlight,var(--uui-color-selected,#3544b1));border-right:none}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button-background::after{opacity:1}:host([select-mode=highlight][selectable]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.33}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.66}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{position:relative;flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;padding-right:var(--uui-size-space-3,9px);padding-left:calc(var(--uui-menu-item-flat-structure) * var(--uui-size-space-3,9px));display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1;font-weight:inherit}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--uui-menu-item-border-radius,0)}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([select-mode=highlight]) #label-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #label-button:focus-visible::after{content:'';border-radius:calc(var(--uui-border-radius,3px) - 1px);position:absolute;inset:3px 3px 3px -5px;border:2px solid var(--uui-color-focus,#3879ff)}:host([select-mode=highlight]) #caret-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #caret-button:focus-visible::after{content:'';position:absolute;inset:3px;border-radius:calc(var(--uui-border-radius,3px) - 1px);border:2px solid var(--uui-color-focus,#3879ff)}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],_e([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),_e([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),_e([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),_e([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),_e([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),_e([f()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=_e([m("uui-menu-item")],n.UUIMenuItemElement);var _d=Object.defineProperty,Ud=Object.getOwnPropertyDescriptor,Ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ud(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&&_d(e,t,o),o};const Ke="uui:modal-close";let K=class extends v{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Ke,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}_closeModal(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};K.styles=[b`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none;background:0 0}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms);z-index:1}:host([index='0']) dialog::after{opacity:0}`],Ut([C("dialog")],K.prototype,"_dialogElement",2),Ut([l({type:Boolean,reflect:!0,attribute:"is-open"})],K.prototype,"isOpen",2),Ut([l({type:Boolean,reflect:!0,attribute:"is-closing"})],K.prototype,"isClosing",2),Ut([l({type:Number,reflect:!0})],K.prototype,"index",2),Ut([l({type:Number,reflect:!0,attribute:"unique-index"})],K.prototype,"uniqueIndex",2),Ut([l({type:Number,attribute:"transition-duration"})],K.prototype,"transitionDuration",1);var Ed=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,ia=(i,e,t,r)=>{for(var o=r>1?void 0:r?$d(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&&Ed(e,t,o),o},oa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ra=(i,e,t)=>(oa(i,e,"read from private field"),t?t.call(i):e.get(i)),na=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},kd=(i,e,t)=>(oa(i,e,"access private method"),t),Ki,Ir,xr,sa;n.UUIModalSidebarElement=class extends K{constructor(){super(),na(this,Ki),na(this,xr),this.size="full",this.addEventListener(Ke,kd(this,xr,sa).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-ra(this,Ki,Ir)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},Ki=new WeakSet,Ir=function(){return this._dialogElement?.getBoundingClientRect().width??0},xr=new WeakSet,sa=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-ra(this,Ki,Ir)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...K.styles,b`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],ia([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=ia([m("uui-modal-sidebar")],n.UUIModalSidebarElement);var Id=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,Et=(i,e,t,r)=>{for(var o=r>1?void 0:r?xd(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&&Id(e,t,o),o},aa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Jt=(i,e,t)=>(aa(i,e,"read from private field"),t?t.call(i):e.get(i)),Xi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Yi=(i,e,t)=>(aa(i,e,"access private method"),t),Cr,$t,Zi,Sr,Qi,Pr;n.UUIModalContainerElement=class extends v{constructor(){super(),Xi(this,Zi),Xi(this,Qi),this.sidebarGap=64,this.transitionDurationMS=250,Xi(this,Cr,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof K)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(Ke,Jt(this,$t))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(Ke,Jt(this,$t))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Yi(this,Zi,Sr).call(this),Yi(this,Qi,Pr).call(this)}),Xi(this,$t,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(Ke,Jt(this,$t)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Yi(this,Zi,Sr).call(this),Yi(this,Qi,Pr).call(this)}),this.addEventListener(Ke,Jt(this,$t))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${Jt(this,Cr)}"></slot>`}},Cr=new WeakMap,$t=new WeakMap,Zi=new WeakSet,Sr=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(e=>!e.isClosing).reverse()??[];i?.forEach((e,t)=>{e.index=t,e.transitionDuration=this.transitionDurationMS}),i?.forEach(e=>{const t=i?.filter(r=>r.constructor.name===e.constructor.name);e.uniqueIndex=t?.indexOf(e)??0})},Qi=new WeakSet,Pr=function(){requestAnimationFrame(()=>{let i=0;const e=this._sidebars?.filter(t=>!t.isClosing).reverse()??[];for(let t=0;t<e.length;t++){const r=e[t],o=e[t+1],s=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",s+"px")}),o?.hasAttribute("hide"))break;const a=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=a+i+this.sidebarGap-h;i=c>0?c:0}})},n.UUIModalContainerElement.styles=b`:host{position:fixed;--uui-modal-color-backdrop:rgba(0, 0, 0, 0.5)}:host::after{content:'';position:fixed;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));opacity:0;pointer-events:none;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([backdrop])::after{opacity:1}`,Et([C("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),Et([f()],n.UUIModalContainerElement.prototype,"_modals",2),Et([f()],n.UUIModalContainerElement.prototype,"_sidebars",2),Et([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),Et([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=Et([m("uui-modal-container")],n.UUIModalContainerElement);var Cd=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,Pd=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sd(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&&Cd(e,t,o),o};n.UUIModalDialogElement=class extends K{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...K.styles,b`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=Pd([m("uui-modal-dialog")],n.UUIModalDialogElement);let ze=class extends P{constructor(e,t={}){super(e,{bubbles:!0,...t})}};ze.CHANGE="change";var Ad=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,Ue=(i,e,t,r)=>{for(var o=r>1?void 0:r?Od(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&&Ad(e,t,o),o};const zd=45,Ar=(i,e,t)=>Math.min(Math.max(i,e),t),Td=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends v{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),U(this,"uui-button"),U(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((o,s)=>o+s.getBoundingClientRect().width,0),r=(e-t)/zd/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,r=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return Td(Ar(t,1,this.total),Ar(r,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=Ar(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new ze(ze.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ze(ze.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new ze(ze.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return u`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(e){return u`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${e}" class="${"page"+(e===this._current?" active":"")}" tabindex="${e===this._current?"-1":""}" @click="${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}">${e}</uui-button>`}renderNavigationLeft(){return u`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return u`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return u`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(e=>this.renderPage(e))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[b`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],Ue([Wa("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),Ue([C("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),Ue([l()],n.UUIPaginationElement.prototype,"label",2),Ue([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),Ue([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),Ue([f()],n.UUIPaginationElement.prototype,"_range",2),Ue([f()],n.UUIPaginationElement.prototype,"_visiblePages",2),Ue([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=Ue([m("uui-pagination")],n.UUIPaginationElement);let Or=class extends P{};Or.CLOSE="close";var Ld=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?Md(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&&Ld(e,t,o),o};function Ji(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends v{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new Or(Or.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const r=t.position==="absolute",o=/(auto|scroll)/;let s=e;for(;s=s.parentElement;)if(t=getComputedStyle(s),!(r&&t.position==="static")&&(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(s),t.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const e=this.containerElement;if(!e)return;const t=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&t!=null){const o=this._scrollParents.map(be=>be.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,t,o));let s=this._currentPlacement.indexOf("top")!==-1,a=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,c=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,y=this._currentPlacement.indexOf("-end")!==-1;let p=.5,g=.5,w=.5,k=.5,S=0,F=0;if(this.placement==="auto"){const be=this._scrollParents[0],hi=be.clientWidth,tt=be.clientHeight,Nt=r.x-t.width,Dt=hi-(r.x+r.width)-t.width,an=r.y-t.height,bo=tt-(r.y+r.height)-t.height;let mo=.5,go=.5;const Db=Math.max(Nt,Dt);let La=Math.max(an,bo);bo>an&&bo>this.margin&&(La+=9999),Db>La?(Nt>Dt?(mo=0,h=!0):(mo=1,c=!0),S=this.margin):(an>bo?(go=0,s=!0):(go=1,a=!0),F=this.margin),p=mo,g=go,w=1-mo,k=1-go}else s&&(k=1,g=0),a&&(k=0,g=1),(s||a)&&(F=this.margin,d&&(w=0,p=0),y&&(w=1,p=1)),h&&(w=1,p=0),c&&(w=0,p=1),(h||c)&&(S=this.margin,d&&(k=0,g=0),y&&(k=1,g=1));const Ie=-t.width*w+r.width*p-S*(w*2-1),xe=-t.height*k+r.height*g-F*(k*2-1);let Je=Ie,et=xe;s||a?(this._scrollParents.forEach((be,hi)=>{const tt=be===document.body?0:o[hi].x,Nt=-r.x+tt,Dt=be.clientWidth-r.x-r.width+Ie+tt-(t.width-r.width)*(1-p);Je=Ji(Je,Nt,Dt)}),Je=Ji(Je,-t.width,r.width)):(h||c)&&(this._scrollParents.forEach((be,hi)=>{const tt=be===document.body?0:o[hi].y,Nt=-r.y+tt,Dt=be.clientHeight-r.y-r.height+xe+tt-(t.height-r.height)*(1-g);et=Ji(et,Nt,Dt)}),et=Ji(et,-t.height,r.height)),(this._positionX!==Je||this._positionY!==et)&&(this._positionX=Je,this._positionY=et,Ie===Je&&xe===et&&this._stopScrollListener(),e.style.left=`${this._positionX}px`,e.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),s=o[0],a=o[1]||null;let h;return this._scrollParents.some((c,d)=>{const y=c===document.body?0:r[d].x,p=c===document.body?0:r[d].y;return s==="top"&&t.y-2<=p?(h="bottom",!0):s==="bottom"&&t.y+t.height+2>=c.clientHeight+p?(h="top",!0):s==="left"&&t.x-2<=y?(h="right",!0):s==="right"&&t.x+t.width+2>=c.clientWidth+y?(h="left",!0):!1}),h?(this._startScrollListener(),h+(a?`-${a}`:"")):e}render(){return u`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?u`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[b`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:var(--uui-popover-z-index,1)}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
325
324
  --uui-popover-toggle-slot-button-border-radius
326
325
  );--uui-button-merge-border-left:var(
327
326
  --uui-popover-toggle-slot-button-merge-border-left