@umbraco-ui/uui 1.13.0-rc.0 → 1.13.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.
- package/dist/uui.min.js +5 -5
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -84
package/dist/uui.min.js
CHANGED
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
* @license
|
|
294
294
|
* Copyright 2018 Google LLC
|
|
295
295
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
296
|
-
*/const k=i=>i??x;let Ji=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};Ji.CLICK="click";var Oc=Object.defineProperty,Lc=Object.getOwnPropertyDescriptor,Os=i=>{throw TypeError(i)},nt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Oc(e,t,o),o},Tc=(i,e,t)=>e.has(i)||Os("Cannot "+t),Nc=(i,e,t)=>e.has(i)?Os("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),eo=(i,e,t)=>(Tc(i,e,"access private method"),t),At,kr,Ls,Ts;n.UUIButtonInlineCreateElement=class extends f{constructor(){super(...arguments),Nc(this,At),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 Ji(Ji.CLICK))}render(){return this.href?eo(this,At,Ls).call(this):eo(this,At,Ts).call(this)}},At=new WeakSet,kr=function(){return u`<div id="plus" style="${Ce({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>`},Ls=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${k(this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${eo(this,At,kr).call(this)}</a>`},Ts=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${eo(this,At,kr).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Pc,g`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${Ac};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)}`],nt([U()],n.UUIButtonInlineCreateElement.prototype,"_position",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),nt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=nt([v("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Bc=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 $=(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)},Ns=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof PointerEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},L=(i,e,t)=>Math.min(Math.max(i,e),t),Bs=(i,e,t)=>t+e-i,Dc=(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 Vc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`;const to=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`;const jc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;const Hc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`;const Rc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`;const $r=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;const Fc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`;const Gc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`;const Wc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,qc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`;const Kc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var Xc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,Ds=i=>{throw TypeError(i)},pe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xc(e,t,o),o},Vs=(i,e,t)=>e.has(i)||Ds("Cannot "+t),Zc=(i,e,t)=>(Vs(i,e,"read from private field"),e.get(i)),Qc=(i,e,t)=>e.has(i)?Ds("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Jc=(i,e,t,r)=>(Vs(i,e,"write to private field"),e.set(i,t),t),io;n.UUIButtonElement=class extends fe(ge("",vc(f))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,Qc(this,io),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(Zc(this,io)),(this.state==="success"||this.state==="failed")&&Jc(this,io,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":$(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":$(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${to.strings[0]}"></uui-icon>`;break;case"failed":$(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Kc.strings[0]}"></uui-icon>`;break;default:return x}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${k(this.label)}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(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="${k(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},io=new WeakMap,n.UUIButtonElement.styles=[Zi,g`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;transition:opacity 120ms;display:flex;gap:var(--uui-size-1,3px);align-items:center}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${Qi}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]) #button{--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-invalid-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-invalid-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary]) #button:focus-visible{outline-offset:2px}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2));font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],pe([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),pe([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),pe([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),pe([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),pe([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),pe([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),pe([l({type:String})],n.UUIButtonElement.prototype,"href",2),pe([l({type:String})],n.UUIButtonElement.prototype,"target",2),pe([l({type:String})],n.UUIButtonElement.prototype,"rel",2),pe([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=pe([v("uui-button")],n.UUIButtonElement);let st=class extends z{constructor(){super(...arguments),this.text=null}};st.COPIED="copied",st.COPYING="copying";var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,js=i=>{throw TypeError(i)},oo=(i,e,t,r)=>{for(var o=r>1?void 0:r?th(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&&eh(e,t,o),o},Hs=(i,e,t)=>e.has(i)||js("Cannot "+t),Er=(i,e,t)=>(Hs(i,e,"read from private field"),t?t.call(i):e.get(i)),Rs=(i,e,t)=>e.has(i)?js("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ih=(i,e,t,r)=>(Hs(i,e,"write to private field"),e.set(i,t),t),gi,xr;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,Rs(this,gi),Rs(this,xr,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new st(st.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new st(st.COPIED);r.text=e,this.dispatchEvent(r),ih(this,gi,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),$(this,"uui-icon"),this.addEventListener("click",Er(this,xr))}disconnectedCallback(){super.disconnectedCallback(),Er(this,gi)&&clearTimeout(Er(this,gi))}renderLabel(){return u`<slot class="label"><uui-icon name="copy"></uui-icon></slot>`}},gi=new WeakMap,xr=new WeakMap,n.UUIButtonCopyTextElement.styles=n.UUIButtonElement.styles,oo([l({type:String})],n.UUIButtonCopyTextElement.prototype,"text",2),oo([l({type:String,attribute:"copy-from"})],n.UUIButtonCopyTextElement.prototype,"copyFrom",2),oo([l({type:Number,attribute:"animation-state-delay"})],n.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),n.UUIButtonCopyTextElement=oo([v("uui-button-copy-text")],n.UUIButtonCopyTextElement);let zt=class extends z{};zt.OPEN="open";var oh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,Mt=(i,e,t,r)=>{for(var o=r>1?void 0:r?rh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oh(e,t,o),o};n.UUICardElement=class extends Ki(xt(f)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new zt(zt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new zt(zt.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[kt,g`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host([selectable]:focus-visible){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host() *{outline-color:var(--uui-color-focus,#3879ff)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-invalid,#d42054);border-radius:var(--uui-border-radius,3px)}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}a{text-decoration:none;color:inherit;line-height:initial}a:focus,button:focus{outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}`],Mt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Mt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Mt([l({type:String})],n.UUICardElement.prototype,"href",2),Mt([l({type:String})],n.UUICardElement.prototype,"target",2),Mt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=Mt([v("uui-card")],n.UUICardElement);var nh=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,Fs=i=>{throw TypeError(i)},ro=(i,e,t,r)=>{for(var o=r>1?void 0:r?sh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&nh(e,t,o),o},ah=(i,e,t)=>e.has(i)||Fs("Cannot "+t),lh=(i,e,t)=>e.has(i)?Fs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),fi=(i,e,t)=>(ah(i,e,"access private method"),t),at,Gs,Ws,qs,Ir;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),lh(this,at),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return u`${fi(this,at,qs).call(this)} ${this.href?fi(this,at,Ws).call(this):fi(this,at,Gs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},at=new WeakSet,Gs=function(){return u`<button id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${fi(this,at,Ir).call(this)}</button>`},Ws=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${fi(this,at,Ir).call(this)}</a>`},qs=function(){return u`<div id="portrait"><slot></slot></div>`},Ir=function(){return u`<div id="content"><span id="name">${this.name}</span> <small>${this.description}<slot name="description"></slot></small></div>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,g`:host{background-color:var(--uui-color-surface-alt,#f3f3f5)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#portrait{display:flex;justify-content:center;min-height:150px;max-height:150px;width:100%;margin-bottom:var(--uui-size-layout-2,30px)}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%;font-size:var(--uui-size-8,24px)}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],ro([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),ro([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),ro([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=ro([v("uui-card-block-type")],n.UUICardBlockTypeElement);var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,Ks=i=>{throw TypeError(i)},no=(i,e,t,r)=>{for(var o=r>1?void 0:r?ch(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&&uh(e,t,o),o},hh=(i,e,t)=>e.has(i)||Ks("Cannot "+t),dh=(i,e,t)=>e.has(i)?Ks("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),so=(i,e,t)=>(hh(i,e,"access private method"),t),Ot,Cr,Xs,Ys;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),dh(this,Ot),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
296
|
+
*/const k=i=>i??x;let Ji=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};Ji.CLICK="click";var Oc=Object.defineProperty,Lc=Object.getOwnPropertyDescriptor,Os=i=>{throw TypeError(i)},nt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Oc(e,t,o),o},Tc=(i,e,t)=>e.has(i)||Os("Cannot "+t),Nc=(i,e,t)=>e.has(i)?Os("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),eo=(i,e,t)=>(Tc(i,e,"access private method"),t),At,kr,Ls,Ts;n.UUIButtonInlineCreateElement=class extends f{constructor(){super(...arguments),Nc(this,At),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 Ji(Ji.CLICK))}render(){return this.href?eo(this,At,Ls).call(this):eo(this,At,Ts).call(this)}},At=new WeakSet,kr=function(){return u`<div id="plus" style="${Ce({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>`},Ls=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${k(this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}" aria-label="${this.label?this.label:"create new element"}">${eo(this,At,kr).call(this)}</a>`},Ts=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${eo(this,At,kr).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Pc,g`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${Ac};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)}`],nt([U()],n.UUIButtonInlineCreateElement.prototype,"_position",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),nt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"rel",2),n.UUIButtonInlineCreateElement=nt([v("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Bc=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 $=(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)},Ns=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.scrollX,h=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof PointerEvent)d=o;else return;const b=d.pageX-c,p=d.pageY-h;e?.onMove&&e.onMove(b,p)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},L=(i,e,t)=>Math.min(Math.max(i,e),t),Bs=(i,e,t)=>t+e-i,Dc=(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 Vc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`;const to=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`;const jc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`;const Hc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`;const Rc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`;const $r=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`;const Fc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`;const Gc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`;const Wc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,qc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`;y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`;const Kc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var Xc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,Ds=i=>{throw TypeError(i)},pe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xc(e,t,o),o},Vs=(i,e,t)=>e.has(i)||Ds("Cannot "+t),Zc=(i,e,t)=>(Vs(i,e,"read from private field"),e.get(i)),Qc=(i,e,t)=>e.has(i)?Ds("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Jc=(i,e,t,r)=>(Vs(i,e,"write to private field"),e.set(i,t),t),io;n.UUIButtonElement=class extends fe(ge("",vc(f))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,Qc(this,io),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(Zc(this,io)),(this.state==="success"||this.state==="failed")&&Jc(this,io,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":$(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":$(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${to.strings[0]}"></uui-icon>`;break;case"failed":$(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Kc.strings[0]}"></uui-icon>`;break;default:return x}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${k(this.label)}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(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="${k(this.label)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},io=new WeakMap,n.UUIButtonElement.styles=[Zi,g`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;transition:opacity 120ms;display:flex;gap:var(--uui-size-1,3px);align-items:center}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none;transition:var(--uui-button-transition,none)}#button:focus-visible{outline:2px solid var(--color-emphasis)}a:not([href]):active,button[disabled]:active{animation:${Qi}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([color=invalid]) #button{--color:var(--uui-color-invalid,#d42054);--color-standalone:var(--uui-color-invalid-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-invalid-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-invalid-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary]) #button:focus-visible{outline-offset:2px}:host([look=primary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=secondary]) #button{background-color:var(--uui-button-background-color,var(--uui-color-surface-alt,#f3f3f5));color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=secondary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=secondary][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,var(--color))}:host([look=outline]) #button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2));font-weight:var(--uui-button-font-weight,700)}:host([look=outline]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=outline][disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}:host([look=placeholder]) #button{border-style:dashed;background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,var(--uui-color-border-standalone,#c2c2c2))}:host([look=placeholder]:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,transparent);color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover)}:host([look=placeholder][disabled]) #button{background-color:var(--uui-button-background-color-disabled,var(--color));color:var(--uui-button-contrast-disabled,var(--color-standalone));border-color:var(--uui-button-border-color-disabled,var(--color-standalone))}`],pe([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),pe([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),pe([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),pe([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),pe([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),pe([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),pe([l({type:String})],n.UUIButtonElement.prototype,"href",2),pe([l({type:String})],n.UUIButtonElement.prototype,"target",2),pe([l({type:String})],n.UUIButtonElement.prototype,"rel",2),pe([A("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=pe([v("uui-button")],n.UUIButtonElement);let st=class extends z{constructor(){super(...arguments),this.text=null}};st.COPIED="copied",st.COPYING="copying";var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,js=i=>{throw TypeError(i)},oo=(i,e,t,r)=>{for(var o=r>1?void 0:r?th(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&&eh(e,t,o),o},Hs=(i,e,t)=>e.has(i)||js("Cannot "+t),Er=(i,e,t)=>(Hs(i,e,"read from private field"),t?t.call(i):e.get(i)),Rs=(i,e,t)=>e.has(i)?js("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ih=(i,e,t,r)=>(Hs(i,e,"write to private field"),e.set(i,t),t),gi,xr;n.UUIButtonCopyTextElement=class extends n.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,Rs(this,gi),Rs(this,xr,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new st(st.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new st(st.COPIED);r.text=e,this.dispatchEvent(r),ih(this,gi,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),$(this,"uui-icon"),this.addEventListener("click",Er(this,xr))}disconnectedCallback(){super.disconnectedCallback(),Er(this,gi)&&clearTimeout(Er(this,gi))}renderLabel(){return u`<slot class="label"><uui-icon name="copy"></uui-icon></slot>`}},gi=new WeakMap,xr=new WeakMap,n.UUIButtonCopyTextElement.styles=n.UUIButtonElement.styles,oo([l({type:String})],n.UUIButtonCopyTextElement.prototype,"text",2),oo([l({type:String,attribute:"copy-from"})],n.UUIButtonCopyTextElement.prototype,"copyFrom",2),oo([l({type:Number,attribute:"animation-state-delay"})],n.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),n.UUIButtonCopyTextElement=oo([v("uui-button-copy-text")],n.UUIButtonCopyTextElement);let zt=class extends z{};zt.OPEN="open";var oh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,Mt=(i,e,t,r)=>{for(var o=r>1?void 0:r?rh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oh(e,t,o),o};n.UUICardElement=class extends Ki(xt(f)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new zt(zt.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new zt(zt.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[kt,g`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host([selectable]:focus-visible){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host() *{outline-color:var(--uui-color-focus,#3879ff)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-invalid,#d42054);border-radius:var(--uui-border-radius,3px)}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}a{text-decoration:none;color:inherit;line-height:initial}a:focus,button:focus{outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}`],Mt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Mt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Mt([l({type:String})],n.UUICardElement.prototype,"href",2),Mt([l({type:String})],n.UUICardElement.prototype,"target",2),Mt([l({type:String})],n.UUICardElement.prototype,"rel",2),n.UUICardElement=Mt([v("uui-card")],n.UUICardElement);var nh=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,Fs=i=>{throw TypeError(i)},ro=(i,e,t,r)=>{for(var o=r>1?void 0:r?sh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&nh(e,t,o),o},ah=(i,e,t)=>e.has(i)||Fs("Cannot "+t),lh=(i,e,t)=>e.has(i)?Fs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),fi=(i,e,t)=>(ah(i,e,"access private method"),t),at,Gs,Ws,qs,Ir;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),lh(this,at),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return u`${fi(this,at,qs).call(this)} ${this.href?fi(this,at,Ws).call(this):fi(this,at,Gs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},at=new WeakSet,Gs=function(){return u`<button id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${fi(this,at,Ir).call(this)}</button>`},Ws=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${fi(this,at,Ir).call(this)}</a>`},qs=function(){return u`<div id="portrait"><slot></slot></div>`},Ir=function(){return u`<div id="content"><span title="${this.name}" id="name">${this.name}</span> <small title="${this.description}">${this.description}<slot name="description"></slot></small></div>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,g`:host{background-color:var(--uui-color-surface-alt,#f3f3f5)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#portrait{display:flex;justify-content:center;min-height:150px;max-height:150px;width:100%;margin-bottom:var(--uui-size-layout-2,30px)}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%;font-size:var(--uui-size-8,24px)}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}#open-part #name,#open-part small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],ro([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),ro([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),ro([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",1),n.UUICardBlockTypeElement=ro([v("uui-card-block-type")],n.UUICardBlockTypeElement);var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,Ks=i=>{throw TypeError(i)},no=(i,e,t,r)=>{for(var o=r>1?void 0:r?ch(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&&uh(e,t,o),o},hh=(i,e,t)=>e.has(i)||Ks("Cannot "+t),dh=(i,e,t)=>e.has(i)?Ks("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),so=(i,e,t)=>(hh(i,e,"access private method"),t),Ot,Cr,Xs,Ys;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),dh(this,Ot),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
297
297
|
xmlns="http://www.w3.org/2000/svg"
|
|
298
298
|
viewBox="0 0 24 24"
|
|
299
299
|
fill="none"
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
id="icon">
|
|
305
305
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
306
306
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
307
|
-
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return $(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small><slot id="default"></slot>`}render(){return u`${this.href?so(this,Ot,Ys).call(this):so(this,Ot,Xs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Ot=new WeakSet,Cr=function(){return u`<span id="content" class="uui-text"><span id="item"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="name">${this.name}<slot name="name"></slot></div></span>${this.renderDetail()}</span>`},Xs=function(){return u`<button id="open-part" tabindex="${this.disabled?x:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${so(this,Ot,Cr).call(this)}</button>`},Ys=function(){return u`<a id="open-part" tabindex="${this.disabled?x:0}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${so(this,Ot,Cr).call(this)}</a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,g`:host{min-width:250px;flex-direction:column;justify-content:space-between}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))}#open-part{display:flex;position:relative;align-items:center;cursor:pointer;flex-grow:1;padding:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}#content{align-self:stretch;display:flex;flex-direction:column}#item{position:relative;display:flex;align-self:stretch;line-height:normal;align-items:center;margin-top:var(--uui-size-1,3px)}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}:host([selectable]) #open-part{padding:0;margin:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}:host([disabled]) #name{pointer-events:none}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #default{color:var(--uui-color-interactive-emphasis,#3544b1)}`],no([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),no([l({type:String})],n.UUICardContentNodeElement.prototype,"detail",2),no([U()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=no([v("uui-card-content-node")],n.UUICardContentNodeElement);var ph=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,Zs=i=>{throw TypeError(i)},yi=(i,e,t,r)=>{for(var o=r>1?void 0:r?mh(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&&ph(e,t,o),o},bh=(i,e,t)=>e.has(i)||Zs("Cannot "+t),vh=(i,e,t)=>e.has(i)?Zs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ao=(i,e,t)=>(bh(i,e,"access private method"),t),Lt,Qs,Js,Sr;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),vh(this,Lt),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),$(this,"uui-symbol-folder"),$(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="entity-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="entity-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?ao(this,Lt,Js).call(this):ao(this,Lt,Qs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Lt=new WeakSet,Qs=function(){return u`<button id="open-part" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${ao(this,Lt,Sr).call(this)}</button>`},Js=function(){return u`<a id="open-part" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${ao(this,Lt,Sr).call(this)}</a>`},Sr=function(){return u`<div id="content" class="uui-text"><span id="name">${this.name}</span> <small id="detail">${this.detail}<slot name="detail"></slot></small></div>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,g`#entity-symbol{align-self:center;width:60%;margin-bottom:var(--uui-size-layout-1,24px);padding:var(--uui-size-space-6,24px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%;pointer-events:none}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;width:100%;align-items:center;font-family:inherit;box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}#detail{opacity:.6}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],yi([l({type:String})],n.UUICardMediaElement.prototype,"name",2),yi([l({type:String})],n.UUICardMediaElement.prototype,"detail",2),yi([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),yi([U()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=yi([v("uui-card-media")],n.UUICardMediaElement);var gh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,ea=i=>{throw TypeError(i)},Pr=(i,e,t,r)=>{for(var o=r>1?void 0:r?fh(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&&gh(e,t,o),o},yh=(i,e,t)=>e.has(i)||ea("Cannot "+t),wh=(i,e,t)=>e.has(i)?ea("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lo=(i,e,t)=>(yh(i,e,"access private method"),t),Tt,ta,ia,Ar;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),wh(this,Tt),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Vc(e.target)}}connectedCallback(){super.connectedCallback(),$(this,"uui-avatar")}render(){return u`${this.href?lo(this,Tt,ia).call(this):lo(this,Tt,ta).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Tt=new WeakSet,ta=function(){return u`<div id="open-part" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${lo(this,Tt,Ar).call(this)}</div>`},ia=function(){return u`<a id="open-part" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${lo(this,Tt,Ar).call(this)}</a>`},Ar=function(){return u`<div id="content">${this._avatarSlotHasContent?x:u`<uui-avatar class="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" class="avatar" @slotchange="${this._avatarSlotChanged}"></slot><span>${this.name}</span><slot></slot></div>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,g`:host{min-width:250px}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-space-4,12px);right:var(--uui-size-space-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}#open-part{cursor:pointer;flex-grow:1;padding:var(--uui-size-space-5,18px) var(--uui-size-space-4,12px)}:host([disabled]) #open-part{pointer-events:none}#open-part:hover #content{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #content>span{text-decoration:underline}:host([selectable]) #open-part{padding:0;margin:var(--uui-size-space-5,18px) var(--uui-size-space-4,12px)}#content{display:flex;flex-direction:column;position:relative;align-items:center;margin:0 0 3px 0}#content>span{vertical-align:center;margin-top:3px;font-weight:700}.avatar{font-size:1.5em;margin-top:var(--uui-size-space-1,3px);margin-bottom:var(--uui-size-space-2,6px)}`],Pr([l({type:String})],n.UUICardUserElement.prototype,"name",2),Pr([U()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Pr([v("uui-card-user")],n.UUICardUserElement);var Uh=Object.defineProperty,_h=Object.getOwnPropertyDescriptor,oa=(i,e,t,r)=>{for(var o=r>1?void 0:r?_h(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&&Uh(e,t,o),o};n.UUICaretElement=class extends f{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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg>`}},n.UUICaretElement.styles=[g`:host{display:inline-block;width:12px;vertical-align:middle}svg{transform-origin:50% 50%;transition:transform .1s cubic-bezier(.1,0,.9,1)}`],oa([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=oa([v("uui-caret")],n.UUICaretElement);var kh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUICheckboxElement=class extends le{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${this.indeterminate?Gc:to}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...le.styles,Zi,g`: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,input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker,label:hover input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker,label:focus input:indeterminate+#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,label:hover input:indeterminate:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before,input:indeterminate+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check,input:indeterminate+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker,label:focus input:indeterminate+#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],[readonly])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([disabled],[readonly])) label:active input:indeterminate+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:focus input:indeterminate+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine]):invalid) label:hover input:indeterminate: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:focus input:indeterminate+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled])+#ticker{border:1px solid var(--uui-color-invalid-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]) input:indeterminate+#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:${Qi}}:host([disabled]) input:checked+#ticker #icon-check,:host([disabled]) input:indeterminate+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=kh([v("uui-checkbox")],n.UUICheckboxElement);/**
|
|
307
|
+
</svg>`}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return $(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small><slot id="default"></slot>`}render(){return u`${this.href?so(this,Ot,Ys).call(this):so(this,Ot,Xs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Ot=new WeakSet,Cr=function(){return u`<span id="content" class="uui-text"><span id="item"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div title="${this.name}" id="name">${this.name}<slot name="name"></slot></div></span>${this.renderDetail()}</span>`},Xs=function(){return u`<button id="open-part" tabindex="${this.disabled?x:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${so(this,Ot,Cr).call(this)}</button>`},Ys=function(){return u`<a id="open-part" tabindex="${this.disabled?x:0}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${so(this,Ot,Cr).call(this)}</a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,g`:host{min-width:250px;flex-direction:column;justify-content:space-between}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))}#open-part{display:flex;position:relative;align-items:center;cursor:pointer;flex-grow:1;padding:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}#open-part #name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}#content{align-self:stretch;display:flex;flex-direction:column}#item{position:relative;display:flex;align-self:stretch;line-height:normal;align-items:center;margin-top:var(--uui-size-1,3px)}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}:host([selectable]) #open-part{padding:0;margin:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}:host([disabled]) #name{pointer-events:none}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #default{color:var(--uui-color-interactive-emphasis,#3544b1)}`],no([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),no([l({type:String})],n.UUICardContentNodeElement.prototype,"detail",2),no([U()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=no([v("uui-card-content-node")],n.UUICardContentNodeElement);var ph=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,Zs=i=>{throw TypeError(i)},yi=(i,e,t,r)=>{for(var o=r>1?void 0:r?mh(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&&ph(e,t,o),o},bh=(i,e,t)=>e.has(i)||Zs("Cannot "+t),vh=(i,e,t)=>e.has(i)?Zs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ao=(i,e,t)=>(bh(i,e,"access private method"),t),Lt,Qs,Js,Sr;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),vh(this,Lt),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),$(this,"uui-symbol-folder"),$(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="entity-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="entity-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?ao(this,Lt,Js).call(this):ao(this,Lt,Qs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Lt=new WeakSet,Qs=function(){return u`<button id="open-part" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${ao(this,Lt,Sr).call(this)}</button>`},Js=function(){return u`<a id="open-part" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${ao(this,Lt,Sr).call(this)}</a>`},Sr=function(){return u`<div id="content" class="uui-text"><span id="name" title="${this.name}">${this.name}</span> <small id="detail">${this.detail}<slot name="detail"></slot></small></div>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,g`#entity-symbol{align-self:center;width:60%;margin-bottom:var(--uui-size-layout-1,24px);padding:var(--uui-size-space-6,24px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;z-index:2;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%;pointer-events:none}#open-part{position:absolute;z-index:1;inset:0;color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}:host([disabled]) #open-part{pointer-events:none;color:var(--uui-color-contrast-disabled)}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #name{text-decoration:underline}#open-part #name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}#content{position:relative;display:flex;width:100%;align-items:center;font-family:inherit;box-sizing:border-box;text-align:left;word-break:break-word;padding-top:var(--uui-size-space-3,9px)}#content::before{content:'';position:absolute;inset:0;z-index:-1;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);pointer-events:none;opacity:.96}#detail{opacity:.6}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}:host([selectable]) #open-part{inset:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host(:not([selectable])) #content{padding:var(--uui-size-space-3,9px) var(--uui-size-space-4,12px)}:host([selectable]) #content::before{inset:calc(var(--uui-size-space-3,9px) * -1) calc(var(--uui-size-space-4,12px) * -1);top:0}`],yi([l({type:String})],n.UUICardMediaElement.prototype,"name",2),yi([l({type:String})],n.UUICardMediaElement.prototype,"detail",2),yi([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),yi([U()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=yi([v("uui-card-media")],n.UUICardMediaElement);var gh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,ea=i=>{throw TypeError(i)},Pr=(i,e,t,r)=>{for(var o=r>1?void 0:r?fh(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&&gh(e,t,o),o},yh=(i,e,t)=>e.has(i)||ea("Cannot "+t),wh=(i,e,t)=>e.has(i)?ea("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lo=(i,e,t)=>(yh(i,e,"access private method"),t),Tt,ta,ia,Ar;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),wh(this,Tt),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Vc(e.target)}}connectedCallback(){super.connectedCallback(),$(this,"uui-avatar")}render(){return u`${this.href?lo(this,Tt,ia).call(this):lo(this,Tt,ta).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Tt=new WeakSet,ta=function(){return u`<div id="open-part" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}">${lo(this,Tt,Ar).call(this)}</div>`},ia=function(){return u`<a id="open-part" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${lo(this,Tt,Ar).call(this)}</a>`},Ar=function(){return u`<div id="content">${this._avatarSlotHasContent?x:u`<uui-avatar class="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" class="avatar" @slotchange="${this._avatarSlotChanged}"></slot><span title="${this.name}">${this.name}</span><slot></slot></div>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,g`:host{min-width:250px}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-space-4,12px);right:var(--uui-size-space-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}#open-part{cursor:pointer;flex-grow:1;padding:var(--uui-size-space-5,18px) var(--uui-size-space-4,12px)}:host([disabled]) #open-part{pointer-events:none}#open-part:hover #content{color:var(--uui-color-interactive-emphasis,#3544b1)}#open-part:hover #content>span{text-decoration:underline}:host([selectable]) #open-part{padding:0;margin:var(--uui-size-space-5,18px) var(--uui-size-space-4,12px)}#content{display:flex;flex-direction:column;position:relative;align-items:center;margin:0 0 3px 0;height:100%}#content>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;vertical-align:center;margin-top:3px;font-weight:700;overflow-wrap:anywhere}.avatar{font-size:1.5em;margin-top:var(--uui-size-space-1,3px);margin-bottom:var(--uui-size-space-2,6px)}`],Pr([l({type:String})],n.UUICardUserElement.prototype,"name",2),Pr([U()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Pr([v("uui-card-user")],n.UUICardUserElement);var Uh=Object.defineProperty,_h=Object.getOwnPropertyDescriptor,oa=(i,e,t,r)=>{for(var o=r>1?void 0:r?_h(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&&Uh(e,t,o),o};n.UUICaretElement=class extends f{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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m4 9 8 8 8-8"></path></svg>`}},n.UUICaretElement.styles=[g`:host{display:inline-block;width:12px;vertical-align:middle}svg{transform-origin:50% 50%;transition:transform .1s cubic-bezier(.1,0,.9,1)}`],oa([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=oa([v("uui-caret")],n.UUICaretElement);var kh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUICheckboxElement=class extends le{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${this.indeterminate?Gc:to}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...le.styles,Zi,g`: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,input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker,label:hover input:indeterminate:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker,label:focus input:indeterminate+#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,label:hover input:indeterminate:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before,input:indeterminate+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check,input:indeterminate+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker,label:focus input:indeterminate+#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],[readonly])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([disabled],[readonly])) label:active input:indeterminate+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:focus input:indeterminate+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine]):invalid) label:hover input:indeterminate: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:focus input:indeterminate+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) label:hover input:indeterminate:not([disabled])+#ticker{border:1px solid var(--uui-color-invalid-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]) input:indeterminate+#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:${Qi}}:host([disabled]) input:checked+#ticker #icon-check,:host([disabled]) input:indeterminate+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=kh([v("uui-checkbox")],n.UUICheckboxElement);/**
|
|
308
308
|
* @license
|
|
309
309
|
* Copyright 2018 Google LLC
|
|
310
310
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -353,9 +353,9 @@
|
|
|
353
353
|
* @license
|
|
354
354
|
* Copyright 2017 Google LLC
|
|
355
355
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
356
|
-
*/class Zr extends Pt{constructor(e){if(super(e),this.et=x,e.type!==de.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===x||e==null)return this.ft=void 0,this.et=e;if(e===te)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Zr.directiveName="unsafeHTML",Zr.resultType=1;const So=St(Zr);var Id=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Da=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cd(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};n.UUIFormValidationMessageElement=class extends f{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate("_messages")},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate("_messages")},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;typeof e=="string"?t=this.getRootNode()?.getElementById(e):e instanceof HTMLElement&&(t=e);const r=t??this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(It.INVALID,this._onControlInvalid),o.removeEventListener(It.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(It.INVALID,this._onControlInvalid),this._for.addEventListener(It.VALID,this._onControlValid))}render(){return u`<slot></slot><div id="messages">${Yr(this._messages,e=>u`<div>${So(e[1])}</div>`)}<slot name="message"></slot></div>`}},n.UUIFormValidationMessageElement.styles=[g`#messages{color:var(--uui-color-invalid-standalone,#bf214e)}`],Da([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Da([v("uui-form-validation-message")],n.UUIFormValidationMessageElement);var Sd=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIFormElement=class extends f{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return u`<slot @slotchange="${this._onSlotChanged}"></slot>`}},n.UUIFormElement=Sd([v("uui-form")],n.UUIFormElement);let Wt=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t}),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};Wt.ICON_REQUEST="icon-request";var Pd=Object.defineProperty,Ad=Object.getOwnPropertyDescriptor,ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ad(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&&Pd(e,t,o),o};n.UUIIconElement=class extends f{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.label="",this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new Wt(Wt.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon(),typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}render(){return this._useFallback===!0?this.fallback===null?u`<slot name="fallback"></slot>`:u`${So(this.fallback)}`:this._nameSvg!==null?u`${So(this._nameSvg)}`:this.svg!==null?u`${So(this.svg)}`:u`<slot></slot>`}},n.UUIIconElement.styles=[g`:host{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}::slotted(svg),:host svg{color:var(--uui-icon-color,currentColor);width:100%}:host-context(div[slot=prepend]){margin-left:var(--uui-size-2,6px)}:host-context(div[slot=append]){margin-right:var(--uui-size-2,6px)}`],ut([U()],n.UUIIconElement.prototype,"_nameSvg",2),ut([l()],n.UUIIconElement.prototype,"label",2),ut([l()],n.UUIIconElement.prototype,"name",1),ut([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),ut([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),ut([U()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=ut([v("uui-icon")],n.UUIIconElement);let Qr=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Jr=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(Wt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Wt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Qr(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Qr}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var zd=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,Va=(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&&zd(e,t,o),o};n.UUIIconRegistryElement=class extends f{constructor(){super(),this._icons={},this._registry=new Jr,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Va([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Va([v("uui-icon-registry")],n.UUIIconRegistryElement);const Od=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Ld=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,Td=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,Nd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`,Bd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Dd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,Vd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,jd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,Hd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`,Rd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,Fd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,Gd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,Wd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,qd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,Kd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,Xd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,Yd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,Zd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`,Qd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,Jd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`,ep=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,tp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`,ip=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,op=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`,rp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,np=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`,sp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,ap=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`,lp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,up=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,cp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`,hp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;let ja=class extends Jr{constructor(){super(),this.defineIcon("add",Od.strings[0]),this.defineIcon("alert",Ld.strings[0]),this.defineIcon("attachment",Td.strings[0]),this.defineIcon("calendar",Nd.strings[0]),this.defineIcon("check",Bd.strings[0]),this.defineIcon("clipboard",Dd.strings[0]),this.defineIcon("code",Vd.strings[0]),this.defineIcon("colorpicker",jd.strings[0]),this.defineIcon("copy",Hd.strings[0]),this.defineIcon("delete",Rd.strings[0]),this.defineIcon("document",Fd.strings[0]),this.defineIcon("download",Gd.strings[0]),this.defineIcon("edit",Wd.strings[0]),this.defineIcon("favorite",qd.strings[0]),this.defineIcon("folder",Kd.strings[0]),this.defineIcon("forbidden",Xd.strings[0]),this.defineIcon("info",Yd.strings[0]),this.defineIcon("link",Zd.strings[0]),this.defineIcon("lock",Qd.strings[0]),this.defineIcon("pause",Jd.strings[0]),this.defineIcon("picture",ep.strings[0]),this.defineIcon("play",tp.strings[0]),this.defineIcon("remove",ip.strings[0]),this.defineIcon("search",op.strings[0]),this.defineIcon("see",rp.strings[0]),this.defineIcon("settings",np.strings[0]),this.defineIcon("subtract",sp.strings[0]),this.defineIcon("sync",ap.strings[0]),this.defineIcon("unlock",lp.strings[0]),this.defineIcon("unsee",up.strings[0]),this.defineIcon("wand",cp.strings[0]),this.defineIcon("wrong",hp.strings[0])}};var dp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new ja}},n.UUIIconRegistryEssentialElement=dp([v("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var pp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?mp(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&&pp(e,t,o),o};n.UUIInputFileElement=class extends fe(f){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-file-dropzone"),$(this,"uui-button"),$(this,"uui-action-bar"),$(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(t)}" color="danger" label="${`Delete ${e.name}`}"><uui-icon name="delete" .fallback="${jc.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${Yr(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return u`<uui-file-dropzone id="dropzone" ?multiple="${this.multiple}" .accept="${this.accept}" @change="${this._handleFilesChange}" label="Drop files here"></uui-file-dropzone><div id="files">${this._renderFiles()} ${this._files.length===0||this.multiple?u`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:x}</div>`}},n.UUIInputFileElement.styles=[g`:host{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box;border:1px solid var(--uui-color-border,#d8d7d9)}#input{position:absolute;width:0;height:0;opacity:0;display:none}#files{display:grid;box-sizing:border-box;justify-items:center;width:100%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:min-content;gap:16px;padding:16px;overflow:auto;max-height:100%}#dropzone{display:none;position:absolute;inset:0;z-index:10;justify-content:center;align-items:center}#add-button{width:150px;height:150px;display:flex;padding:16px;box-sizing:border-box;justify-content:center;align-items:stretch}`],qt([A("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),qt([A("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),qt([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),qt([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),qt([U()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=qt([v("uui-input-file")],n.UUIInputFileElement);let ct=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};ct.CHANGE="change",ct.INPUT="input";var bp=Object.defineProperty,vp=Object.getOwnPropertyDescriptor,Ha=i=>{throw TypeError(i)},q=(i,e,t,r)=>{for(var o=r>1?void 0:r?vp(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&&bp(e,t,o),o},gp=(i,e,t)=>e.has(i)||Ha("Cannot "+t),fp=(i,e,t)=>e.has(i)?Ha("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),yp=(i,e,t)=>(gp(i,e,"access private method"),t),en,Ra;n.UUIInputElement=class extends fe(ge("",f),""){constructor(){super(),fp(this,en),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keydown",yp(this,en,Ra)),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&String(this.value).length>this.maxlength),this.updateComplete.then(()=>{this.addFormControlElement(this._input)})}get type(){return this._type}set type(e){this._type=e}async blur(){await this.updateComplete,this._input.blur()}async focus(){await this.updateComplete,this._input.focus()}async select(){await this.updateComplete,this._input.select()}getFormElement(){return this.shadowRoot?.querySelector("input")}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new ct(ct.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ct(ct.CHANGE))}renderPrepend(){return u`<slot name="prepend"></slot>`}renderAppend(){return u`<slot name="append"></slot>`}render(){return u`${this.renderPrepend()} ${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()} ${this.renderAppend()}`}renderInputWithAutoWidth(){return u`<div id="control">${this.renderInput()}${this.renderAutoWidthBackground()}</div>`}renderInput(){return u`<input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${k(this.pattern)}" min="${k(this.min)}" max="${k(this.max)}" step="${k(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${k(this.autocomplete)}" placeholder="${k(this.placeholder)}" aria-label="${k(this.label)}" inputmode="${k(this.inputMode)}" ?disabled="${this.disabled}" ?autofocus="${this.autofocus}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">`}renderAutoWidthBackground(){return u`<div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return u`${this.value.length>0?this.value:this.placeholder}`}},en=new WeakSet,Ra=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[g`:host{position:relative;display:inline-flex;align-items:stretch;height:var(--uui-input-height,var(--uui-size-11,33px));text-align:left;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-color-surface,#fff));border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-color-border,#d8d7d9));border-radius:var(--uui-border-radius,3px);--uui-button-height:100%;--auto-width-text-margin-right:0;--auto-width-text-margin-left:0}#control{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-grow:1}#auto{border:0 1px solid transparent;visibility:hidden;white-space:pre;z-index:-1;height:0;padding:0 var(--uui-size-space-3,9px);margin:0 var(--auto-width-text-margin-right) 0 var(--auto-width-text-margin-left)}:host([auto-width]) #input{width:10px;min-width:100%}:host(:hover){border-color:var(--uui-input-border-color-hover,var(--uui-color-border-standalone,#c2c2c2))}:host(:focus-within){border-color:var(--uui-input-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:focus){border-color:var(--uui-input-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1))}:host([disabled]){background-color:var(--uui-input-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-input-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input{-webkit-text-fill-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([readonly]){background-color:var(--uui-input-background-color-readonly,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-input-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-color-invalid,#d42054)}input{font-family:inherit;padding:var(--uui-size-1,3px) var(--uui-size-space-3,9px);font-size:inherit;color:inherit;border-radius:var(--uui-border-radius,3px);box-sizing:border-box;border:none;background:0 0;width:100%;height:inherit;text-align:inherit;outline:0}input[type=password]::-ms-reveal{display:none}input[type=color]{width:30px;padding:0;border:none}::slotted(uui-input),::slotted(uui-input-lock){height:100%;--uui-input-border-width:0}`],q([l()],n.UUIInputElement.prototype,"min",2),q([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),q([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),q([l()],n.UUIInputElement.prototype,"max",2),q([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),q([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),q([l({type:Number})],n.UUIInputElement.prototype,"step",2),q([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),q([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),q([l()],n.UUIInputElement.prototype,"placeholder",2),q([l()],n.UUIInputElement.prototype,"autocomplete",2),q([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),q([l({type:String})],n.UUIInputElement.prototype,"type",1),q([l({type:String})],n.UUIInputElement.prototype,"pattern",2),q([l({type:String})],n.UUIInputElement.prototype,"inputMode",2),q([A("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=q([v("uui-input")],n.UUIInputElement);let Po=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Po.LOCK_CHANGE="lock-change";var wp=Object.defineProperty,Up=Object.getOwnPropertyDescriptor,Fa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Up(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&&wp(e,t,o),o};n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new Po(Po.LOCK_CHANGE))}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${Hc.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${Wc.strings[0]}"></uui-icon>`}renderPrepend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}},n.UUIInputLockElement.styles=[...n.UUIInputElement.styles,g`#lock{height:100%;--uui-button-padding-left-factor:0.75;--uui-button-padding-right-factor:0.75;font-size:12px}:host([locked]) #input{cursor:not-allowed;opacity:.55}`],Fa([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=Fa([v("uui-input-lock")],n.UUIInputLockElement);var _p=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,tn=(i,e,t,r)=>{for(var o=r>1?void 0:r?kp(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&&_p(e,t,o),o};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){this.passwordType=e}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?u`<uui-icon name="see" .fallback="${Fc.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${qc.strings[0]}"></uui-icon>`}renderAppend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}},n.UUIInputPasswordElement.styles=[...n.UUIInputElement.styles,g`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],tn([U()],n.UUIInputPasswordElement.prototype,"passwordType",2),tn([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=tn([v("uui-input-password")],n.UUIInputPasswordElement);var $p=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyboardShortcutElement=class extends f{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[g`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px);color:var(--uui-color-text,#060606)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],n.UUIKeyboardShortcutElement=$p([v("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Ep=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyElement=class extends f{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[g`:host{background:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);color:var(--uui-color-text,#060606);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],n.UUIKeyElement=Ep([v("uui-key")],n.UUIKeyElement);var xp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,Ao=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ip(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&&xp(e,t,o),o};n.UUILabelElement=class extends f{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[g`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-invalid,#d42054);font-weight:900}`],Ao([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Ao([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Ao([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Ao([v("uui-label")],n.UUILabelElement);var Cp=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,on=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sp(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&&Cp(e,t,o),o};n.UUILoaderBarElement=class extends f{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=L(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return u`${this.progress?u`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}},n.UUILoaderBarElement.styles=[g`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-default,#1b264f)}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar,#bar-background{background:currentColor}#bar{transition:max-width 120ms ease}#bar-background{opacity:.3}#bar-anim{transform:scaleX(.4);animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#fff 0,#fff 25%,transparent 100%)}#bar-anim.animate{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}@keyframes bar-loading{0%{transform-origin:-175% 0}100%{transform-origin:175% 0}}`],on([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),on([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=on([v("uui-loader-bar")],n.UUILoaderBarElement);var Pp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,rn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ap(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&&Pp(e,t,o),o};n.UUILoaderCircleElement=class extends f{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?u`<span id="progress-display">${this.progress}</span>`:""}render(){return u`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${Ce(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[g`:host{vertical-align:middle;line-height:0;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:1em;height:1em;color:var(--uui-color-default,#1b264f)}#spinner{width:100%;height:100%}#spinner g{transform-origin:50% 50%;animation:18s linear infinite spinner-animation}#spinner.animate g{animation:.8s linear infinite spinner-animation}@keyframes spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#spinner.animate #circle{animation:1.4s ease-in infinite circle-animation}@keyframes circle-animation{0%{stroke-dashoffset:-55}38%{stroke-dashoffset:-88}100%{stroke-dashoffset:-55}}svg circle{fill:transparent;stroke:currentColor;stroke-width:6px}#bg{opacity:.5}#circle{stroke-linecap:round;stroke-dasharray:0 0;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray 120ms ease}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:.3em;font-weight:700;text-align:center;padding-top:.09em}`],rn([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),rn([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=rn([v("uui-loader-circle")],n.UUILoaderCircleElement);var zp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUILoaderElement=class extends f{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[g`:host{color:var(--uui-color-default,#1b264f)}div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){animation-delay:0s}div:nth-child(2n){animation-delay:.15s}div:nth-child(3n){animation-delay:.3s}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],n.UUILoaderElement=zp([v("uui-loader")],n.UUILoaderElement);let Ae=class extends z{};Ae.SHOW_CHILDREN="show-children",Ae.HIDE_CHILDREN="hide-children",Ae.CLICK_LABEL="click-label";var Mp=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,Ga=i=>{throw TypeError(i)},be=(i,e,t,r)=>{for(var o=r>1?void 0:r?Op(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&&Mp(e,t,o),o},Lp=(i,e,t)=>e.has(i)||Ga("Cannot "+t),Tp=(i,e,t)=>e.has(i)?Ga("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Wa=(i,e,t)=>(Lp(i,e,"access private method"),t),zo,nn;n.UUIMenuItemElement=class extends Ki(xt(vi(ge("label",f)))){constructor(){super(...arguments),Tp(this,zo),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.caretLabel="Reveal the underlying items",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?Ae.HIDE_CHILDREN:Ae.SHOW_CHILDREN,t=new Ae(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),$(this,"uui-symbol-expand"),$(this,"uui-loader-bar")}async focus(){await this.updateComplete,this.shadowRoot?.querySelector("#label-button")?.focus?.()}_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" ${vo(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${vo(this._labelButtonChanged)} href="${k(this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}" @click="${Wa(this,zo,nn)}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${vo(this._labelButtonChanged)} @click="${Wa(this,zo,nn)}" ?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" aria-label="${this.caretLabel}" @click="${this._onCaretClicked}"><uui-symbol-expand aria-hidden="true" ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href&&this.selectOnly!==!0&&this.selectable!==!0?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div><slot id="actions-container" name="actions"></slot>${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},zo=new WeakSet,nn=function(){if(this.selectOnly)return;const i=new Ae(Ae.CLICK_LABEL);this.dispatchEvent(i)},n.UUIMenuItemElement.styles=[g`: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(
|
|
356
|
+
*/class Zr extends Pt{constructor(e){if(super(e),this.et=x,e.type!==de.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===x||e==null)return this.ft=void 0,this.et=e;if(e===te)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Zr.directiveName="unsafeHTML",Zr.resultType=1;const So=St(Zr);var Id=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Da=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cd(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};n.UUIFormValidationMessageElement=class extends f{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate("_messages")},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate("_messages")},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;typeof e=="string"?t=this.getRootNode()?.getElementById(e):e instanceof HTMLElement&&(t=e);const r=t??this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(It.INVALID,this._onControlInvalid),o.removeEventListener(It.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(It.INVALID,this._onControlInvalid),this._for.addEventListener(It.VALID,this._onControlValid))}render(){return u`<slot></slot><div id="messages">${Yr(this._messages,e=>u`<div>${So(e[1])}</div>`)}<slot name="message"></slot></div>`}},n.UUIFormValidationMessageElement.styles=[g`#messages{color:var(--uui-color-invalid-standalone,#bf214e)}`],Da([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Da([v("uui-form-validation-message")],n.UUIFormValidationMessageElement);var Sd=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIFormElement=class extends f{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return u`<slot @slotchange="${this._onSlotChanged}"></slot>`}},n.UUIFormElement=Sd([v("uui-form")],n.UUIFormElement);let Wt=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t}),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};Wt.ICON_REQUEST="icon-request";var Pd=Object.defineProperty,Ad=Object.getOwnPropertyDescriptor,ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ad(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&&Pd(e,t,o),o};n.UUIIconElement=class extends f{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.label="",this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new Wt(Wt.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon(),typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}render(){return this._useFallback===!0?this.fallback===null?u`<slot name="fallback"></slot>`:u`${So(this.fallback)}`:this._nameSvg!==null?u`${So(this._nameSvg)}`:this.svg!==null?u`${So(this.svg)}`:u`<slot></slot>`}},n.UUIIconElement.styles=[g`:host{vertical-align:text-bottom;display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}::slotted(svg),:host svg{color:var(--uui-icon-color,currentColor);width:100%}:host-context(div[slot=prepend]){margin-left:var(--uui-size-2,6px)}:host-context(div[slot=append]){margin-right:var(--uui-size-2,6px)}`],ut([U()],n.UUIIconElement.prototype,"_nameSvg",2),ut([l()],n.UUIIconElement.prototype,"label",2),ut([l()],n.UUIIconElement.prototype,"name",1),ut([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),ut([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),ut([U()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=ut([v("uui-icon")],n.UUIIconElement);let Qr=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Jr=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(Wt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Wt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Qr(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Qr}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var zd=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,Va=(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&&zd(e,t,o),o};n.UUIIconRegistryElement=class extends f{constructor(){super(),this._icons={},this._registry=new Jr,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Va([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Va([v("uui-icon-registry")],n.UUIIconRegistryElement);const Od=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Ld=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,Td=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,Nd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`,Bd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Dd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,Vd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,jd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,Hd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`,Rd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,Fd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,Gd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,Wd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,qd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,Kd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><path d="M2 10h20"/></svg>`,Xd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,Yd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,Zd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`,Qd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,Jd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`,ep=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,tp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`,ip=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,op=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`,rp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,np=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`,sp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,ap=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>`,lp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,up=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,cp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M15 9h0"/><path d="M17.8 6.2 19 5"/><path d="m3 21 9-9"/><path d="M12.2 6.2 11 5"/></svg>`,hp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;let ja=class extends Jr{constructor(){super(),this.defineIcon("add",Od.strings[0]),this.defineIcon("alert",Ld.strings[0]),this.defineIcon("attachment",Td.strings[0]),this.defineIcon("calendar",Nd.strings[0]),this.defineIcon("check",Bd.strings[0]),this.defineIcon("clipboard",Dd.strings[0]),this.defineIcon("code",Vd.strings[0]),this.defineIcon("colorpicker",jd.strings[0]),this.defineIcon("copy",Hd.strings[0]),this.defineIcon("delete",Rd.strings[0]),this.defineIcon("document",Fd.strings[0]),this.defineIcon("download",Gd.strings[0]),this.defineIcon("edit",Wd.strings[0]),this.defineIcon("favorite",qd.strings[0]),this.defineIcon("folder",Kd.strings[0]),this.defineIcon("forbidden",Xd.strings[0]),this.defineIcon("info",Yd.strings[0]),this.defineIcon("link",Zd.strings[0]),this.defineIcon("lock",Qd.strings[0]),this.defineIcon("pause",Jd.strings[0]),this.defineIcon("picture",ep.strings[0]),this.defineIcon("play",tp.strings[0]),this.defineIcon("remove",ip.strings[0]),this.defineIcon("search",op.strings[0]),this.defineIcon("see",rp.strings[0]),this.defineIcon("settings",np.strings[0]),this.defineIcon("subtract",sp.strings[0]),this.defineIcon("sync",ap.strings[0]),this.defineIcon("unlock",lp.strings[0]),this.defineIcon("unsee",up.strings[0]),this.defineIcon("wand",cp.strings[0]),this.defineIcon("wrong",hp.strings[0])}};var dp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new ja}},n.UUIIconRegistryEssentialElement=dp([v("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var pp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?mp(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&&pp(e,t,o),o};n.UUIInputFileElement=class extends fe(f){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-file-dropzone"),$(this,"uui-button"),$(this,"uui-action-bar"),$(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(t)}" color="danger" label="${`Delete ${e.name}`}"><uui-icon name="delete" .fallback="${jc.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${Yr(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return u`<uui-file-dropzone id="dropzone" ?multiple="${this.multiple}" .accept="${this.accept}" @change="${this._handleFilesChange}" label="Drop files here"></uui-file-dropzone><div id="files">${this._renderFiles()} ${this._files.length===0||this.multiple?u`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:x}</div>`}},n.UUIInputFileElement.styles=[g`:host{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box;border:1px solid var(--uui-color-border,#d8d7d9)}#input{position:absolute;width:0;height:0;opacity:0;display:none}#files{display:grid;box-sizing:border-box;justify-items:center;width:100%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:min-content;gap:16px;padding:16px;overflow:auto;max-height:100%}#dropzone{display:none;position:absolute;inset:0;z-index:10;justify-content:center;align-items:center}#add-button{width:150px;height:150px;display:flex;padding:16px;box-sizing:border-box;justify-content:center;align-items:stretch}`],qt([A("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),qt([A("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),qt([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),qt([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),qt([U()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=qt([v("uui-input-file")],n.UUIInputFileElement);let ct=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};ct.CHANGE="change",ct.INPUT="input";var bp=Object.defineProperty,vp=Object.getOwnPropertyDescriptor,Ha=i=>{throw TypeError(i)},q=(i,e,t,r)=>{for(var o=r>1?void 0:r?vp(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&&bp(e,t,o),o},gp=(i,e,t)=>e.has(i)||Ha("Cannot "+t),fp=(i,e,t)=>e.has(i)?Ha("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),yp=(i,e,t)=>(gp(i,e,"access private method"),t),en,Ra;n.UUIInputElement=class extends fe(ge("",f),""){constructor(){super(),fp(this,en),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keydown",yp(this,en,Ra)),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&String(this.value).length>this.maxlength),this.updateComplete.then(()=>{this.addFormControlElement(this._input)})}get type(){return this._type}set type(e){this._type=e}async blur(){await this.updateComplete,this._input.blur()}async focus(){await this.updateComplete,this._input.focus()}async select(){await this.updateComplete,this._input.select()}getFormElement(){return this.shadowRoot?.querySelector("input")}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new ct(ct.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ct(ct.CHANGE))}renderPrepend(){return u`<slot name="prepend"></slot>`}renderAppend(){return u`<slot name="append"></slot>`}render(){return u`${this.renderPrepend()} ${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()} ${this.renderAppend()}`}renderInputWithAutoWidth(){return u`<div id="control">${this.renderInput()}${this.renderAutoWidthBackground()}</div>`}renderInput(){return u`<input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${k(this.pattern)}" min="${k(this.min)}" max="${k(this.max)}" step="${k(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${k(this.autocomplete)}" placeholder="${k(this.placeholder)}" aria-label="${k(this.label)}" inputmode="${k(this.inputMode)}" ?disabled="${this.disabled}" ?autofocus="${this.autofocus}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">`}renderAutoWidthBackground(){return u`<div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return u`${this.value.length>0?this.value:this.placeholder}`}},en=new WeakSet,Ra=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[g`:host{position:relative;display:inline-flex;align-items:stretch;height:var(--uui-input-height,var(--uui-size-11,33px));text-align:left;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-color-surface,#fff));border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-color-border,#d8d7d9));border-radius:var(--uui-border-radius,3px);--uui-button-height:100%;--auto-width-text-margin-right:0;--auto-width-text-margin-left:0}#control{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-grow:1}#auto{border:0 1px solid transparent;visibility:hidden;white-space:pre;z-index:-1;height:0;padding:0 var(--uui-size-space-3,9px);margin:0 var(--auto-width-text-margin-right) 0 var(--auto-width-text-margin-left)}:host([auto-width]) #input{width:10px;min-width:100%}:host(:hover){border-color:var(--uui-input-border-color-hover,var(--uui-color-border-standalone,#c2c2c2))}:host(:focus-within){border-color:var(--uui-input-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:focus){border-color:var(--uui-input-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1))}:host([disabled]){background-color:var(--uui-input-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-input-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input{-webkit-text-fill-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([readonly]){background-color:var(--uui-input-background-color-readonly,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-input-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-color-invalid,#d42054)}input{font-family:inherit;padding:var(--uui-size-1,3px) var(--uui-size-space-3,9px);font-size:inherit;color:inherit;border-radius:var(--uui-border-radius,3px);box-sizing:border-box;border:none;background:0 0;width:100%;height:inherit;text-align:inherit;outline:0}input[type=password]::-ms-reveal{display:none}input[type=color]{width:30px;padding:0;border:none}::slotted(uui-input),::slotted(uui-input-lock){height:100%;--uui-input-border-width:0}`],q([l()],n.UUIInputElement.prototype,"min",2),q([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),q([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),q([l()],n.UUIInputElement.prototype,"max",2),q([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),q([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),q([l({type:Number})],n.UUIInputElement.prototype,"step",2),q([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),q([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),q([l()],n.UUIInputElement.prototype,"placeholder",2),q([l()],n.UUIInputElement.prototype,"autocomplete",2),q([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),q([l({type:String})],n.UUIInputElement.prototype,"type",1),q([l({type:String})],n.UUIInputElement.prototype,"pattern",2),q([l({type:String})],n.UUIInputElement.prototype,"inputMode",2),q([A("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=q([v("uui-input")],n.UUIInputElement);let Po=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Po.LOCK_CHANGE="lock-change";var wp=Object.defineProperty,Up=Object.getOwnPropertyDescriptor,Fa=(i,e,t,r)=>{for(var o=r>1?void 0:r?Up(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&&wp(e,t,o),o};n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new Po(Po.LOCK_CHANGE))}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${Hc.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${Wc.strings[0]}"></uui-icon>`}renderPrepend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}},n.UUIInputLockElement.styles=[...n.UUIInputElement.styles,g`#lock{height:100%;--uui-button-padding-left-factor:0.75;--uui-button-padding-right-factor:0.75;font-size:12px}:host([locked]) #input{cursor:not-allowed;opacity:.55}`],Fa([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=Fa([v("uui-input-lock")],n.UUIInputLockElement);var _p=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,tn=(i,e,t,r)=>{for(var o=r>1?void 0:r?kp(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&&_p(e,t,o),o};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){this.passwordType=e}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),$(this,"uui-icon"),$(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?u`<uui-icon name="see" .fallback="${Fc.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${qc.strings[0]}"></uui-icon>`}renderAppend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}},n.UUIInputPasswordElement.styles=[...n.UUIInputElement.styles,g`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],tn([U()],n.UUIInputPasswordElement.prototype,"passwordType",2),tn([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=tn([v("uui-input-password")],n.UUIInputPasswordElement);var $p=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyboardShortcutElement=class extends f{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[g`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px);color:var(--uui-color-text,#060606)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],n.UUIKeyboardShortcutElement=$p([v("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Ep=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIKeyElement=class extends f{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[g`:host{background:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);color:var(--uui-color-text,#060606);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],n.UUIKeyElement=Ep([v("uui-key")],n.UUIKeyElement);var xp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,Ao=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ip(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&&xp(e,t,o),o};n.UUILabelElement=class extends f{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[g`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-invalid,#d42054);font-weight:900}`],Ao([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Ao([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Ao([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Ao([v("uui-label")],n.UUILabelElement);var Cp=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,on=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sp(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&&Cp(e,t,o),o};n.UUILoaderBarElement=class extends f{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=L(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return u`${this.progress?u`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}},n.UUILoaderBarElement.styles=[g`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-default,#1b264f)}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar,#bar-background{background:currentColor}#bar{transition:max-width 120ms ease}#bar-background{opacity:.3}#bar-anim{transform:scaleX(.4);animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#fff 0,#fff 25%,transparent 100%)}#bar-anim.animate{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}@keyframes bar-loading{0%{transform-origin:-175% 0}100%{transform-origin:175% 0}}`],on([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),on([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=on([v("uui-loader-bar")],n.UUILoaderBarElement);var Pp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,rn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ap(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&&Pp(e,t,o),o};n.UUILoaderCircleElement=class extends f{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?u`<span id="progress-display">${this.progress}</span>`:""}render(){return u`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${Ce(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[g`:host{vertical-align:middle;line-height:0;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:1em;height:1em;color:var(--uui-color-default,#1b264f)}#spinner{width:100%;height:100%}#spinner g{transform-origin:50% 50%;animation:18s linear infinite spinner-animation}#spinner.animate g{animation:.8s linear infinite spinner-animation}@keyframes spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#spinner.animate #circle{animation:1.4s ease-in infinite circle-animation}@keyframes circle-animation{0%{stroke-dashoffset:-55}38%{stroke-dashoffset:-88}100%{stroke-dashoffset:-55}}svg circle{fill:transparent;stroke:currentColor;stroke-width:6px}#bg{opacity:.5}#circle{stroke-linecap:round;stroke-dasharray:0 0;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray 120ms ease}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:.3em;font-weight:700;text-align:center;padding-top:.09em}`],rn([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),rn([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=rn([v("uui-loader-circle")],n.UUILoaderCircleElement);var zp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUILoaderElement=class extends f{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[g`:host{color:var(--uui-color-default,#1b264f)}div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){animation-delay:0s}div:nth-child(2n){animation-delay:.15s}div:nth-child(3n){animation-delay:.3s}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],n.UUILoaderElement=zp([v("uui-loader")],n.UUILoaderElement);let Ae=class extends z{};Ae.SHOW_CHILDREN="show-children",Ae.HIDE_CHILDREN="hide-children",Ae.CLICK_LABEL="click-label";var Mp=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,Ga=i=>{throw TypeError(i)},be=(i,e,t,r)=>{for(var o=r>1?void 0:r?Op(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&&Mp(e,t,o),o},Lp=(i,e,t)=>e.has(i)||Ga("Cannot "+t),Tp=(i,e,t)=>e.has(i)?Ga("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Wa=(i,e,t)=>(Lp(i,e,"access private method"),t),zo,nn;n.UUIMenuItemElement=class extends Ki(xt(vi(ge("label",f)))){constructor(){super(...arguments),Tp(this,zo),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.caretLabel="Reveal the underlying items",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?Ae.HIDE_CHILDREN:Ae.SHOW_CHILDREN,t=new Ae(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),$(this,"uui-symbol-expand"),$(this,"uui-loader-bar")}async focus(){await this.updateComplete,this.shadowRoot?.querySelector("#label-button")?.focus?.()}_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" ${vo(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${vo(this._labelButtonChanged)} href="${k(this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}" @click="${Wa(this,zo,nn)}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${vo(this._labelButtonChanged)} @click="${Wa(this,zo,nn)}" ?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" aria-label="${this.caretLabel}" @click="${this._onCaretClicked}"><uui-symbol-expand aria-hidden="true" ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href&&this.selectOnly!==!0&&this.selectable!==!0?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div><slot id="actions-container" name="actions"></slot>${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},zo=new WeakSet,nn=function(){if(this.selectOnly)return;const i=new Ae(Ae.CLICK_LABEL);this.dispatchEvent(i)},n.UUIMenuItemElement.styles=[g`: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(
|
|
357
357
|
1 - var(--uui-menu-item-flat-structure, 0)
|
|
358
|
-
)}#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:end;padding-inline-end:3px;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;width:0;grid-column-start:3;overflow:hidden}: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;width:auto}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;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)}`],be([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),be([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),be([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),be([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"rel",2),be([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),be([l({type:String,attribute:"caret-label"})],n.UUIMenuItemElement.prototype,"caretLabel",2),be([U()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=be([v("uui-menu-item")],n.UUIMenuItemElement);var Np=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bp(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&&Np(e,t,o),o};const qa="uui:modal-open",Xt="uui:modal-close",Ka="uui:modal-close-end";let se=class extends f{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(qa,{cancelable:!0}),r=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Xt,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this.forceClose()}}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)}forceClose(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.dispatchEvent(new CustomEvent(Ka)),this.remove()}};se.styles=[g`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none;background:0 0;color:var(--uui-color-text,#060606)}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}`],Kt([A("dialog")],se.prototype,"_dialogElement",2),Kt([l({type:Boolean,reflect:!0,attribute:"is-open"})],se.prototype,"isOpen",2),Kt([l({type:Boolean,reflect:!0,attribute:"is-closing"})],se.prototype,"isClosing",2),Kt([l({type:Number,reflect:!0})],se.prototype,"index",2),Kt([l({type:Number,reflect:!0,attribute:"unique-index"})],se.prototype,"uniqueIndex",2),Kt([l({type:Number,attribute:"transition-duration"})],se.prototype,"transitionDuration",1);var Dp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,Xa=i=>{throw TypeError(i)},Ya=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vp(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&&Dp(e,t,o),o},jp=(i,e,t)=>e.has(i)||Xa("Cannot "+t),Za=(i,e,t)=>(jp(i,e,"read from private field"),t?t.call(i):e.get(i)),Hp=(i,e,t)=>e.has(i)?Xa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Mo,sn;n.UUIModalSidebarElement=class extends se{constructor(){super(...arguments),Hp(this,Mo),this.size="full"}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Za(this,Mo,sn)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}forceClose(){this.isClosing||(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Za(this,Mo,sn)+"px"),setTimeout(()=>{super.forceClose()},this.transitionDuration))}render(){return u`<dialog><slot></slot></dialog>`}},Mo=new WeakSet,sn=function(){return this._dialogElement?.getBoundingClientRect().width??0},n.UUIModalSidebarElement.styles=[...se.styles,g`:host{--uui-modal-sidebar-left-gap:24px;--uui-modal-sidebar-background:var(--uui-color-surface,#fff)}@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);background:var(--uui-modal-sidebar-background,var(--uui-color-surface,#fff))}: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(500px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],Ya([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=Ya([v("uui-modal-sidebar")],n.UUIModalSidebarElement);var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Qa=i=>{throw TypeError(i)},Yt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fp(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&&Rp(e,t,o),o},Ja=(i,e,t)=>e.has(i)||Qa("Cannot "+t),xi=(i,e,t)=>(Ja(i,e,"read from private field"),t?t.call(i):e.get(i)),an=(i,e,t)=>e.has(i)?Qa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Oo=(i,e,t)=>(Ja(i,e,"access private method"),t),ln,Zt,Qt,un,cn;n.UUIModalContainerElement=class extends f{constructor(){super(),an(this,Qt),this.sidebarGap=64,this.transitionDurationMS=250,an(this,ln,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof se)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(Xt,xi(this,Zt))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(Xt,xi(this,Zt))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Oo(this,Qt,un).call(this),Oo(this,Qt,cn).call(this)}),an(this,Zt,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(Xt,xi(this,Zt)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Oo(this,Qt,un).call(this),Oo(this,Qt,cn).call(this)}),this.addEventListener(Xt,xi(this,Zt))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${xi(this,ln)}"></slot>`}},ln=new WeakMap,Zt=new WeakMap,Qt=new WeakSet,un=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})},cn=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,c=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=a+i+this.sidebarGap-c;i=h>0?h:0}})},n.UUIModalContainerElement.styles=g`: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}`,Yt([A("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),Yt([U()],n.UUIModalContainerElement.prototype,"_modals",2),Yt([U()],n.UUIModalContainerElement.prototype,"_sidebars",2),Yt([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),Yt([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=Yt([v("uui-modal-container")],n.UUIModalContainerElement);var Gp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIModalDialogElement=class extends se{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...se.styles,g`:host{--uui-modal-dialog-background:var(--uui-color-surface,#fff)}dialog{margin:auto;max-width:100%;max-height:100%;border-radius:var(--uui-modal-dialog-border-radius,calc(var(--uui-border-radius,3px) * 4));background:var(--uui-modal-dialog-background,var(--uui-color-surface,#fff))}: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=Gp([v("uui-modal-dialog")],n.UUIModalDialogElement);let Re=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Re.CHANGE="change";var Wp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,ze=(i,e,t,r)=>{for(var o=r>1?void 0:r?qp(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&&Wp(e,t,o),o};const Kp=45,hn=(i,e,t)=>Math.min(Math.max(i,e),t),Xp=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends f{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),$(this,"uui-button"),$(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)/Kp/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 Xp(hn(t,1,this.total),hn(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=hn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Re(Re.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Re(Re.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Re(Re.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=[g`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}`],ze([ru("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),ze([A("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),ze([l()],n.UUIPaginationElement.prototype,"label",2),ze([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),ze([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),ze([U()],n.UUIPaginationElement.prototype,"_range",2),ze([U()],n.UUIPaginationElement.prototype,"_visiblePages",2),ze([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=ze([v("uui-pagination")],n.UUIPaginationElement);let dn=class extends z{};dn.CLOSE="close";var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Ii=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zp(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&&Yp(e,t,o),o};function Lo(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends f{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 dn(dn.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(xe=>xe.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,c=this._currentPlacement.indexOf("left")!==-1,h=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,b=this._currentPlacement.indexOf("-end")!==-1;let p=.5,_=.5,m=.5,w=.5,S=0,C=0;if(this.placement==="auto"){const xe=this._scrollParents[0],Ti=xe.clientWidth,yt=xe.clientHeight,hi=r.x-t.width,di=Ti-(r.x+r.width)-t.width,jn=r.y-t.height,Yo=yt-(r.y+r.height)-t.height;let Zo=.5,Qo=.5;const Mb=Math.max(hi,di);let Vl=Math.max(jn,Yo);Yo>jn&&Yo>this.margin&&(Vl+=9999),Mb>Vl?(hi>di?(Zo=0,c=!0):(Zo=1,h=!0),S=this.margin):(jn>Yo?(Qo=0,s=!0):(Qo=1,a=!0),C=this.margin),p=Zo,_=Qo,m=1-Zo,w=1-Qo}else s&&(w=1,_=0),a&&(w=0,_=1),(s||a)&&(C=this.margin,d&&(m=0,p=0),b&&(m=1,p=1)),c&&(m=1,p=0),h&&(m=0,p=1),(c||h)&&(S=this.margin,d&&(w=0,_=0),b&&(w=1,_=1));const N=-t.width*m+r.width*p-S*(m*2-1),ee=-t.height*w+r.height*_-C*(w*2-1);let gt=N,ft=ee;s||a?(this._scrollParents.forEach((xe,Ti)=>{const yt=xe===document.body?0:o[Ti].x,hi=-r.x+yt,di=xe.clientWidth-r.x-r.width+N+yt-(t.width-r.width)*(1-p);gt=Lo(gt,hi,di)}),gt=Lo(gt,-t.width,r.width)):(c||h)&&(this._scrollParents.forEach((xe,Ti)=>{const yt=xe===document.body?0:o[Ti].y,hi=-r.y+yt,di=xe.clientHeight-r.y-r.height+ee+yt-(t.height-r.height)*(1-_);ft=Lo(ft,hi,di)}),ft=Lo(ft,-t.height,r.height)),(this._positionX!==gt||this._positionY!==ft)&&(this._positionX=gt,this._positionY=ft,N===gt&&ee===ft&&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 c;return this._scrollParents.some((h,d)=>{const b=h===document.body?0:r[d].x,p=h===document.body?0:r[d].y;return s==="top"&&t.y-2<=p?(c="bottom",!0):s==="bottom"&&t.y+t.height+2>=h.clientHeight+p?(c="top",!0):s==="left"&&t.x-2<=b?(c="right",!0):s==="right"&&t.x+t.width+2>=h.clientWidth+b?(c="left",!0):!1}),c?(this._startScrollListener(),c+(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=[g`: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(
|
|
358
|
+
)}#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{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;opacity:.5}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:end;padding-inline-end:3px;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;width:0;grid-column-start:3;overflow:hidden}: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;width:auto}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;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)}`],be([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),be([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),be([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),be([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),be([l({type:String})],n.UUIMenuItemElement.prototype,"rel",2),be([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),be([l({type:String,attribute:"caret-label"})],n.UUIMenuItemElement.prototype,"caretLabel",2),be([U()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=be([v("uui-menu-item")],n.UUIMenuItemElement);var Np=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bp(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&&Np(e,t,o),o};const qa="uui:modal-open",Xt="uui:modal-close",Ka="uui:modal-close-end";let se=class extends f{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(qa,{cancelable:!0}),r=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Xt,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this.forceClose()}}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)}forceClose(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.dispatchEvent(new CustomEvent(Ka)),this.remove()}};se.styles=[g`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none;background:0 0;color:var(--uui-color-text,#060606)}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}`],Kt([A("dialog")],se.prototype,"_dialogElement",2),Kt([l({type:Boolean,reflect:!0,attribute:"is-open"})],se.prototype,"isOpen",2),Kt([l({type:Boolean,reflect:!0,attribute:"is-closing"})],se.prototype,"isClosing",2),Kt([l({type:Number,reflect:!0})],se.prototype,"index",2),Kt([l({type:Number,reflect:!0,attribute:"unique-index"})],se.prototype,"uniqueIndex",2),Kt([l({type:Number,attribute:"transition-duration"})],se.prototype,"transitionDuration",1);var Dp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,Xa=i=>{throw TypeError(i)},Ya=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vp(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&&Dp(e,t,o),o},jp=(i,e,t)=>e.has(i)||Xa("Cannot "+t),Za=(i,e,t)=>(jp(i,e,"read from private field"),t?t.call(i):e.get(i)),Hp=(i,e,t)=>e.has(i)?Xa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Mo,sn;n.UUIModalSidebarElement=class extends se{constructor(){super(...arguments),Hp(this,Mo),this.size="full"}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Za(this,Mo,sn)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}forceClose(){this.isClosing||(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Za(this,Mo,sn)+"px"),setTimeout(()=>{super.forceClose()},this.transitionDuration))}render(){return u`<dialog><slot></slot></dialog>`}},Mo=new WeakSet,sn=function(){return this._dialogElement?.getBoundingClientRect().width??0},n.UUIModalSidebarElement.styles=[...se.styles,g`:host{--uui-modal-sidebar-left-gap:24px;--uui-modal-sidebar-background:var(--uui-color-surface,#fff)}@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);background:var(--uui-modal-sidebar-background,var(--uui-color-surface,#fff))}: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(500px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],Ya([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=Ya([v("uui-modal-sidebar")],n.UUIModalSidebarElement);var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Qa=i=>{throw TypeError(i)},Yt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fp(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&&Rp(e,t,o),o},Ja=(i,e,t)=>e.has(i)||Qa("Cannot "+t),xi=(i,e,t)=>(Ja(i,e,"read from private field"),t?t.call(i):e.get(i)),an=(i,e,t)=>e.has(i)?Qa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Oo=(i,e,t)=>(Ja(i,e,"access private method"),t),ln,Zt,Qt,un,cn;n.UUIModalContainerElement=class extends f{constructor(){super(),an(this,Qt),this.sidebarGap=64,this.transitionDurationMS=250,an(this,ln,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof se)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(Xt,xi(this,Zt))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(Xt,xi(this,Zt))),this._sidebars=this._modals.filter(t=>t instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Oo(this,Qt,un).call(this),Oo(this,Qt,cn).call(this)}),an(this,Zt,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(Xt,xi(this,Zt)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Oo(this,Qt,un).call(this),Oo(this,Qt,cn).call(this)}),this.addEventListener(Xt,xi(this,Zt))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${xi(this,ln)}"></slot>`}},ln=new WeakMap,Zt=new WeakMap,Qt=new WeakSet,un=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})},cn=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,c=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=a+i+this.sidebarGap-c;i=h>0?h:0}})},n.UUIModalContainerElement.styles=g`: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}`,Yt([A("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),Yt([U()],n.UUIModalContainerElement.prototype,"_modals",2),Yt([U()],n.UUIModalContainerElement.prototype,"_sidebars",2),Yt([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),Yt([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=Yt([v("uui-modal-container")],n.UUIModalContainerElement);var Gp=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIModalDialogElement=class extends se{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...se.styles,g`:host{--uui-modal-dialog-background:var(--uui-color-surface,#fff)}dialog{margin:auto;max-width:100%;max-height:100%;border-radius:var(--uui-modal-dialog-border-radius,calc(var(--uui-border-radius,3px) * 4));background:var(--uui-modal-dialog-background,var(--uui-color-surface,#fff))}: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=Gp([v("uui-modal-dialog")],n.UUIModalDialogElement);let Re=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Re.CHANGE="change";var Wp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,ze=(i,e,t,r)=>{for(var o=r>1?void 0:r?qp(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&&Wp(e,t,o),o};const Kp=45,hn=(i,e,t)=>Math.min(Math.max(i,e),t),Xp=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends f{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),$(this,"uui-button"),$(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)/Kp/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 Xp(hn(t,1,this.total),hn(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=hn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Re(Re.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Re(Re.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Re(Re.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=[g`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}`],ze([ru("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),ze([A("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),ze([l()],n.UUIPaginationElement.prototype,"label",2),ze([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),ze([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),ze([U()],n.UUIPaginationElement.prototype,"_range",2),ze([U()],n.UUIPaginationElement.prototype,"_visiblePages",2),ze([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=ze([v("uui-pagination")],n.UUIPaginationElement);let dn=class extends z{};dn.CLOSE="close";var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Ii=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zp(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&&Yp(e,t,o),o};function Lo(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends f{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 dn(dn.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(xe=>xe.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,c=this._currentPlacement.indexOf("left")!==-1,h=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,b=this._currentPlacement.indexOf("-end")!==-1;let p=.5,_=.5,m=.5,w=.5,S=0,C=0;if(this.placement==="auto"){const xe=this._scrollParents[0],Ti=xe.clientWidth,yt=xe.clientHeight,hi=r.x-t.width,di=Ti-(r.x+r.width)-t.width,jn=r.y-t.height,Yo=yt-(r.y+r.height)-t.height;let Zo=.5,Qo=.5;const Mb=Math.max(hi,di);let Vl=Math.max(jn,Yo);Yo>jn&&Yo>this.margin&&(Vl+=9999),Mb>Vl?(hi>di?(Zo=0,c=!0):(Zo=1,h=!0),S=this.margin):(jn>Yo?(Qo=0,s=!0):(Qo=1,a=!0),C=this.margin),p=Zo,_=Qo,m=1-Zo,w=1-Qo}else s&&(w=1,_=0),a&&(w=0,_=1),(s||a)&&(C=this.margin,d&&(m=0,p=0),b&&(m=1,p=1)),c&&(m=1,p=0),h&&(m=0,p=1),(c||h)&&(S=this.margin,d&&(w=0,_=0),b&&(w=1,_=1));const N=-t.width*m+r.width*p-S*(m*2-1),ee=-t.height*w+r.height*_-C*(w*2-1);let gt=N,ft=ee;s||a?(this._scrollParents.forEach((xe,Ti)=>{const yt=xe===document.body?0:o[Ti].x,hi=-r.x+yt,di=xe.clientWidth-r.x-r.width+N+yt-(t.width-r.width)*(1-p);gt=Lo(gt,hi,di)}),gt=Lo(gt,-t.width,r.width)):(c||h)&&(this._scrollParents.forEach((xe,Ti)=>{const yt=xe===document.body?0:o[Ti].y,hi=-r.y+yt,di=xe.clientHeight-r.y-r.height+ee+yt-(t.height-r.height)*(1-_);ft=Lo(ft,hi,di)}),ft=Lo(ft,-t.height,r.height)),(this._positionX!==gt||this._positionY!==ft)&&(this._positionX=gt,this._positionY=ft,N===gt&&ee===ft&&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 c;return this._scrollParents.some((h,d)=>{const b=h===document.body?0:r[d].x,p=h===document.body?0:r[d].y;return s==="top"&&t.y-2<=p?(c="bottom",!0):s==="bottom"&&t.y+t.height+2>=h.clientHeight+p?(c="top",!0):s==="left"&&t.x-2<=b?(c="right",!0):s==="right"&&t.x+t.width+2>=h.clientWidth+b?(c="left",!0):!1}),c?(this._startScrollListener(),c+(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=[g`: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(
|
|
359
359
|
--uui-popover-toggle-slot-button-border-radius
|
|
360
360
|
);--uui-button-merge-border-left:var(
|
|
361
361
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
@@ -728,7 +728,7 @@
|
|
|
728
728
|
id="icon">
|
|
729
729
|
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
|
|
730
730
|
<path d="M14 2v4a2 2 0 0 0 2 2h4" />
|
|
731
|
-
</svg>`}connectedCallback(){super.connectedCallback(),$(this,"uui-icon")}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return u`${Xe(this,ke,fl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag" id="tag-container"></slot><slot name="actions" id="actions-container"></slot>`}},ke=new WeakSet,ml=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},bl=function(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Ho=function(){return u`<span id="content" class="uui-text"><span id="icon"><slot name="icon" @slotchange="${Xe(this,ke,ml)}"></slot>${this._iconSlotHasContent===!1?Xe(this,ke,bl).call(this):""}</span><div id="info"><div id="name">${this.name}<slot name="name"></slot></div>${this.renderDetail()}</div></span>`},vl=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${Xe(this,ke,Ho).call(this)}</a>`},gl=function(){return u`<button type="button" id="open-part" class="uui-text" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${Xe(this,ke,Ho).call(this)}</button>`},fl=function(){return this.readonly?u`${Xe(this,ke,Ho).call(this)}`:this.href?Xe(this,ke,vl).call(this):Xe(this,ke,gl).call(this)},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,g`:host{min-width:250px;padding:1px}#content{display:flex;align-items:center;justify-content:center;line-height:1.2em;padding:calc(var(--uui-size-3,9px))}#open-part{color:inherit;text-decoration:none;cursor:pointer;display:flex;flex-grow:1}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px);display:flex;align-items:center;justify-content:center}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#detail{opacity:.6}:host([selectable]) #open-part{flex-grow:0;padding:0;margin:calc(var(--uui-size-2,6px))}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],bt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"rel",2),bt([U()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=bt([v("uui-ref-node")],n.UUIRefNodeElement);var Cm=Object.defineProperty,Sm=Object.getOwnPropertyDescriptor,yl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sm(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&&Cm(e,t,o),o};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],yl([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=yl([v("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var Pm=Object.defineProperty,Am=Object.getOwnPropertyDescriptor,wl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Am(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&&Pm(e,t,o),o};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],wl([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=wl([v("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var zm=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=zm([v("uui-ref-node-form")],n.UUIRefNodeFormElement);var Mm=Object.defineProperty,Om=Object.getOwnPropertyDescriptor,Ul=(i,e,t,r)=>{for(var o=r>1?void 0:r?Om(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&&Mm(e,t,o),o};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],Ul([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Ul([v("uui-ref-node-member")],n.UUIRefNodeMemberElement);var Lm=Object.defineProperty,Tm=Object.getOwnPropertyDescriptor,Pn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tm(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&&Lm(e,t,o),o};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],Pn([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Pn([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Pn([v("uui-ref-node-package")],n.UUIRefNodePackageElement);var Nm=Object.defineProperty,Bm=Object.getOwnPropertyDescriptor,_l=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bm(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&&Nm(e,t,o),o};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],_l([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=_l([v("uui-ref-node-user")],n.UUIRefNodeUserElement);var Dm=Object.defineProperty,Vm=Object.getOwnPropertyDescriptor,kl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vm(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&&Dm(e,t,o),o};n.UUIScrollContainerElement=class extends f{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[g`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,#c4c4c4) var(--uui-color-surface,#fff);overflow-y:auto}:host([enforce-scroll]){overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-color-surface,#fff);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-color-disabled-contrast,#c4c4c4);border-radius:3px}`],kl([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=kl([v("uui-scroll-container")],n.UUIScrollContainerElement);let Ro=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Ro.CHANGE="change";var jm=Object.defineProperty,Hm=Object.getOwnPropertyDescriptor,ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hm(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&&jm(e,t,o),o};n.UUISelectElement=class extends fe(f,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new Ro(Ro.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return u`<option value="${t}" ?selected="${r}" ?disabled="${o}">${e}</option>`}_renderGrouped(){return this._groups.length===0?x:u`${this._groups.map(e=>u`<optgroup label="${e}" ?disabled="${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}">${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}</optgroup>`)}`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?u`<span>${this._getDisplayValue()}</span>`:u`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(e=>!e.group).map(e=>this._renderOption(e.name,e.value,e.selected,e.disabled))}</select>`}},n.UUISelectElement.styles=[g`:host{display:inline-block;position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,inherit);height:var(--uui-select-height,var(--uui-size-11,33px));padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:var(--uui-select-text-color,var(--uui-color-text,#060606));box-sizing:border-box;border-radius:var(--uui-border-radius,3px);border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease;width:100%;background-color:var(--uui-select-background-color,var(--uui-color-surface,#fff))}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-select-outline-color,var(--uui-color-focus,#3879ff))}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-color-disabled,#f3f3f5))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-color-selected,#3544b1));color:var(--uui-select-selected-option-color,var(--uui-color-selected-contrast,#fff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-color-invalid-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-invalid-standalone,#bf214e)}`],ve([l({type:String})],n.UUISelectElement.prototype,"label",2),ve([l()],n.UUISelectElement.prototype,"placeholder",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"readonly",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ve([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ve([U()],n.UUISelectElement.prototype,"_groups",2),ve([l()],n.UUISelectElement.prototype,"disabledGroups",2),ve([U()],n.UUISelectElement.prototype,"_disabledGroups",2),ve([A("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=ve([v("uui-select")],n.UUISelectElement);const Rm=g`
|
|
731
|
+
</svg>`}connectedCallback(){super.connectedCallback(),$(this,"uui-icon")}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return u`${Xe(this,ke,fl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag" id="tag-container"></slot><slot name="actions" id="actions-container"></slot>`}},ke=new WeakSet,ml=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},bl=function(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Ho=function(){return u`<span id="content" class="uui-text"><span id="icon"><slot name="icon" @slotchange="${Xe(this,ke,ml)}"></slot>${this._iconSlotHasContent===!1?Xe(this,ke,bl).call(this):""}</span><div id="info"><div id="name">${this.name}<slot name="name"></slot></div>${this.renderDetail()}</div></span>`},vl=function(){return u`<a id="open-part" class="uui-text" tabindex="${this.disabled?x:"0"}" href="${k(this.disabled?void 0:this.href)}" target="${k(this.target||void 0)}" rel="${k(this.rel||k(this.target==="_blank"?"noopener noreferrer":void 0))}">${Xe(this,ke,Ho).call(this)}</a>`},gl=function(){return u`<button type="button" id="open-part" class="uui-text" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${Xe(this,ke,Ho).call(this)}</button>`},fl=function(){return this.readonly?u`${Xe(this,ke,Ho).call(this)}`:this.href?Xe(this,ke,vl).call(this):Xe(this,ke,gl).call(this)},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,g`:host{min-width:250px;padding:1px}#content{display:flex;align-items:center;justify-content:center;line-height:1.2em;padding:calc(var(--uui-size-2,6px))}#open-part{color:inherit;text-decoration:none;cursor:pointer;display:flex;flex-grow:1}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px);display:flex;align-items:center;justify-content:center}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#detail{opacity:.6}:host([selectable]) #open-part{flex-grow:0;padding:0;margin:calc(var(--uui-size-2,6px))}:host(:not([disabled])) #open-part:hover #name{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],bt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),bt([l({type:String})],n.UUIRefNodeElement.prototype,"rel",2),bt([U()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=bt([v("uui-ref-node")],n.UUIRefNodeElement);var Cm=Object.defineProperty,Sm=Object.getOwnPropertyDescriptor,yl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sm(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&&Cm(e,t,o),o};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],yl([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=yl([v("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var Pm=Object.defineProperty,Am=Object.getOwnPropertyDescriptor,wl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Am(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&&Pm(e,t,o),o};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],wl([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=wl([v("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var zm=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=zm([v("uui-ref-node-form")],n.UUIRefNodeFormElement);var Mm=Object.defineProperty,Om=Object.getOwnPropertyDescriptor,Ul=(i,e,t,r)=>{for(var o=r>1?void 0:r?Om(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&&Mm(e,t,o),o};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],Ul([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Ul([v("uui-ref-node-member")],n.UUIRefNodeMemberElement);var Lm=Object.defineProperty,Tm=Object.getOwnPropertyDescriptor,Pn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tm(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&&Lm(e,t,o),o};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],Pn([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Pn([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Pn([v("uui-ref-node-package")],n.UUIRefNodePackageElement);var Nm=Object.defineProperty,Bm=Object.getOwnPropertyDescriptor,_l=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bm(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&&Nm(e,t,o),o};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],_l([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=_l([v("uui-ref-node-user")],n.UUIRefNodeUserElement);var Dm=Object.defineProperty,Vm=Object.getOwnPropertyDescriptor,kl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vm(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&&Dm(e,t,o),o};n.UUIScrollContainerElement=class extends f{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[g`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,#c4c4c4) var(--uui-color-surface,#fff);overflow-y:auto}:host([enforce-scroll]){overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-color-surface,#fff);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-color-disabled-contrast,#c4c4c4);border-radius:3px}`],kl([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=kl([v("uui-scroll-container")],n.UUIScrollContainerElement);let Ro=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}};Ro.CHANGE="change";var jm=Object.defineProperty,Hm=Object.getOwnPropertyDescriptor,ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hm(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&&jm(e,t,o),o};n.UUISelectElement=class extends fe(f,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new Ro(Ro.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return u`<option value="${t}" ?selected="${r}" ?disabled="${o}">${e}</option>`}_renderGrouped(){return this._groups.length===0?x:u`${this._groups.map(e=>u`<optgroup label="${e}" ?disabled="${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}">${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}</optgroup>`)}`}_getDisplayValue(){return this.options.find(e=>e.value===this.value)?.name||this.value}render(){return this.readonly?u`<span>${this._getDisplayValue()}</span>`:u`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(e=>!e.group).map(e=>this._renderOption(e.name,e.value,e.selected,e.disabled))}</select>`}},n.UUISelectElement.styles=[g`:host{display:inline-block;position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,inherit);height:var(--uui-select-height,var(--uui-size-11,33px));padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:var(--uui-select-text-color,var(--uui-color-text,#060606));box-sizing:border-box;border-radius:var(--uui-border-radius,3px);border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease;width:100%;background-color:var(--uui-select-background-color,var(--uui-color-surface,#fff))}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-select-outline-color,var(--uui-color-focus,#3879ff))}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-color-disabled,#f3f3f5))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-color-selected,#3544b1));color:var(--uui-select-selected-option-color,var(--uui-color-selected-contrast,#fff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-color-invalid-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-invalid-standalone,#bf214e)}`],ve([l({type:String})],n.UUISelectElement.prototype,"label",2),ve([l()],n.UUISelectElement.prototype,"placeholder",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"readonly",2),ve([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ve([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ve([U()],n.UUISelectElement.prototype,"_groups",2),ve([l()],n.UUISelectElement.prototype,"disabledGroups",2),ve([U()],n.UUISelectElement.prototype,"_disabledGroups",2),ve([A("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=ve([v("uui-select")],n.UUISelectElement);const Rm=g`
|
|
732
732
|
input[type='range'] {
|
|
733
733
|
left: 0;
|
|
734
734
|
position: absolute;
|