@umbraco-ui/uui 1.6.1 → 1.6.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 CHANGED
@@ -2,21 +2,21 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const Ie=window,ho=Ie.ShadowRoot&&(Ie.ShadyCSS===void 0||Ie.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,po=Symbol(),rn=new WeakMap;let nn=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==po)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(ho&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=rn.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&rn.set(t,e))}return e}toString(){return this.cssText}};const Q=i=>new nn(typeof i=="string"?i:i+"",void 0,po),p=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((r,o,a)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[a+1],i[0]);return new nn(t,i,po)},ru=(i,e)=>{ho?i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const r=document.createElement("style"),o=Ie.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)})},an=ho?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return Q(t)})(i):i;/**
5
+ */const Ie=window,po=Ie.ShadowRoot&&(Ie.ShadyCSS===void 0||Ie.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,bo=Symbol(),nn=new WeakMap;let sn=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==bo)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(po&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=nn.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&nn.set(t,e))}return e}toString(){return this.cssText}};const xe=i=>new sn(typeof i=="string"?i:i+"",void 0,bo),p=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((r,o,s)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new sn(t,i,bo)},nu=(i,e)=>{po?i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const r=document.createElement("style"),o=Ie.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)})},an=po?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return xe(t)})(i):i;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */var bo;const li=window,sn=li.trustedTypes,nu=sn?sn.emptyScript:"",ln=li.reactiveElementPolyfillSupport,mo={toAttribute(i,e){switch(e){case Boolean:i=i?nu:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},un=(i,e)=>e!==i&&(e==e||i==i),vo={attribute:!0,type:String,converter:mo,reflect:!1,hasChanged:un},go="finalized";let et=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,r)=>{const o=this._$Ep(r,t);o!==void 0&&(this._$Ev.set(o,r),e.push(o))}),e}static createProperty(e,t=vo){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const r=typeof e=="symbol"?Symbol():"__"+e,o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Object.defineProperty(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const a=this[e];this[t]=o,this.requestUpdate(e,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||vo}static finalize(){if(this.hasOwnProperty(go))return!1;this[go]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,r=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of r)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const o of r)t.unshift(an(o))}else e!==void 0&&t.push(an(e));return t}static _$Ep(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,r;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)===null||r===void 0||r.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return ru(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostConnected)===null||r===void 0?void 0:r.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostDisconnected)===null||r===void 0?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EO(e,t,r=vo){var o;const a=this.constructor._$Ep(e,r);if(a!==void 0&&r.reflect===!0){const s=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:mo).toAttribute(t,r.type);this._$El=e,s==null?this.removeAttribute(a):this.setAttribute(a,s),this._$El=null}}_$AK(e,t){var r;const o=this.constructor,a=o._$Ev.get(e);if(a!==void 0&&this._$El!==a){const s=o.getPropertyOptions(a),h=typeof s.converter=="function"?{fromAttribute:s.converter}:((r=s.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?s.converter:mo;this._$El=a,this[a]=h.fromAttribute(t,s.type),this._$El=null}}requestUpdate(e,t,r){let o=!0;e!==void 0&&(((r=r||this.constructor.getPropertyOptions(e)).hasChanged||un)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,a)=>this[a]=o),this._$Ei=void 0);let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),(e=this._$ES)===null||e===void 0||e.forEach(o=>{var a;return(a=o.hostUpdate)===null||a===void 0?void 0:a.call(o)}),this.update(r)):this._$Ek()}catch(o){throw t=!1,this._$Ek(),o}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,r)=>this._$EO(r,this[r],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};et[go]=!0,et.elementProperties=new Map,et.elementStyles=[],et.shadowRootOptions={mode:"open"},ln?.({ReactiveElement:et}),((bo=li.reactiveElementVersions)!==null&&bo!==void 0?bo:li.reactiveElementVersions=[]).push("1.6.3");/**
9
+ */var mo;const li=window,ln=li.trustedTypes,su=ln?ln.emptyScript:"",un=li.reactiveElementPolyfillSupport,vo={toAttribute(i,e){switch(e){case Boolean:i=i?su:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},cn=(i,e)=>e!==i&&(e==e||i==i),go={attribute:!0,type:String,converter:vo,reflect:!1,hasChanged:cn},fo="finalized";let et=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,r)=>{const o=this._$Ep(r,t);o!==void 0&&(this._$Ev.set(o,r),e.push(o))}),e}static createProperty(e,t=go){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const r=typeof e=="symbol"?Symbol():"__"+e,o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Object.defineProperty(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const s=this[e];this[t]=o,this.requestUpdate(e,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||go}static finalize(){if(this.hasOwnProperty(fo))return!1;this[fo]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,r=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of r)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const o of r)t.unshift(an(o))}else e!==void 0&&t.push(an(e));return t}static _$Ep(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,r;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)===null||r===void 0||r.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return nu(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostConnected)===null||r===void 0?void 0:r.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var r;return(r=t.hostDisconnected)===null||r===void 0?void 0:r.call(t)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EO(e,t,r=go){var o;const s=this.constructor._$Ep(e,r);if(s!==void 0&&r.reflect===!0){const a=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:vo).toAttribute(t,r.type);this._$El=e,a==null?this.removeAttribute(s):this.setAttribute(s,a),this._$El=null}}_$AK(e,t){var r;const o=this.constructor,s=o._$Ev.get(e);if(s!==void 0&&this._$El!==s){const a=o.getPropertyOptions(s),d=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?a.converter:vo;this._$El=s,this[s]=d.fromAttribute(t,a.type),this._$El=null}}requestUpdate(e,t,r){let o=!0;e!==void 0&&(((r=r||this.constructor.getPropertyOptions(e)).hasChanged||cn)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,s)=>this[s]=o),this._$Ei=void 0);let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),(e=this._$ES)===null||e===void 0||e.forEach(o=>{var s;return(s=o.hostUpdate)===null||s===void 0?void 0:s.call(o)}),this.update(r)):this._$Ek()}catch(o){throw t=!1,this._$Ek(),o}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,r)=>this._$EO(r,this[r],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};et[fo]=!0,et.elementProperties=new Map,et.elementStyles=[],et.shadowRootOptions={mode:"open"},un?.({ReactiveElement:et}),((mo=li.reactiveElementVersions)!==null&&mo!==void 0?mo:li.reactiveElementVersions=[]).push("1.6.3");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */var fo;const ui=window,tt=ui.trustedTypes,cn=tt?tt.createPolicy("lit-html",{createHTML:i=>i}):void 0,ci="$lit$",be=`lit$${(Math.random()+"").slice(9)}$`,yo="?"+be,au=`<${yo}>`,je=document,jt=()=>je.createComment(""),Lt=i=>i===null||typeof i!="object"&&typeof i!="function",hn=Array.isArray,dn=i=>hn(i)||typeof i?.[Symbol.iterator]=="function",wo=`[
14
- \f\r]`,Tt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,pn=/-->/g,bn=/>/g,Le=RegExp(`>|${wo}(?:([^\\s"'>=/]+)(${wo}*=${wo}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),mn=/'/g,vn=/"/g,gn=/^(?:script|style|textarea|title)$/i,fn=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=fn(1),w=fn(2),R=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),yn=new WeakMap,Te=je.createTreeWalker(je,129,null,!1);function wn(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return cn!==void 0?cn.createHTML(e):e}const _n=(i,e)=>{const t=i.length-1,r=[];let o,a=e===2?"<svg>":"",s=Tt;for(let h=0;h<t;h++){const c=i[h];let d,v,f=-1,y=0;for(;y<c.length&&(s.lastIndex=y,v=s.exec(c),v!==null);)y=s.lastIndex,s===Tt?v[1]==="!--"?s=pn:v[1]!==void 0?s=bn:v[2]!==void 0?(gn.test(v[2])&&(o=RegExp("</"+v[2],"g")),s=Le):v[3]!==void 0&&(s=Le):s===Le?v[0]===">"?(s=o??Tt,f=-1):v[1]===void 0?f=-2:(f=s.lastIndex-v[2].length,d=v[1],s=v[3]===void 0?Le:v[3]==='"'?vn:mn):s===vn||s===mn?s=Le:s===pn||s===bn?s=Tt:(s=Le,o=void 0);const $=s===Le&&i[h+1].startsWith("/>")?" ":"";a+=s===Tt?c+au:f>=0?(r.push(d),c.slice(0,f)+ci+c.slice(f)+be+$):c+be+(f===-2?(r.push(void 0),h):$)}return[wn(i,a+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let _o=class iu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let a=0,s=0;const h=e.length-1,c=this.parts,[d,v]=_n(e,t);if(this.el=iu.createElement(d,r),Te.currentNode=this.el.content,t===2){const f=this.el.content,y=f.firstChild;y.remove(),f.append(...y.childNodes)}for(;(o=Te.nextNode())!==null&&c.length<h;){if(o.nodeType===1){if(o.hasAttributes()){const f=[];for(const y of o.getAttributeNames())if(y.endsWith(ci)||y.startsWith(be)){const $=v[s++];if(f.push(y),$!==void 0){const k=o.getAttribute($.toLowerCase()+ci).split(be),I=/([.?@])?(.*)/.exec($);c.push({type:1,index:a,name:I[2],strings:k,ctor:I[1]==="."?Un:I[1]==="?"?En:I[1]==="@"?kn:Nt})}else c.push({type:6,index:a})}for(const y of f)o.removeAttribute(y)}if(gn.test(o.tagName)){const f=o.textContent.split(be),y=f.length-1;if(y>0){o.textContent=tt?tt.emptyScript:"";for(let $=0;$<y;$++)o.append(f[$],jt()),Te.nextNode(),c.push({type:2,index:++a});o.append(f[y],jt())}}}else if(o.nodeType===8)if(o.data===yo)c.push({type:2,index:a});else{let f=-1;for(;(f=o.data.indexOf(be,f+1))!==-1;)c.push({type:7,index:a}),f+=be.length-1}a++}}static createElement(e,t){const r=je.createElement("template");return r.innerHTML=e,r}};function Ne(i,e,t=i,r){var o,a,s,h;if(e===R)return e;let c=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const d=Lt(e)?void 0:e._$litDirective$;return c?.constructor!==d&&((a=c?._$AO)===null||a===void 0||a.call(c,!1),d===void 0?c=void 0:(c=new d(i),c._$AT(i,t,r)),r!==void 0?((s=(h=t)._$Co)!==null&&s!==void 0?s:h._$Co=[])[r]=c:t._$Cl=c),c!==void 0&&(e=Ne(i,c._$AS(i,e.values),c,r)),e}let $n=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,a=((t=e?.creationScope)!==null&&t!==void 0?t:je).importNode(r,!0);Te.currentNode=a;let s=Te.nextNode(),h=0,c=0,d=o[0];for(;d!==void 0;){if(h===d.index){let v;d.type===2?v=new hi(s,s.nextSibling,this,e):d.type===1?v=new d.ctor(s,d.name,d.strings,this,e):d.type===6&&(v=new xn(s,this,e)),this._$AV.push(v),d=o[++c]}h!==d?.index&&(s=Te.nextNode(),h++)}return Te.currentNode=je,a}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},hi=class ou{constructor(e,t,r,o){var a;this.type=2,this._$AH=U,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(a=o?.isConnected)===null||a===void 0||a}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ne(this,e,t),Lt(e)?e===U||e==null||e===""?(this._$AH!==U&&this._$AR(),this._$AH=U):e!==this._$AH&&e!==R&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):dn(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==U&&Lt(this._$AH)?this._$AA.nextSibling.data=e:this.$(je.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,a=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=_o.createElement(wn(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===a)this._$AH.v(r);else{const s=new $n(a,this),h=s.u(this.options);s.v(r),this.$(h),this._$AH=s}}_$AC(e){let t=yn.get(e.strings);return t===void 0&&yn.set(e.strings,t=new _o(e)),t}T(e){hn(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const a of e)o===t.length?t.push(r=new ou(this.k(jt()),this.k(jt()),this,this.options)):r=t[o],r._$AI(a),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},Nt=class{constructor(e,t,r,o,a){this.type=1,this._$AH=U,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=a,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=U}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const a=this.strings;let s=!1;if(a===void 0)e=Ne(this,e,t,0),s=!Lt(e)||e!==this._$AH&&e!==R,s&&(this._$AH=e);else{const h=e;let c,d;for(e=a[0],c=0;c<a.length-1;c++)d=Ne(this,h[r+c],t,c),d===R&&(d=this._$AH[c]),s||(s=!Lt(d)||d!==this._$AH[c]),d===U?e=U:e!==U&&(e+=(d??"")+a[c+1]),this._$AH[c]=d}s&&!o&&this.j(e)}j(e){e===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Un=class extends Nt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===U?void 0:e}};const su=tt?tt.emptyScript:"";let En=class extends Nt{constructor(){super(...arguments),this.type=4}j(e){e&&e!==U?this.element.setAttribute(this.name,su):this.element.removeAttribute(this.name)}},kn=class extends Nt{constructor(e,t,r,o,a){super(e,t,r,o,a),this.type=5}_$AI(e,t=this){var r;if((e=(r=Ne(this,e,t,0))!==null&&r!==void 0?r:U)===R)return;const o=this._$AH,a=e===U&&o!==U||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==U&&(o===U||a);a&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},xn=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Ne(this,e)}};const lu={O:ci,P:be,A:yo,C:1,M:_n,L:$n,R:dn,D:Ne,I:hi,V:Nt,H:En,N:kn,U:Un,F:xn},In=ui.litHtmlPolyfillSupport;In?.(_o,hi),((fo=ui.litHtmlVersions)!==null&&fo!==void 0?fo:ui.litHtmlVersions=[]).push("2.8.0");const uu=(i,e,t)=>{var r,o;const a=(r=t?.renderBefore)!==null&&r!==void 0?r:e;let s=a._$litPart$;if(s===void 0){const h=(o=t?.renderBefore)!==null&&o!==void 0?o:null;a._$litPart$=s=new hi(e.insertBefore(jt(),h),h,void 0,t??{})}return s._$AI(i),s};/**
13
+ */var yo;const ui=window,tt=ui.trustedTypes,dn=tt?tt.createPolicy("lit-html",{createHTML:i=>i}):void 0,ci="$lit$",pe=`lit$${(Math.random()+"").slice(9)}$`,wo="?"+pe,au=`<${wo}>`,je=document,jt=()=>je.createComment(""),Lt=i=>i===null||typeof i!="object"&&typeof i!="function",hn=Array.isArray,pn=i=>hn(i)||typeof i?.[Symbol.iterator]=="function",_o=`[
14
+ \f\r]`,Tt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,bn=/-->/g,mn=/>/g,Le=RegExp(`>|${_o}(?:([^\\s"'>=/]+)(${_o}*=${_o}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),vn=/'/g,gn=/"/g,fn=/^(?:script|style|textarea|title)$/i,yn=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=yn(1),w=yn(2),R=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),wn=new WeakMap,Te=je.createTreeWalker(je,129,null,!1);function _n(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return dn!==void 0?dn.createHTML(e):e}const $n=(i,e)=>{const t=i.length-1,r=[];let o,s=e===2?"<svg>":"",a=Tt;for(let d=0;d<t;d++){const c=i[d];let h,v,f=-1,y=0;for(;y<c.length&&(a.lastIndex=y,v=a.exec(c),v!==null);)y=a.lastIndex,a===Tt?v[1]==="!--"?a=bn:v[1]!==void 0?a=mn:v[2]!==void 0?(fn.test(v[2])&&(o=RegExp("</"+v[2],"g")),a=Le):v[3]!==void 0&&(a=Le):a===Le?v[0]===">"?(a=o??Tt,f=-1):v[1]===void 0?f=-2:(f=a.lastIndex-v[2].length,h=v[1],a=v[3]===void 0?Le:v[3]==='"'?gn:vn):a===gn||a===vn?a=Le:a===bn||a===mn?a=Tt:(a=Le,o=void 0);const $=a===Le&&i[d+1].startsWith("/>")?" ":"";s+=a===Tt?c+au:f>=0?(r.push(h),c.slice(0,f)+ci+c.slice(f)+pe+$):c+pe+(f===-2?(r.push(void 0),d):$)}return[_n(i,s+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let $o=class ou{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let s=0,a=0;const d=e.length-1,c=this.parts,[h,v]=$n(e,t);if(this.el=ou.createElement(h,r),Te.currentNode=this.el.content,t===2){const f=this.el.content,y=f.firstChild;y.remove(),f.append(...y.childNodes)}for(;(o=Te.nextNode())!==null&&c.length<d;){if(o.nodeType===1){if(o.hasAttributes()){const f=[];for(const y of o.getAttributeNames())if(y.endsWith(ci)||y.startsWith(pe)){const $=v[a++];if(f.push(y),$!==void 0){const k=o.getAttribute($.toLowerCase()+ci).split(pe),x=/([.?@])?(.*)/.exec($);c.push({type:1,index:s,name:x[2],strings:k,ctor:x[1]==="."?En:x[1]==="?"?kn:x[1]==="@"?In:Nt})}else c.push({type:6,index:s})}for(const y of f)o.removeAttribute(y)}if(fn.test(o.tagName)){const f=o.textContent.split(pe),y=f.length-1;if(y>0){o.textContent=tt?tt.emptyScript:"";for(let $=0;$<y;$++)o.append(f[$],jt()),Te.nextNode(),c.push({type:2,index:++s});o.append(f[y],jt())}}}else if(o.nodeType===8)if(o.data===wo)c.push({type:2,index:s});else{let f=-1;for(;(f=o.data.indexOf(pe,f+1))!==-1;)c.push({type:7,index:s}),f+=pe.length-1}s++}}static createElement(e,t){const r=je.createElement("template");return r.innerHTML=e,r}};function Ne(i,e,t=i,r){var o,s,a,d;if(e===R)return e;let c=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const h=Lt(e)?void 0:e._$litDirective$;return c?.constructor!==h&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),h===void 0?c=void 0:(c=new h(i),c._$AT(i,t,r)),r!==void 0?((a=(d=t)._$Co)!==null&&a!==void 0?a:d._$Co=[])[r]=c:t._$Cl=c),c!==void 0&&(e=Ne(i,c._$AS(i,e.values),c,r)),e}let Un=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:je).importNode(r,!0);Te.currentNode=s;let a=Te.nextNode(),d=0,c=0,h=o[0];for(;h!==void 0;){if(d===h.index){let v;h.type===2?v=new di(a,a.nextSibling,this,e):h.type===1?v=new h.ctor(a,h.name,h.strings,this,e):h.type===6&&(v=new xn(a,this,e)),this._$AV.push(v),h=o[++c]}d!==h?.index&&(a=Te.nextNode(),d++)}return Te.currentNode=je,s}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},di=class ru{constructor(e,t,r,o){var s;this.type=2,this._$AH=U,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(s=o?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ne(this,e,t),Lt(e)?e===U||e==null||e===""?(this._$AH!==U&&this._$AR(),this._$AH=U):e!==this._$AH&&e!==R&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):pn(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==U&&Lt(this._$AH)?this._$AA.nextSibling.data=e:this.$(je.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,s=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=$o.createElement(_n(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.v(r);else{const a=new Un(s,this),d=a.u(this.options);a.v(r),this.$(d),this._$AH=a}}_$AC(e){let t=wn.get(e.strings);return t===void 0&&wn.set(e.strings,t=new $o(e)),t}T(e){hn(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const s of e)o===t.length?t.push(r=new ru(this.k(jt()),this.k(jt()),this,this.options)):r=t[o],r._$AI(s),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},Nt=class{constructor(e,t,r,o,s){this.type=1,this._$AH=U,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=s,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=U}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const s=this.strings;let a=!1;if(s===void 0)e=Ne(this,e,t,0),a=!Lt(e)||e!==this._$AH&&e!==R,a&&(this._$AH=e);else{const d=e;let c,h;for(e=s[0],c=0;c<s.length-1;c++)h=Ne(this,d[r+c],t,c),h===R&&(h=this._$AH[c]),a||(a=!Lt(h)||h!==this._$AH[c]),h===U?e=U:e!==U&&(e+=(h??"")+s[c+1]),this._$AH[c]=h}a&&!o&&this.j(e)}j(e){e===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},En=class extends Nt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===U?void 0:e}};const lu=tt?tt.emptyScript:"";let kn=class extends Nt{constructor(){super(...arguments),this.type=4}j(e){e&&e!==U?this.element.setAttribute(this.name,lu):this.element.removeAttribute(this.name)}},In=class extends Nt{constructor(e,t,r,o,s){super(e,t,r,o,s),this.type=5}_$AI(e,t=this){var r;if((e=(r=Ne(this,e,t,0))!==null&&r!==void 0?r:U)===R)return;const o=this._$AH,s=e===U&&o!==U||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==U&&(o===U||s);s&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},xn=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Ne(this,e)}};const uu={O:ci,P:pe,A:wo,C:1,M:$n,L:Un,R:pn,D:Ne,I:di,V:Nt,H:kn,N:In,U:En,F:xn},Cn=ui.litHtmlPolyfillSupport;Cn?.($o,di),((yo=ui.litHtmlVersions)!==null&&yo!==void 0?yo:ui.litHtmlVersions=[]).push("2.8.0");const cu=(i,e,t)=>{var r,o;const s=(r=t?.renderBefore)!==null&&r!==void 0?r:e;let a=s._$litPart$;if(a===void 0){const d=(o=t?.renderBefore)!==null&&o!==void 0?o:null;s._$litPart$=a=new di(e.insertBefore(jt(),d),d,void 0,t??{})}return a._$AI(i),a};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */var $o,Uo;let m=class extends et{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=uu(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return R}};m.finalized=!0,m._$litElement$=!0,($o=globalThis.litElementHydrateSupport)===null||$o===void 0||$o.call(globalThis,{LitElement:m});const Cn=globalThis.litElementPolyfillSupport;Cn?.({LitElement:m}),((Uo=globalThis.litElementVersions)!==null&&Uo!==void 0?Uo:globalThis.litElementVersions=[]).push("3.3.3");var cu=`.uui-text {
19
+ */var Uo,Eo;let m=class extends et{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=cu(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return R}};m.finalized=!0,m._$litElement$=!0,(Uo=globalThis.litElementHydrateSupport)===null||Uo===void 0||Uo.call(globalThis,{LitElement:m});const Sn=globalThis.litElementPolyfillSupport;Sn?.({LitElement:m}),((Eo=globalThis.litElementVersions)!==null&&Eo!==void 0?Eo:globalThis.litElementVersions=[]).push("3.3.3");var du=`.uui-text {
20
20
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
21
21
  font-size: 15px;
22
22
  line-height: calc(var(--uui-size-2,6px) * 4);
@@ -184,11 +184,11 @@
184
184
  margin-top: var(--uui-size-layout-1,24px);
185
185
  margin-bottom: var(--uui-size-layout-1,24px);
186
186
  }
187
- `;const hu=Q(cu);/**
187
+ `;const hi=xe(du);/**
188
188
  * @license
189
189
  * Copyright 2017 Google LLC
190
190
  * SPDX-License-Identifier: BSD-3-Clause
191
- */const du=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}},pu=(i,e,t)=>{e.constructor.createProperty(t,i)};function l(i){return(e,t)=>t!==void 0?pu(i,e,t):du(i,e)}/**
191
+ */const hu=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}},pu=(i,e,t)=>{e.constructor.createProperty(t,i)};function l(i){return(e,t)=>t!==void 0?pu(i,e,t):hu(i,e)}/**
192
192
  * @license
193
193
  * Copyright 2017 Google LLC
194
194
  * SPDX-License-Identifier: BSD-3-Clause
@@ -196,192 +196,24 @@
196
196
  * @license
197
197
  * Copyright 2017 Google LLC
198
198
  * SPDX-License-Identifier: BSD-3-Clause
199
- */const Eo=({finisher:i,descriptor:e})=>(t,r)=>{var o;if(r===void 0){const a=(o=t.originalKey)!==null&&o!==void 0?o:t.key,s=e!=null?{kind:"method",placement:"prototype",key:a,descriptor:e(t.key)}:{...t,key:a};return i!=null&&(s.finisher=function(h){i(h,a)}),s}{const a=t.constructor;e!==void 0&&Object.defineProperty(t,r,e(r)),i?.(a,r)}};/**
199
+ */const ko=({finisher:i,descriptor:e})=>(t,r)=>{var o;if(r===void 0){const s=(o=t.originalKey)!==null&&o!==void 0?o:t.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(t.key)}:{...t,key:s};return i!=null&&(a.finisher=function(d){i(d,s)}),a}{const s=t.constructor;e!==void 0&&Object.defineProperty(t,r,e(r)),i?.(s,r)}};/**
200
200
  * @license
201
201
  * Copyright 2017 Google LLC
202
202
  * SPDX-License-Identifier: BSD-3-Clause
203
- */function S(i,e){return Eo({descriptor:t=>{const r={get(){var o,a;return(a=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&a!==void 0?a:null},enumerable:!0,configurable:!0};if(e){const o=typeof t=="symbol"?Symbol():"__"+t;r.get=function(){var a,s;return this[o]===void 0&&(this[o]=(s=(a=this.renderRoot)===null||a===void 0?void 0:a.querySelector(i))!==null&&s!==void 0?s:null),this[o]}}return r}})}/**
203
+ */function S(i,e){return ko({descriptor:t=>{const r={get(){var o,s;return(s=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const o=typeof t=="symbol"?Symbol():"__"+t;r.get=function(){var s,a;return this[o]===void 0&&(this[o]=(a=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(i))!==null&&a!==void 0?a:null),this[o]}}return r}})}/**
204
204
  * @license
205
205
  * Copyright 2017 Google LLC
206
206
  * SPDX-License-Identifier: BSD-3-Clause
207
- */function bu(i){return Eo({descriptor:e=>({get(){var t,r;return(r=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&r!==void 0?r:[]},enumerable:!0,configurable:!0})})}/**
207
+ */function bu(i){return ko({descriptor:e=>({get(){var t,r;return(r=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&r!==void 0?r:[]},enumerable:!0,configurable:!0})})}/**
208
208
  * @license
209
209
  * Copyright 2021 Google LLC
210
210
  * SPDX-License-Identifier: BSD-3-Clause
211
- */var ko;const mu=((ko=window.HTMLSlotElement)===null||ko===void 0?void 0:ko.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);function Ce(i){const{slot:e,selector:t}=i??{};return Eo({descriptor:r=>({get(){var o;const a="slot"+(e?`[name=${e}]`:":not([name])"),s=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(a),h=s!=null?mu(s,i):[];return t?h.filter(c=>c.matches(t)):h},enumerable:!0,configurable:!0})})}const vu=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,gu=Q("uui-blink 0.9s infinite both"),fu=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,yu=Q("pulse 0.8s ease-in-out infinite both"),wu=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,_u=Q("uui-horizontal-shake 600ms ease backwards");var $u=Object.defineProperty,Sn=Object.getOwnPropertySymbols,Uu=Object.prototype.hasOwnProperty,Eu=Object.prototype.propertyIsEnumerable,Pn=(i,e,t)=>e in i?$u(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ku=(i,e)=>{for(var t in e||(e={}))Uu.call(e,t)&&Pn(i,t,e[t]);if(Sn)for(var t of Sn(e))Eu.call(e,t)&&Pn(i,t,e[t]);return i};let xo=class extends Event{constructor(e,t={}){super(e,ku({},t)),this.detail=t.detail||{}}};var xu=Object.defineProperty,On=Object.getOwnPropertySymbols,Iu=Object.prototype.hasOwnProperty,Cu=Object.prototype.propertyIsEnumerable,zn=(i,e,t)=>e in i?xu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,An=(i,e)=>{for(var t in e||(e={}))Iu.call(e,t)&&zn(i,t,e[t]);if(On)for(var t of On(e))Cu.call(e,t)&&zn(i,t,e[t]);return i};let Me=class extends xo{constructor(e,t={}){super(e,An(An({},{bubbles:!0}),t))}};Me.VALID="valid",Me.INVALID="invalid";var Su=Object.defineProperty,jn=Object.getOwnPropertySymbols,Pu=Object.prototype.hasOwnProperty,Ou=Object.prototype.propertyIsEnumerable,Ln=(i,e,t)=>e in i?Su(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Tn=(i,e)=>{for(var t in e||(e={}))Pu.call(e,t)&&Ln(i,t,e[t]);if(jn)for(var t of jn(e))Ou.call(e,t)&&Ln(i,t,e[t]);return i};let De=class extends xo{constructor(e,t={}){super(e,Tn(Tn({},{bubbles:!0,cancelable:!0}),t))}};De.SELECTED="selected",De.DESELECTED="deselected";var zu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,ju=(i,e,t,r)=>{for(var o=r>1?void 0:r?Au(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&zu(e,t,o),o};const Lu=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return ju([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var Tu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,Nn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Tu(e,t,o),o};const Mu=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Nn([l({type:String})],t.prototype,"label",2),Nn([g()],t.prototype,"_labelSlotHasContent",2),t};var Du=Object.defineProperty,Bu=Object.getOwnPropertyDescriptor,Mn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Du(e,t,o),o};const Vu=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=o=>{if(this.selectableTarget===this){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;this._selectable=r,this.selectableTarget||this.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o)}_select(){if(!this.selectable)return;const r=new De(De.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new De(De.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}_handleClick(r){r.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Mn([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Mn([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Hu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,Fu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ru(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Hu(e,t,o),o};const Gu=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Fu([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var qu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Be=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&qu(e,t,o),o};const Ku=i=>{class e extends i{constructor(...r){super(...r),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(r){const o=this._value;this._value=r,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",o)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(r,o,a){const s={flagKey:r,getMessageMethod:o,checkMethod:a};return this._validators.push(s),s}removeValidator(r){const o=this._validators.indexOf(r);o!==-1&&this._validators.splice(o,1)}addFormControlElement(r){this._formCtrlElements.push(r)}setCustomValidity(r){this._customValidityObject&&this.removeValidator(this._customValidityObject),r!=null&&r!==""&&(this._customValidityObject=this.addValidator("customError",()=>r,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(o=>{for(const a in o.validity)a!=="valid"&&o.validity[a]&&(this._validityState[a]=!0,this._internals.setValidity(this._validityState,o.validationMessage,o))}),this._validators.forEach(o=>{o.checkMethod()&&(this._validityState[o.flagKey]=!0,this._internals.setValidity(this._validityState,o.getMessageMethod(),this.getFormElement()))});const r=Object.values(this._validityState).includes(!0);this._validityState.valid=!r,r?this.dispatchEvent(new Me(Me.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Me(Me.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){var r;(r=this._form)==null||r.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var r;for(const o in this._formCtrlElements)if(this._formCtrlElements[o].checkValidity()===!1)return!1;return(r=this._internals)==null?void 0:r.checkValidity()}get validity(){return this._validityState}get validationMessage(){var r;return(r=this._internals)==null?void 0:r.validationMessage}}return e.formAssociated=!0,Be([l({type:String})],e.prototype,"name",2),Be([l()],e.prototype,"value",1),Be([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Be([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Be([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Be([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Be([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};let Xu=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 Yu=(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)},Zu=(i,e)=>{function t(o){const a=i.getBoundingClientRect(),s=i.ownerDocument.defaultView,h=a.left+s.scrollX,c=a.top+s.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const v=d.pageX-h,f=d.pageY-c;e!=null&&e.onMove&&e.onMove(v,f)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e!=null&&e.initialEvent&&t(e.initialEvent)},Qu=(i,e,t)=>Math.min(Math.max(i,e),t),Ju=(i,e,t)=>t+e-i,ec=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},Dn=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,a=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(a)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function tc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var ic=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,rc=(i,e,t,r)=>{for(var o=r>1?void 0:r?oc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&ic(e,t,o),o},Bn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Vn=(i,e,t)=>(Bn(i,e,"read from private field"),t?t.call(i):e.get(i)),Hn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},nc=(i,e,t,r)=>(Bn(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t);const ac=i=>{var e,t;class r extends i{constructor(...a){super(...a),Hn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const s=Dn(this,"id",this.popoverContainerElement);s&&(Vn(this,e)?s.hidePopover():s.showPopover())},Hn(this,t,s=>{requestAnimationFrame(()=>{nc(this,e,s.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Vn(this,t))}}return e=new WeakMap,t=new WeakMap,rc([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};function sc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const lc=["default","primary","secondary","outline","placeholder"],uc=["default","positive","warning","danger"],cc=["h1","h2","h3","h4","h5","h6"];function b(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,pc=(i,e,t,r)=>{for(var o=r>1?void 0:r?dc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&hc(e,t,o),o};n.UUIButtonGroupElement=class extends m{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[p`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],n.UUIButtonGroupElement=pc([b("uui-button-group")],n.UUIButtonGroupElement);var bc=Object.defineProperty,mc=Object.getOwnPropertyDescriptor,vc=(i,e,t,r)=>{for(var o=r>1?void 0:r?mc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&bc(e,t,o),o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,p`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],n.UUIActionBarElement=vc([b("uui-action-bar")],n.UUIActionBarElement);var gc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,di=(i,e,t,r)=>{for(var o=r>1?void 0:r?fc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&gc(e,t,o),o};n.UUIAvatarGroupElement=class extends m{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[p`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],di([Ce({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),di([g()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),di([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=di([b("uui-avatar-group")],n.UUIAvatarGroupElement);var yc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,it=(i,e,t,r)=>{for(var o=r>1?void 0:r?wc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&yc(e,t,o),o};n.UUIAvatarElement=class extends m{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.initials=this.createInitials(this._name),this.requestUpdate("title",t)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=e.match(/(\w+)/g);return r!=null&&r.length?(t=r[0].substring(0,1),r.length>1&&(t+=r[r.length-1].substring(0,1)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}},n.UUIAvatarElement.styles=[p`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-palette-spanish-pink,#f5c1bc);color:var(--uui-palette-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],it([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),it([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),it([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),it([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",1),it([g()],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=it([b("uui-avatar")],n.UUIAvatarElement);var _c=Object.defineProperty,$c=Object.getOwnPropertyDescriptor,pi=(i,e,t,r)=>{for(var o=r>1?void 0:r?$c(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&_c(e,t,o),o};n.UUIBadgeElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[p`:host{position:var(--uui-badge-position,absolute);display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);inset:var(--uui-badge-inset,-8px -8px auto auto);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-radius:var(--uui-size-4,12px);border:1px solid transparent}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}::slotted(uui-icon){margin-left:-.2em;margin-right:-.2em}@keyframes --uui-badge-bounce{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}55%{transform:translateY(-3px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}:host([attention]){animation-duration:1.4s;animation-iteration-count:infinite;animation-name:--uui-badge-bounce;animation-timing-function:ease}@media (prefers-reduced-motion){:host([attention]){animation:none}}`],pi([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),pi([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),pi([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=pi([b("uui-badge")],n.UUIBadgeElement);var Uc=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,kc=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ec(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Uc(e,t,o),o};const Mt=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return kc([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var xc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,Rn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ic(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&xc(e,t,o),o};const ie=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Rn([l({type:String})],t.prototype,"label",2),Rn([g()],t.prototype,"_labelSlotHasContent",2),t};var Cc=Object.defineProperty,Fn=Object.getOwnPropertySymbols,Sc=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,Gn=(i,e,t)=>e in i?Cc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Oc=(i,e)=>{for(var t in e||(e={}))Sc.call(e,t)&&Gn(i,t,e[t]);if(Fn)for(var t of Fn(e))Pc.call(e,t)&&Gn(i,t,e[t]);return i};let zc=class extends Event{constructor(e,t={}){super(e,Oc({},t)),this.detail=t.detail||{}}};var Ac=Object.defineProperty,qn=Object.getOwnPropertySymbols,jc=Object.prototype.hasOwnProperty,Lc=Object.prototype.propertyIsEnumerable,Wn=(i,e,t)=>e in i?Ac(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Kn=(i,e)=>{for(var t in e||(e={}))jc.call(e,t)&&Wn(i,t,e[t]);if(qn)for(var t of qn(e))Lc.call(e,t)&&Wn(i,t,e[t]);return i};let ot=class extends zc{constructor(e,t={}){super(e,Kn(Kn({},{bubbles:!0,cancelable:!0}),t))}};ot.SELECTED="selected",ot.DESELECTED="deselected";var Tc=Object.defineProperty,Nc=Object.getOwnPropertyDescriptor,Xn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Tc(e,t,o),o};const rt=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=o=>{if(this.selectableTarget===this){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;this._selectable=r,this.selectableTarget||this.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o)}_select(){if(!this.selectable)return;const r=new ot(ot.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new ot(ot.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}_handleClick(r){r.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Xn([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Xn([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Mc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,Bc=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Mc(e,t,o),o};const bi=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Bc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Vc=Object.defineProperty,Yn=Object.getOwnPropertySymbols,Hc=Object.prototype.hasOwnProperty,Rc=Object.prototype.propertyIsEnumerable,Zn=(i,e,t)=>e in i?Vc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Fc=(i,e)=>{for(var t in e||(e={}))Hc.call(e,t)&&Zn(i,t,e[t]);if(Yn)for(var t of Yn(e))Rc.call(e,t)&&Zn(i,t,e[t]);return i};let Qn=class extends Event{constructor(e,t={}){super(e,Fc({},t)),this.detail=t.detail||{}}};var Gc=Object.defineProperty,Jn=Object.getOwnPropertySymbols,qc=Object.prototype.hasOwnProperty,Wc=Object.prototype.propertyIsEnumerable,ea=(i,e,t)=>e in i?Gc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ta=(i,e)=>{for(var t in e||(e={}))qc.call(e,t)&&ea(i,t,e[t]);if(Jn)for(var t of Jn(e))Wc.call(e,t)&&ea(i,t,e[t]);return i};let nt=class extends Qn{constructor(e,t={}){super(e,ta(ta({},{bubbles:!0}),t))}};nt.VALID="valid",nt.INVALID="invalid";var Kc=Object.defineProperty,ia=Object.getOwnPropertySymbols,Xc=Object.prototype.hasOwnProperty,Yc=Object.prototype.propertyIsEnumerable,oa=(i,e,t)=>e in i?Kc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ra=(i,e)=>{for(var t in e||(e={}))Xc.call(e,t)&&oa(i,t,e[t]);if(ia)for(var t of ia(e))Yc.call(e,t)&&oa(i,t,e[t]);return i};let na=class extends Qn{constructor(e,t={}){super(e,ra(ra({},{bubbles:!0,cancelable:!0}),t))}};na.SELECTED="selected",na.DESELECTED="deselected";var Zc=Object.defineProperty,Qc=Object.getOwnPropertyDescriptor,Ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Zc(e,t,o),o};const oe=i=>{class e extends i{constructor(...r){super(...r),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(r){const o=this._value;this._value=r,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",o)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(r,o,a){const s={flagKey:r,getMessageMethod:o,checkMethod:a};return this._validators.push(s),s}removeValidator(r){const o=this._validators.indexOf(r);o!==-1&&this._validators.splice(o,1)}addFormControlElement(r){this._formCtrlElements.push(r)}setCustomValidity(r){this._customValidityObject&&this.removeValidator(this._customValidityObject),r!=null&&r!==""&&(this._customValidityObject=this.addValidator("customError",()=>r,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(o=>{for(const a in o.validity)a!=="valid"&&o.validity[a]&&(this._validityState[a]=!0,this._internals.setValidity(this._validityState,o.validationMessage,o))}),this._validators.forEach(o=>{o.checkMethod()&&(this._validityState[o.flagKey]=!0,this._internals.setValidity(this._validityState,o.getMessageMethod(),this.getFormElement()))});const r=Object.values(this._validityState).includes(!0);this._validityState.valid=!r,r?this.dispatchEvent(new nt(nt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new nt(nt.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){var r;(r=this._form)==null||r.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var r;for(const o in this._formCtrlElements)if(this._formCtrlElements[o].checkValidity()===!1)return!1;return(r=this._internals)==null?void 0:r.checkValidity()}get validity(){return this._validityState}get validationMessage(){var r;return(r=this._internals)==null?void 0:r.validationMessage}}return e.formAssociated=!0,Ve([l({type:String})],e.prototype,"name",2),Ve([l()],e.prototype,"value",1),Ve([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Ve([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Ve([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Ve([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Ve([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e},Jc=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,a=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(a)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,ih=(i,e,t,r)=>{for(var o=r>1?void 0:r?th(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&eh(e,t,o),o},aa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},sa=(i,e,t)=>(aa(i,e,"read from private field"),t?t.call(i):e.get(i)),la=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},oh=(i,e,t,r)=>(aa(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t);const rh=i=>{var e,t;class r extends i{constructor(...a){super(...a),la(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const s=Jc(this,"id",this.popoverContainerElement);s&&(sa(this,e)?s.hidePopover():s.showPopover())},la(this,t,s=>{requestAnimationFrame(()=>{oh(this,e,s.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",sa(this,t))}}return e=new WeakMap,t=new WeakMap,ih([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};var nh=Object.defineProperty,ua=Object.getOwnPropertySymbols,ah=Object.prototype.hasOwnProperty,sh=Object.prototype.propertyIsEnumerable,ca=(i,e,t)=>e in i?nh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,lh=(i,e)=>{for(var t in e||(e={}))ah.call(e,t)&&ca(i,t,e[t]);if(ua)for(var t of ua(e))sh.call(e,t)&&ca(i,t,e[t]);return i};let P=class extends Event{constructor(e,t={}){super(e,lh({},t)),this.detail=t.detail||{}}};var uh=Object.defineProperty,ha=Object.getOwnPropertySymbols,ch=Object.prototype.hasOwnProperty,hh=Object.prototype.propertyIsEnumerable,da=(i,e,t)=>e in i?uh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,pa=(i,e)=>{for(var t in e||(e={}))ch.call(e,t)&&da(i,t,e[t]);if(ha)for(var t of ha(e))hh.call(e,t)&&da(i,t,e[t]);return i};let at=class extends P{constructor(e,t={}){super(e,pa(pa({},{bubbles:!0}),t))}};at.VALID="valid",at.INVALID="invalid";var dh=Object.defineProperty,ba=Object.getOwnPropertySymbols,ph=Object.prototype.hasOwnProperty,bh=Object.prototype.propertyIsEnumerable,ma=(i,e,t)=>e in i?dh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,va=(i,e)=>{for(var t in e||(e={}))ph.call(e,t)&&ma(i,t,e[t]);if(ba)for(var t of ba(e))bh.call(e,t)&&ma(i,t,e[t]);return i};let Se=class extends P{constructor(e,t={}){super(e,va(va({},{bubbles:!0,cancelable:!0}),t))}};Se.SELECTED="selected",Se.DESELECTED="deselected";var mh=Object.defineProperty,ga=Object.getOwnPropertySymbols,vh=Object.prototype.hasOwnProperty,gh=Object.prototype.propertyIsEnumerable,fa=(i,e,t)=>e in i?mh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ya=(i,e)=>{for(var t in e||(e={}))vh.call(e,t)&&fa(i,t,e[t]);if(ga)for(var t of ga(e))gh.call(e,t)&&fa(i,t,e[t]);return i};let mi=class extends P{constructor(e,t={}){super(e,ya(ya({},{bubbles:!0}),t))}};mi.CHANGE="change";var fh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,vi=(i,e,t,r)=>{for(var o=r>1?void 0:r?yh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&fh(e,t,o),o};let re=class extends oe(ie("",m)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var t;super.firstUpdated(e);const r=(t=this.shadowRoot)==null?void 0:t.querySelector("label");let o=!1;this._input.addEventListener("blur",()=>{o===!1&&this.style.setProperty("--uui-show-focus-outline","1"),o=!1}),r.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),o=!0}),r.addEventListener("mouseup",()=>{o=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new mi(mi.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};re.styles=[p`:host{display:inline-block}label{cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0;margin-top:-4px}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],vi([l({type:String,attribute:"label-position",reflect:!0})],re.prototype,"labelPosition",2),vi([l({type:Boolean})],re.prototype,"checked",1),vi([l({type:Boolean,reflect:!0})],re.prototype,"disabled",2),vi([S("#input")],re.prototype,"_input",2);var wh=`.uui-text {
212
- font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
213
- font-size: 15px;
214
- line-height: calc(var(--uui-size-2,6px) * 4);
215
- -webkit-font-smoothing: antialiased;
216
- }
217
-
218
- .uui-text h1,
219
- .uui-text .uui-h1 {
220
- font-size: var(--uui-type-h1-size,60px);
221
- line-height: var(--uui-size-layout-4,66px);
222
- font-weight: 300;
223
- margin-left: -5px;
224
- margin-top: var(--uui-size-layout-1,24px);
225
- margin-bottom: var(--uui-size-layout-1,24px);
226
- }
227
- .uui-text p + h1,
228
- .uui-text p + .uui-h1 {
229
- margin-top: var(--uui-size-layout-4,66px);
230
- }
231
- .uui-text h1.--no-top-margin,
232
- .uui-text h1:first-child,
233
- .uui-text .uui-h1.--no-top-margin,
234
- .uui-text .uui-h1:first-child {
235
- margin-top: 0;
236
- }
237
-
238
- .uui-text h2,
239
- .uui-text .uui-h2 {
240
- font-size: var(--uui-type-h2-size,42px);
241
- line-height: var(--uui-size-layout-3,42px);
242
- font-weight: 300;
243
- margin-left: -3px;
244
- margin-top: var(--uui-size-layout-1,24px);
245
- margin-bottom: var(--uui-size-layout-1,24px);
246
- }
247
- .uui-text p + h2,
248
- .uui-text p + .uui-h2 {
249
- margin-top: var(--uui-size-layout-3,42px);
250
- }
251
- .uui-text h2.--no-top-margin,
252
- .uui-text h2:first-child,
253
- .uui-text .uui-h2.--no-top-margin,
254
- .uui-text .uui-h2:first-child {
255
- margin-top: 0;
256
- }
257
-
258
- .uui-text h3,
259
- .uui-text .uui-h3 {
260
- font-size: var(--uui-type-h3-size,30px);
261
- line-height: var(--uui-size-large);
262
- font-weight: 300;
263
- margin-left: -2px;
264
- margin-top: var(--uui-size-layout-1,24px);
265
- margin-bottom: var(--uui-size-layout-1,24px);
266
- }
267
- .uui-text h3.--no-top-margin,
268
- .uui-text h3:first-child,
269
- .uui-text .uui-h3.--no-top-margin,
270
- .uui-text .uui-h3:first-child {
271
- margin-top: 0;
272
- }
273
-
274
- .uui-text h4,
275
- .uui-text .uui-h4 {
276
- font-size: var(--uui-type-h4-size,21px);
277
- line-height: 21px;
278
- font-weight: 400;
279
- margin-left: -1px;
280
- margin-top: var(--uui-size-layout-1,24px);
281
- margin-bottom: var(--uui-size-layout-1,24px);
282
- }
283
- .uui-text h4.--no-top-margin,
284
- .uui-text h4:first-child,
285
- .uui-text .uui-h4.--no-top-margin,
286
- .uui-text .uui-h4:first-child {
287
- margin-top: 0;
288
- }
289
-
290
- .uui-text h5,
291
- .uui-text .uui-h5 {
292
- font-size: var(--uui-type-h5-size,15px);
293
- line-height: inherit;
294
- font-weight: 700;
295
- margin-left: 0;
296
- margin-top: var(--uui-size-layout-1,24px);
297
- margin-bottom: 0;
298
- }
299
-
300
- .uui-text h5.--no-top-margin,
301
- .uui-text h5:first-child,
302
- .uui-text .uui-h5.--no-top-margin,
303
- .uui-text .uui-h5:first-child {
304
- margin-top: 0;
305
- }
306
-
307
- .uui-text p {
308
- margin-top: var(--uui-size-layout-1,24px);
309
- margin-bottom: var(--uui-size-layout-1,24px);
310
- }
311
- .uui-text p.uui-lead {
312
- font-size: var(--uui-size-6,18px);
313
- }
314
-
315
- .uui-text a {
316
- color: var(--uui-color-interactive,#1b264f);
317
- }
318
-
319
- .uui-text a:link,
320
- .uui-text a:active {
321
- color: var(--uui-color-interactive,#1b264f);
322
- }
323
- .uui-text a:hover {
324
- color: var(--uui-color-interactive-emphasis,#3544b1);
325
- }
326
-
327
- .uui-text small {
328
- display: inline-block;
329
- font-size: var(--uui-type-small-size,12px);
330
- line-height: calc(var(--uui-size-2,6px) * 3);
331
- margin-bottom: var(--uui-size-layout-1,24px);
332
- }
333
-
334
- .uui-text blockquote {
335
- float: right;
336
- font-size: 15px;
337
- font-weight: 700;
338
- font-style: italic;
339
- margin-top: 0;
340
- margin-bottom: var(--uui-size-layout-1,24px);
341
- margin-right: -0.035em;
342
- max-width: 16em;
343
- quotes: '\u201C' '\u201D' '\u2018' '\u2019';
344
- line-height: inherit;
345
- }
346
-
347
- .uui-text blockquote:before {
348
- content: open-quote;
349
- margin-left: -0.4em;
350
- margin-right: 0.08em;
351
- vertical-align: bottom;
352
- font-weight: 400;
353
- font-size: 2em;
354
- }
355
-
356
- .uui-text blockquote:after {
357
- content: close-quote;
358
- margin-left: 0.04em;
359
- margin-right: -0.4em;
360
- vertical-align: bottom;
361
- font-weight: 400;
362
- font-size: 2em;
363
- margin-bottom: -2px;
364
- display: inline-block;
365
- }
366
-
367
- .uui-text ul {
368
- list-style-type: square;
369
- padding-left: var(--uui-size-layout-1,24px);
370
- margin-top: var(--uui-size-layout-1,24px);
371
- margin-bottom: var(--uui-size-layout-1,24px);
372
- }
373
-
374
- .uui-text ol {
375
- padding-left: var(--uui-size-layout-1,24px);
376
- margin-top: var(--uui-size-layout-1,24px);
377
- margin-bottom: var(--uui-size-layout-1,24px);
378
- }
379
- `;const _h=Q(wh);/**
211
+ */var Io;const mu=((Io=window.HTMLSlotElement)===null||Io===void 0?void 0:Io.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);function Ce(i){const{slot:e,selector:t}=i??{};return ko({descriptor:r=>({get(){var o;const s="slot"+(e?`[name=${e}]`:":not([name])"),a=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(s),d=a!=null?mu(a,i):[];return t?d.filter(c=>c.matches(t)):d},enumerable:!0,configurable:!0})})}const vu=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,gu=xe("uui-blink 0.9s infinite both"),fu=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,yu=xe("pulse 0.8s ease-in-out infinite both"),wu=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,_u=xe("uui-horizontal-shake 600ms ease backwards");var $u=Object.defineProperty,Pn=Object.getOwnPropertySymbols,Uu=Object.prototype.hasOwnProperty,Eu=Object.prototype.propertyIsEnumerable,On=(i,e,t)=>e in i?$u(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ku=(i,e)=>{for(var t in e||(e={}))Uu.call(e,t)&&On(i,t,e[t]);if(Pn)for(var t of Pn(e))Eu.call(e,t)&&On(i,t,e[t]);return i};let xo=class extends Event{constructor(e,t={}){super(e,ku({},t)),this.detail=t.detail||{}}};var Iu=Object.defineProperty,An=Object.getOwnPropertySymbols,xu=Object.prototype.hasOwnProperty,Cu=Object.prototype.propertyIsEnumerable,zn=(i,e,t)=>e in i?Iu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,jn=(i,e)=>{for(var t in e||(e={}))xu.call(e,t)&&zn(i,t,e[t]);if(An)for(var t of An(e))Cu.call(e,t)&&zn(i,t,e[t]);return i};let Me=class extends xo{constructor(e,t={}){super(e,jn(jn({},{bubbles:!0}),t))}};Me.VALID="valid",Me.INVALID="invalid";var Su=Object.defineProperty,Ln=Object.getOwnPropertySymbols,Pu=Object.prototype.hasOwnProperty,Ou=Object.prototype.propertyIsEnumerable,Tn=(i,e,t)=>e in i?Su(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Nn=(i,e)=>{for(var t in e||(e={}))Pu.call(e,t)&&Tn(i,t,e[t]);if(Ln)for(var t of Ln(e))Ou.call(e,t)&&Tn(i,t,e[t]);return i};let De=class extends xo{constructor(e,t={}){super(e,Nn(Nn({},{bubbles:!0,cancelable:!0}),t))}};De.SELECTED="selected",De.DESELECTED="deselected";var Au=Object.defineProperty,zu=Object.getOwnPropertyDescriptor,ju=(i,e,t,r)=>{for(var o=r>1?void 0:r?zu(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&&Au(e,t,o),o};const Lu=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return ju([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var Tu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,Mn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nu(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&&Tu(e,t,o),o};const Mu=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Mn([l({type:String})],t.prototype,"label",2),Mn([g()],t.prototype,"_labelSlotHasContent",2),t};var Du=Object.defineProperty,Bu=Object.getOwnPropertyDescriptor,Dn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Du(e,t,o),o};const Vu=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=o=>{if(this.selectableTarget===this){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;this._selectable=r,this.selectableTarget||this.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o)}_select(){if(!this.selectable)return;const r=new De(De.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new De(De.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}_handleClick(r){r.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Dn([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Dn([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Hu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,Fu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ru(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Hu(e,t,o),o};const Gu=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Fu([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Wu=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,Be=(i,e,t,r)=>{for(var o=r>1?void 0:r?qu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wu(e,t,o),o};const Ku=i=>{class e extends i{constructor(...r){super(...r),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(r){const o=this._value;this._value=r,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",o)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(r,o,s){const a={flagKey:r,getMessageMethod:o,checkMethod:s};return this._validators.push(a),a}removeValidator(r){const o=this._validators.indexOf(r);o!==-1&&this._validators.splice(o,1)}addFormControlElement(r){this._formCtrlElements.push(r)}setCustomValidity(r){this._customValidityObject&&this.removeValidator(this._customValidityObject),r!=null&&r!==""&&(this._customValidityObject=this.addValidator("customError",()=>r,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(o=>{for(const s in o.validity)s!=="valid"&&o.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,o.validationMessage,o))}),this._validators.forEach(o=>{o.checkMethod()&&(this._validityState[o.flagKey]=!0,this._internals.setValidity(this._validityState,o.getMessageMethod(),this.getFormElement()))});const r=Object.values(this._validityState).includes(!0);this._validityState.valid=!r,r?this.dispatchEvent(new Me(Me.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Me(Me.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){var r;(r=this._form)==null||r.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var r;for(const o in this._formCtrlElements)if(this._formCtrlElements[o].checkValidity()===!1)return!1;return(r=this._internals)==null?void 0:r.checkValidity()}get validity(){return this._validityState}get validationMessage(){var r;return(r=this._internals)==null?void 0:r.validationMessage}}return e.formAssociated=!0,Be([l({type:String})],e.prototype,"name",2),Be([l()],e.prototype,"value",1),Be([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Be([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Be([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Be([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Be([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};let Xu=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 Yu=(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)},Zu=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,d=s.left+a.scrollX,c=s.top+a.scrollY;let h;o instanceof TouchEvent?h=o.touches[0]:h=o;const v=h.pageX-d,f=h.pageY-c;e!=null&&e.onMove&&e.onMove(v,f)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e!=null&&e.initialEvent&&t(e.initialEvent)},Qu=(i,e,t)=>Math.min(Math.max(i,e),t),Ju=(i,e,t)=>t+e-i,ec=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},Bn=(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 tc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var ic=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,rc=(i,e,t,r)=>{for(var o=r>1?void 0:r?oc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ic(e,t,o),o},Vn=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Hn=(i,e,t)=>(Vn(i,e,"read from private field"),t?t.call(i):e.get(i)),Rn=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},nc=(i,e,t,r)=>(Vn(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t);const sc=i=>{var e,t;class r extends i{constructor(...s){super(...s),Rn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=Bn(this,"id",this.popoverContainerElement);a&&(Hn(this,e)?a.hidePopover():a.showPopover())},Rn(this,t,a=>{requestAnimationFrame(()=>{nc(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Hn(this,t))}}return e=new WeakMap,t=new WeakMap,rc([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};function ac(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const lc=["default","primary","secondary","outline","placeholder"],uc=["default","positive","warning","danger"],cc=["h1","h2","h3","h4","h5","h6"];function b(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var dc=Object.defineProperty,hc=Object.getOwnPropertyDescriptor,pc=(i,e,t,r)=>{for(var o=r>1?void 0:r?hc(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&&dc(e,t,o),o};n.UUIButtonGroupElement=class extends m{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[p`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],n.UUIButtonGroupElement=pc([b("uui-button-group")],n.UUIButtonGroupElement);var bc=Object.defineProperty,mc=Object.getOwnPropertyDescriptor,vc=(i,e,t,r)=>{for(var o=r>1?void 0:r?mc(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&&bc(e,t,o),o};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,p`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],n.UUIActionBarElement=vc([b("uui-action-bar")],n.UUIActionBarElement);var gc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,pi=(i,e,t,r)=>{for(var o=r>1?void 0:r?fc(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&&gc(e,t,o),o};n.UUIAvatarGroupElement=class extends m{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[p`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],pi([Ce({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),pi([g()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),pi([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=pi([b("uui-avatar-group")],n.UUIAvatarGroupElement);var yc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,it=(i,e,t,r)=>{for(var o=r>1?void 0:r?wc(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&&yc(e,t,o),o};n.UUIAvatarElement=class extends m{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.initials=this.createInitials(this._name),this.requestUpdate("title",t)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=e.match(/(\w+)/g);return r!=null&&r.length?(t=r[0].substring(0,1),r.length>1&&(t+=r[r.length-1].substring(0,1)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}},n.UUIAvatarElement.styles=[p`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-palette-spanish-pink,#f5c1bc);color:var(--uui-palette-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],it([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),it([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),it([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),it([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",1),it([g()],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=it([b("uui-avatar")],n.UUIAvatarElement);var _c=Object.defineProperty,$c=Object.getOwnPropertyDescriptor,bi=(i,e,t,r)=>{for(var o=r>1?void 0:r?$c(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&&_c(e,t,o),o};n.UUIBadgeElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[p`:host{position:var(--uui-badge-position,absolute);display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);inset:var(--uui-badge-inset,-8px -8px auto auto);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-radius:var(--uui-size-4,12px);border:1px solid transparent}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}::slotted(uui-icon){margin-left:-.2em;margin-right:-.2em}@keyframes --uui-badge-bounce{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}55%{transform:translateY(-3px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}:host([attention]){animation-duration:1.4s;animation-iteration-count:infinite;animation-name:--uui-badge-bounce;animation-timing-function:ease}@media (prefers-reduced-motion){:host([attention]){animation:none}}`],bi([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),bi([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),bi([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=bi([b("uui-badge")],n.UUIBadgeElement);var Uc=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,kc=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ec(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&&Uc(e,t,o),o};const Mt=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return kc([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var Ic=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,Fn=(i,e,t,r)=>{for(var o=r>1?void 0:r?xc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ic(e,t,o),o};const te=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Fn([l({type:String})],t.prototype,"label",2),Fn([g()],t.prototype,"_labelSlotHasContent",2),t};var Cc=Object.defineProperty,Gn=Object.getOwnPropertySymbols,Sc=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,Wn=(i,e,t)=>e in i?Cc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Oc=(i,e)=>{for(var t in e||(e={}))Sc.call(e,t)&&Wn(i,t,e[t]);if(Gn)for(var t of Gn(e))Pc.call(e,t)&&Wn(i,t,e[t]);return i};let Ac=class extends Event{constructor(e,t={}){super(e,Oc({},t)),this.detail=t.detail||{}}};var zc=Object.defineProperty,qn=Object.getOwnPropertySymbols,jc=Object.prototype.hasOwnProperty,Lc=Object.prototype.propertyIsEnumerable,Kn=(i,e,t)=>e in i?zc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Xn=(i,e)=>{for(var t in e||(e={}))jc.call(e,t)&&Kn(i,t,e[t]);if(qn)for(var t of qn(e))Lc.call(e,t)&&Kn(i,t,e[t]);return i};let ot=class extends Ac{constructor(e,t={}){super(e,Xn(Xn({},{bubbles:!0,cancelable:!0}),t))}};ot.SELECTED="selected",ot.DESELECTED="deselected";var Tc=Object.defineProperty,Nc=Object.getOwnPropertyDescriptor,Yn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nc(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&&Tc(e,t,o),o};const rt=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=o=>{if(this.selectableTarget===this){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;this._selectable=r,this.selectableTarget||this.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o)}_select(){if(!this.selectable)return;const r=new ot(ot.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new ot(ot.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}_handleClick(r){r.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Yn([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Yn([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Mc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,Bc=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dc(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&&Mc(e,t,o),o};const mi=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Bc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Vc=Object.defineProperty,Zn=Object.getOwnPropertySymbols,Hc=Object.prototype.hasOwnProperty,Rc=Object.prototype.propertyIsEnumerable,Qn=(i,e,t)=>e in i?Vc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Fc=(i,e)=>{for(var t in e||(e={}))Hc.call(e,t)&&Qn(i,t,e[t]);if(Zn)for(var t of Zn(e))Rc.call(e,t)&&Qn(i,t,e[t]);return i};let Jn=class extends Event{constructor(e,t={}){super(e,Fc({},t)),this.detail=t.detail||{}}};var Gc=Object.defineProperty,es=Object.getOwnPropertySymbols,Wc=Object.prototype.hasOwnProperty,qc=Object.prototype.propertyIsEnumerable,ts=(i,e,t)=>e in i?Gc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,is=(i,e)=>{for(var t in e||(e={}))Wc.call(e,t)&&ts(i,t,e[t]);if(es)for(var t of es(e))qc.call(e,t)&&ts(i,t,e[t]);return i};let nt=class extends Jn{constructor(e,t={}){super(e,is(is({},{bubbles:!0}),t))}};nt.VALID="valid",nt.INVALID="invalid";var Kc=Object.defineProperty,os=Object.getOwnPropertySymbols,Xc=Object.prototype.hasOwnProperty,Yc=Object.prototype.propertyIsEnumerable,rs=(i,e,t)=>e in i?Kc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ns=(i,e)=>{for(var t in e||(e={}))Xc.call(e,t)&&rs(i,t,e[t]);if(os)for(var t of os(e))Yc.call(e,t)&&rs(i,t,e[t]);return i};let ss=class extends Jn{constructor(e,t={}){super(e,ns(ns({},{bubbles:!0,cancelable:!0}),t))}};ss.SELECTED="selected",ss.DESELECTED="deselected";var Zc=Object.defineProperty,Qc=Object.getOwnPropertyDescriptor,Ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Zc(e,t,o),o};const ie=i=>{class e extends i{constructor(...r){super(...r),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(r){const o=this._value;this._value=r,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",o)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(r,o,s){const a={flagKey:r,getMessageMethod:o,checkMethod:s};return this._validators.push(a),a}removeValidator(r){const o=this._validators.indexOf(r);o!==-1&&this._validators.splice(o,1)}addFormControlElement(r){this._formCtrlElements.push(r)}setCustomValidity(r){this._customValidityObject&&this.removeValidator(this._customValidityObject),r!=null&&r!==""&&(this._customValidityObject=this.addValidator("customError",()=>r,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(o=>{for(const s in o.validity)s!=="valid"&&o.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,o.validationMessage,o))}),this._validators.forEach(o=>{o.checkMethod()&&(this._validityState[o.flagKey]=!0,this._internals.setValidity(this._validityState,o.getMessageMethod(),this.getFormElement()))});const r=Object.values(this._validityState).includes(!0);this._validityState.valid=!r,r?this.dispatchEvent(new nt(nt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new nt(nt.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){var r;(r=this._form)==null||r.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var r;for(const o in this._formCtrlElements)if(this._formCtrlElements[o].checkValidity()===!1)return!1;return(r=this._internals)==null?void 0:r.checkValidity()}get validity(){return this._validityState}get validationMessage(){var r;return(r=this._internals)==null?void 0:r.validationMessage}}return e.formAssociated=!0,Ve([l({type:String})],e.prototype,"name",2),Ve([l()],e.prototype,"value",1),Ve([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Ve([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Ve([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Ve([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Ve([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e},Jc=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var ed=Object.defineProperty,td=Object.getOwnPropertyDescriptor,id=(i,e,t,r)=>{for(var o=r>1?void 0:r?td(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ed(e,t,o),o},as=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ls=(i,e,t)=>(as(i,e,"read from private field"),t?t.call(i):e.get(i)),us=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},od=(i,e,t,r)=>(as(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t);const rd=i=>{var e,t;class r extends i{constructor(...s){super(...s),us(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const a=Jc(this,"id",this.popoverContainerElement);a&&(ls(this,e)?a.hidePopover():a.showPopover())},us(this,t,a=>{requestAnimationFrame(()=>{od(this,e,a.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",ls(this,t))}}return e=new WeakMap,t=new WeakMap,id([l({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};var nd=Object.defineProperty,cs=Object.getOwnPropertySymbols,sd=Object.prototype.hasOwnProperty,ad=Object.prototype.propertyIsEnumerable,ds=(i,e,t)=>e in i?nd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ld=(i,e)=>{for(var t in e||(e={}))sd.call(e,t)&&ds(i,t,e[t]);if(cs)for(var t of cs(e))ad.call(e,t)&&ds(i,t,e[t]);return i};let P=class extends Event{constructor(e,t={}){super(e,ld({},t)),this.detail=t.detail||{}}};var ud=Object.defineProperty,hs=Object.getOwnPropertySymbols,cd=Object.prototype.hasOwnProperty,dd=Object.prototype.propertyIsEnumerable,ps=(i,e,t)=>e in i?ud(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,bs=(i,e)=>{for(var t in e||(e={}))cd.call(e,t)&&ps(i,t,e[t]);if(hs)for(var t of hs(e))dd.call(e,t)&&ps(i,t,e[t]);return i};let st=class extends P{constructor(e,t={}){super(e,bs(bs({},{bubbles:!0}),t))}};st.VALID="valid",st.INVALID="invalid";var hd=Object.defineProperty,ms=Object.getOwnPropertySymbols,pd=Object.prototype.hasOwnProperty,bd=Object.prototype.propertyIsEnumerable,vs=(i,e,t)=>e in i?hd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,gs=(i,e)=>{for(var t in e||(e={}))pd.call(e,t)&&vs(i,t,e[t]);if(ms)for(var t of ms(e))bd.call(e,t)&&vs(i,t,e[t]);return i};let Se=class extends P{constructor(e,t={}){super(e,gs(gs({},{bubbles:!0,cancelable:!0}),t))}};Se.SELECTED="selected",Se.DESELECTED="deselected";var md=Object.defineProperty,fs=Object.getOwnPropertySymbols,vd=Object.prototype.hasOwnProperty,gd=Object.prototype.propertyIsEnumerable,ys=(i,e,t)=>e in i?md(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ws=(i,e)=>{for(var t in e||(e={}))vd.call(e,t)&&ys(i,t,e[t]);if(fs)for(var t of fs(e))gd.call(e,t)&&ys(i,t,e[t]);return i};let vi=class extends P{constructor(e,t={}){super(e,ws(ws({},{bubbles:!0}),t))}};vi.CHANGE="change";var fd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,gi=(i,e,t,r)=>{for(var o=r>1?void 0:r?yd(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&&fd(e,t,o),o};let oe=class extends ie(te("",m)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var t;super.firstUpdated(e);const r=(t=this.shadowRoot)==null?void 0:t.querySelector("label");let o=!1;this._input.addEventListener("blur",()=>{o===!1&&this.style.setProperty("--uui-show-focus-outline","1"),o=!1}),r.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),o=!0}),r.addEventListener("mouseup",()=>{o=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new vi(vi.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};oe.styles=[p`:host{display:inline-block}label{cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0;margin-top:-4px}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],gi([l({type:String,attribute:"label-position",reflect:!0})],oe.prototype,"labelPosition",2),gi([l({type:Boolean})],oe.prototype,"checked",1),gi([l({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),gi([S("#input")],oe.prototype,"_input",2);/**
380
212
  * @license
381
213
  * Copyright 2020 Google LLC
382
214
  * SPDX-License-Identifier: BSD-3-Clause
383
- */const Io=Symbol.for(""),$h=i=>{if(i?.r===Io)return i?._$litStatic$},Uh=i=>({_$litStatic$:i,r:Io}),wa=(i,...e)=>({_$litStatic$:e.reduce((t,r,o)=>t+(a=>{if(a._$litStatic$!==void 0)return a._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${a}. Use 'unsafeStatic' to pass non-literal values, but
384
- take care to ensure page security.`)})(r)+i[o+1],i[0]),r:Io}),_a=new Map,Eh=i=>(e,...t)=>{const r=t.length;let o,a;const s=[],h=[];let c,d=0,v=!1;for(;d<r;){for(c=e[d];d<r&&(a=t[d],(o=$h(a))!==void 0);)c+=o+e[++d],v=!0;d!==r&&h.push(a),s.push(c),d++}if(d===r&&s.push(e[r]),v){const f=s.join("$$lit$$");(e=_a.get(f))===void 0&&(s.raw=s,_a.set(f,e=s)),t=h}return i(e,...t)},$a=Eh(u);var kh=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,He=(i,e,t,r)=>{for(var o=r>1?void 0:r?xh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&kh(e,t,o),o};function Co(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}n.UUIBoxElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=wa`h5`,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=Co(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=Co(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=Co(e.target)}}set headlineVariant(e){e?this._headlineVariantTag=Uh(e):this._headlineVariantTag=wa`h5`}renderHeader(){return $a`<div
215
+ */const Co=Symbol.for(""),wd=i=>{if(i?.r===Co)return i?._$litStatic$},_d=i=>({_$litStatic$:i,r:Co}),_s=(i,...e)=>({_$litStatic$:e.reduce((t,r,o)=>t+(s=>{if(s._$litStatic$!==void 0)return s._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${s}. Use 'unsafeStatic' to pass non-literal values, but
216
+ take care to ensure page security.`)})(r)+i[o+1],i[0]),r:Co}),$s=new Map,$d=i=>(e,...t)=>{const r=t.length;let o,s;const a=[],d=[];let c,h=0,v=!1;for(;h<r;){for(c=e[h];h<r&&(s=t[h],(o=wd(s))!==void 0);)c+=o+e[++h],v=!0;h!==r&&d.push(s),a.push(c),h++}if(h===r&&a.push(e[r]),v){const f=a.join("$$lit$$");(e=$s.get(f))===void 0&&(a.raw=a,$s.set(f,e=a)),t=d}return i(e,...t)},Us=$d(u);var Ud=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,He=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ed(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&&Ud(e,t,o),o};function So(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}n.UUIBoxElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=_s`h5`,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=So(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=So(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=So(e.target)}}set headlineVariant(e){e?this._headlineVariantTag=_d(e):this._headlineVariantTag=_s`h5`}renderHeader(){return Us`<div
385
217
  id="header"
386
218
  class="uui-text"
387
219
  style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
@@ -394,10 +226,10 @@
394
226
  </${this._headlineVariantTag}>
395
227
  <slot name="header" @slotchange=${this._headerSlotChanged}></slot>
396
228
  <slot name="header-actions" @slotchange=${this._headerActionsSlotChanged}></slot>
397
- </div>`}render(){return $a`
229
+ </div>`}render(){return Us`
398
230
  ${this.renderHeader()}
399
231
  <slot></slot>
400
- `}},n.UUIBoxElement.styles=[_h,p`
232
+ `}},n.UUIBoxElement.styles=[hi,p`
401
233
  :host {
402
234
  display: block;
403
235
  box-shadow: var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24));
@@ -424,31 +256,31 @@
424
256
  display: block;
425
257
  margin-left: auto;
426
258
  }
427
- `],He([l({type:String})],n.UUIBoxElement.prototype,"headline",2),He([l({attribute:"headline-variant"})],n.UUIBoxElement.prototype,"headlineVariant",1),He([g()],n.UUIBoxElement.prototype,"_headlineVariantTag",2),He([g()],n.UUIBoxElement.prototype,"_headlineSlotHasContent",2),He([g()],n.UUIBoxElement.prototype,"_headerSlotHasContent",2),He([g()],n.UUIBoxElement.prototype,"_headerActionsSlotHasContent",2),n.UUIBoxElement=He([b("uui-box")],n.UUIBoxElement);var Ih=Object.defineProperty,Ch=Object.getOwnPropertyDescriptor,So=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ch(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Ih(e,t,o),o};n.UUIBreadcrumbItemElement=class extends m{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return u`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return u`<span id="last-item"><slot></slot></span>`}render(){return u`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[p`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}a:focus{color:var(--uui-color-focus,#3879ff)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-color-border,#d8d7d9)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],So([l()],n.UUIBreadcrumbItemElement.prototype,"href",2),So([l({type:Boolean,attribute:"last-item"})],n.UUIBreadcrumbItemElement.prototype,"lastItem",2),n.UUIBreadcrumbItemElement=So([b("uui-breadcrumb-item")],n.UUIBreadcrumbItemElement);var Sh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Ua=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ph(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Sh(e,t,o),o};n.UUIBreadcrumbsElement=class extends m{elementIsBreadcrumbItem(e){return e instanceof n.UUIBreadcrumbItemElement}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return u`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}},n.UUIBreadcrumbsElement.styles=[p`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}`],Ua([Ce({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],n.UUIBreadcrumbsElement.prototype,"slotNodes",2),n.UUIBreadcrumbsElement=Ua([b("uui-breadcrumbs")],n.UUIBreadcrumbsElement);const Oh=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,zh=Q("uui-blink 0.9s infinite both"),Ah=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`;Q("pulse 0.8s ease-in-out infinite both");const gi=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,fi=Q("uui-horizontal-shake 600ms ease backwards");/**
259
+ `],He([l({type:String})],n.UUIBoxElement.prototype,"headline",2),He([l({attribute:"headline-variant"})],n.UUIBoxElement.prototype,"headlineVariant",1),He([g()],n.UUIBoxElement.prototype,"_headlineVariantTag",2),He([g()],n.UUIBoxElement.prototype,"_headlineSlotHasContent",2),He([g()],n.UUIBoxElement.prototype,"_headerSlotHasContent",2),He([g()],n.UUIBoxElement.prototype,"_headerActionsSlotHasContent",2),n.UUIBoxElement=He([b("uui-box")],n.UUIBoxElement);var kd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,Po=(i,e,t,r)=>{for(var o=r>1?void 0:r?Id(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&&kd(e,t,o),o};n.UUIBreadcrumbItemElement=class extends m{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return u`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return u`<span id="last-item"><slot></slot></span>`}render(){return u`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[p`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}a:focus{color:var(--uui-color-focus,#3879ff)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-color-border,#d8d7d9)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],Po([l()],n.UUIBreadcrumbItemElement.prototype,"href",2),Po([l({type:Boolean,attribute:"last-item"})],n.UUIBreadcrumbItemElement.prototype,"lastItem",2),n.UUIBreadcrumbItemElement=Po([b("uui-breadcrumb-item")],n.UUIBreadcrumbItemElement);var xd=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Es=(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&&xd(e,t,o),o};n.UUIBreadcrumbsElement=class extends m{elementIsBreadcrumbItem(e){return e instanceof n.UUIBreadcrumbItemElement}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return u`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}},n.UUIBreadcrumbsElement.styles=[p`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}`],Es([Ce({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],n.UUIBreadcrumbsElement.prototype,"slotNodes",2),n.UUIBreadcrumbsElement=Es([b("uui-breadcrumbs")],n.UUIBreadcrumbsElement);const Sd=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,Pd=xe("uui-blink 0.9s infinite both"),Od=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`;xe("pulse 0.8s ease-in-out infinite both");const fi=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,yi=xe("uui-horizontal-shake 600ms ease backwards");/**
428
260
  * @license
429
261
  * Copyright 2017 Google LLC
430
262
  * SPDX-License-Identifier: BSD-3-Clause
431
- */const J={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},st=i=>(...e)=>({_$litDirective$:i,values:e});let lt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};/**
263
+ */const Q={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},at=i=>(...e)=>({_$litDirective$:i,values:e});let lt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,r){this._$Ct=e,this._$AM=t,this._$Ci=r}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};/**
432
264
  * @license
433
265
  * Copyright 2018 Google LLC
434
266
  * SPDX-License-Identifier: BSD-3-Clause
435
- */const Ea="important",jh=" !"+Ea,ne=st(class extends lt{constructor(i){var e;if(super(i),i.type!==J.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const r=i[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ht===void 0){this.ht=new Set;for(const r in e)this.ht.add(r);return this.render(e)}this.ht.forEach(r=>{e[r]==null&&(this.ht.delete(r),r.includes("-")?t.removeProperty(r):t[r]="")});for(const r in e){const o=e[r];if(o!=null){this.ht.add(r);const a=typeof o=="string"&&o.endsWith(jh);r.includes("-")||a?t.setProperty(r,a?o.slice(0,-11):o,a?Ea:""):t[r]=o}}return R}});/**
267
+ */const ks="important",Ad=" !"+ks,re=at(class extends lt{constructor(i){var e;if(super(i),i.type!==Q.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const r=i[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ht===void 0){this.ht=new Set;for(const r in e)this.ht.add(r);return this.render(e)}this.ht.forEach(r=>{e[r]==null&&(this.ht.delete(r),r.includes("-")?t.removeProperty(r):t[r]="")});for(const r in e){const o=e[r];if(o!=null){this.ht.add(r);const s=typeof o=="string"&&o.endsWith(Ad);r.includes("-")||s?t.setProperty(r,s?o.slice(0,-11):o,s?ks:""):t[r]=o}}return R}});/**
436
268
  * @license
437
269
  * Copyright 2018 Google LLC
438
270
  * SPDX-License-Identifier: BSD-3-Clause
439
- */const E=i=>i??U;var Lh=Object.defineProperty,ka=Object.getOwnPropertySymbols,Th=Object.prototype.hasOwnProperty,Nh=Object.prototype.propertyIsEnumerable,xa=(i,e,t)=>e in i?Lh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ia=(i,e)=>{for(var t in e||(e={}))Th.call(e,t)&&xa(i,t,e[t]);if(ka)for(var t of ka(e))Nh.call(e,t)&&xa(i,t,e[t]);return i};let yi=class extends P{constructor(e,t={}){super(e,Ia(Ia({},{bubbles:!0,composed:!0}),t))}};yi.CLICK="click";var Mh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Mh(e,t,o),o},Bh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Po=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},wi=(i,e,t)=>(Bh(i,e,"access private method"),t),_i,Oo,zo,Ca,Ao,Sa;n.UUIButtonInlineCreateElement=class extends m{constructor(){super(...arguments),Po(this,_i),Po(this,zo),Po(this,Ao),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){var t,r;e.preventDefault(),e.stopImmediatePropagation(),(r=(t=e.target)==null?void 0:t.blur)==null||r.call(t),this.dispatchEvent(new yi(yi.CLICK))}render(){return this.href?wi(this,zo,Ca).call(this):wi(this,Ao,Sa).call(this)}},_i=new WeakSet,Oo=function(){return u`<div id="plus" style="${ne({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>`},zo=new WeakSet,Ca=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${wi(this,_i,Oo).call(this)}</a>`},Ao=new WeakSet,Sa=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${wi(this,_i,Oo).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Oh,p`: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:${zh};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],ut([g()],n.UUIButtonInlineCreateElement.prototype,"_position",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),ut([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),n.UUIButtonInlineCreateElement=ut([b("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Vh=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)},Pa=(i,e)=>{function t(o){const a=i.getBoundingClientRect(),s=i.ownerDocument.defaultView,h=a.left+s.scrollX,c=a.top+s.scrollY;let d;o instanceof TouchEvent?d=o.touches[0]:d=o;const v=d.pageX-h,f=d.pageY-c;e!=null&&e.onMove&&e.onMove(v,f)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e!=null&&e.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),Oa=(i,e,t)=>t+e-i,Hh=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,a=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(a)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Rh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const $i=w`<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>`,Fh=w`<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>`,Gh=w`<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>`,qh=w`<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>`,jo=w`<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>`,Wh=w`<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>`,Kh=w`<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>`,Xh=w`<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>`,Yh=w`<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 Zh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,ae=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Zh(e,t,o),o};n.UUIButtonElement=class extends oe(ie("",rh(m))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)!=null&&t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(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="${$i.strings[0]}"></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Yh.strings[0]}"></uui-icon>`;break;default:return U}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${this.label}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[gi,p`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none}a:not([href]):active,button[disabled]:active{animation:${fi}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary][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))}`],ae([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ae([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ae([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ae([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ae([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ae([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ae([l({type:String})],n.UUIButtonElement.prototype,"href",2),ae([l({type:String})],n.UUIButtonElement.prototype,"target",2),ae([S("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ae([b("uui-button")],n.UUIButtonElement);let ct=class extends P{};ct.OPEN="open";var Jh=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,Dt=(i,e,t,r)=>{for(var o=r>1?void 0:r?ed(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Jh(e,t,o),o};n.UUICardElement=class extends bi(rt(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new ct(ct.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new ct(ct.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[p`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],Dt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Dt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Dt([l({type:String})],n.UUICardElement.prototype,"href",2),Dt([l({type:String})],n.UUICardElement.prototype,"target",2),n.UUICardElement=Dt([b("uui-card")],n.UUICardElement);var td=Object.defineProperty,id=Object.getOwnPropertyDescriptor,Ui=(i,e,t,r)=>{for(var o=r>1?void 0:r?id(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&td(e,t,o),o},od=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},za=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Aa=(i,e,t)=>(od(i,e,"access private method"),t),Lo,ja,To,La;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),za(this,Lo),za(this,To),this.name=""}render(){return u`<div id="portrait" style="${ne({backgroundColor:this.background})}"><slot></slot></div>${this.href?Aa(this,To,La).call(this):Aa(this,Lo,ja).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},Lo=new WeakSet,ja=function(){return u`<button id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},To=new WeakSet,La=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,p`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Ui([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Ui([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Ui([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Ui([b("uui-card-block-type")],n.UUICardBlockTypeElement);var rd=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,No=(i,e,t,r)=>{for(var o=r>1?void 0:r?nd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&rd(e,t,o),o},ad=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ta=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Na=(i,e,t)=>(ad(i,e,"access private method"),t),Mo,Ma,Do,Da;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ta(this,Mo),Ta(this,Do),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?Na(this,Do,Da).call(this):Na(this,Mo,Ma).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Mo=new WeakSet,Ma=function(){return u`<div id="open-part" tabindex="${this.disabled?U:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Do=new WeakSet,Da=function(){return u`<a id="open-part" tabindex="${this.disabled?U:0}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],No([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),No([g()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=No([b("uui-card-content-node")],n.UUICardContentNodeElement);var sd=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,Ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?ld(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&sd(e,t,o),o},ud=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ba=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Va=(i,e,t)=>(ud(i,e,"access private method"),t),Bo,Ha,Vo,Ra;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Ba(this,Bo),Ba(this,Vo),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="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?Va(this,Vo,Ra).call(this):Va(this,Bo,Ha).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Bo=new WeakSet,Ha=function(){return u`<button id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},Vo=new WeakSet,Ra=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,p`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Ei([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Ei([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Ei([g()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Ei([b("uui-card-media")],n.UUICardMediaElement);var cd=Object.defineProperty,hd=Object.getOwnPropertyDescriptor,Ho=(i,e,t,r)=>{for(var o=r>1?void 0:r?hd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&cd(e,t,o),o},dd=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Fa=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ga=(i,e,t)=>(dd(i,e,"access private method"),t),Ro,qa,Fo,Wa;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Fa(this,Ro),Fa(this,Fo),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Rh(e.target)}}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?U:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?Ga(this,Fo,Wa).call(this):Ga(this,Ro,qa).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Ro=new WeakSet,qa=function(){return u`<div id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Fo=new WeakSet,Wa=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],Ho([l({type:String})],n.UUICardUserElement.prototype,"name",2),Ho([g()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Ho([b("uui-card-user")],n.UUICardUserElement);var pd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,Ka=(i,e,t,r)=>{for(var o=r>1?void 0:r?bd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&pd(e,t,o),o};n.UUICaretElement=class extends m{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Ka([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Ka([b("uui-caret")],n.UUICaretElement);var md=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,gd=(i,e,t,r)=>{for(var o=r>1?void 0:r?vd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&md(e,t,o),o};n.UUICheckboxElement=class extends re{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${$i}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...re.styles,gi,p`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${fi}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=gd([b("uui-checkbox")],n.UUICheckboxElement);/**
271
+ */const E=i=>i??U;var zd=Object.defineProperty,Is=Object.getOwnPropertySymbols,jd=Object.prototype.hasOwnProperty,Ld=Object.prototype.propertyIsEnumerable,xs=(i,e,t)=>e in i?zd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Cs=(i,e)=>{for(var t in e||(e={}))jd.call(e,t)&&xs(i,t,e[t]);if(Is)for(var t of Is(e))Ld.call(e,t)&&xs(i,t,e[t]);return i};let wi=class extends P{constructor(e,t={}){super(e,Cs(Cs({},{bubbles:!0,composed:!0}),t))}};wi.CLICK="click";var Td=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,ut=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nd(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&&Td(e,t,o),o},Md=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Oo=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},_i=(i,e,t)=>(Md(i,e,"access private method"),t),$i,Ao,zo,Ss,jo,Ps;n.UUIButtonInlineCreateElement=class extends m{constructor(){super(...arguments),Oo(this,$i),Oo(this,zo),Oo(this,jo),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){var t,r;e.preventDefault(),e.stopImmediatePropagation(),(r=(t=e.target)==null?void 0:t.blur)==null||r.call(t),this.dispatchEvent(new wi(wi.CLICK))}render(){return this.href?_i(this,zo,Ss).call(this):_i(this,jo,Ps).call(this)}},$i=new WeakSet,Ao=function(){return u`<div id="plus" style="${re({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>`},zo=new WeakSet,Ss=function(){return u`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${_i(this,$i,Ao).call(this)}</a>`},jo=new WeakSet,Ps=function(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${_i(this,$i,Ao).call(this)}</button>`},n.UUIButtonInlineCreateElement.styles=[Sd,p`: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:${Pd};background-color:var(--uui-color-interactive-emphasis,#3544b1);border-color:var(--uui-color-surface,#fff)!important}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:2px;pointer-events:none;transition:background-color 720ms ease-out,border-color 240ms}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%);border-top:none;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-color-interactive-emphasis,#3544b1);color:var(--uui-color-interactive-emphasis,#3544b1);background-color:var(--uui-color-surface,#fff);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms,box-shadow 240ms cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 2px var(--uui-color-surface,#fff)}:host(:not([vertical])) #plus{margin-left:-18px}:host([vertical]) #plus{left:-4px;margin-top:-18px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,#3879ff);color:var(--uui-color-focus,#3879ff)}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],ut([g()],n.UUIButtonInlineCreateElement.prototype,"_position",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),ut([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"href",2),ut([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"target",2),n.UUIButtonInlineCreateElement=ut([b("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let Dd=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)},Os=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,d=s.left+a.scrollX,c=s.top+a.scrollY;let h;o instanceof TouchEvent?h=o.touches[0]:h=o;const v=h.pageX-d,f=h.pageY-c;e!=null&&e.onMove&&e.onMove(v,f)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e!=null&&e.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),As=(i,e,t)=>t+e-i,Bd=(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 Vd(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const Ui=w`<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>`,Hd=w`<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>`,Rd=w`<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>`,Fd=w`<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>`,Lo=w`<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>`,Gd=w`<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>`,Wd=w`<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>`,qd=w`<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>`,Kd=w`<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 Xd=Object.defineProperty,Yd=Object.getOwnPropertyDescriptor,ne=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yd(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&&Xd(e,t,o),o};n.UUIButtonElement=class extends ie(te("",rd(m))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)!=null&&t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(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="${Ui.strings[0]}"></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${Kd.strings[0]}"></uui-icon>`;break;default:return U}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${this.label}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[fi,p`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content:var(--uui-button-content-align,center);text-decoration:none;color:currentColor;line-height:inherit;border-width:var(--uui-button-border-width,1px);border-style:solid;border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;padding:calc(var(--uui-size-2,6px) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));box-shadow:none}a:not([href]):active,button[disabled]:active{animation:${yi}}#icon-check,#icon-wrong{display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}:host([look]:not([look=''])) #loader{color:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host(:not([color]):not([look=primary])),:host([color='']:not([look=primary])),:host([color=default]:not([look=primary])){--uui-button-contrast-hover:var(--uui-color-default-emphasis,#3544b1)}:host([color=warning][look=outline]) #button,:host([color=warning][look=placeholder]) #button{--uui-button-contrast-hover:var(--color-standalone)}#button{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-emphasis:var(--uui-color-default-emphasis,#3544b1);--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-emphasis:var(--uui-color-positive-emphasis,rgb(13, 155, 98));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-emphasis:var(--uui-color-warning-emphasis,rgb(251, 224, 101));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-emphasis:var(--uui-color-danger-emphasis,rgb(226, 60, 107));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,#f3f3f5);--color-standalone:var(--uui-color-disabled-contrast,#c4c4c4);--color-emphasis:var(--uui-color-disabled,#f3f3f5);--color-contrast:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button{background-color:var(--uui-button-background-color,transparent);color:var(--uui-button-contrast,var(--color-standalone));border-color:var(--uui-button-border-color,transparent)}:host(:not([disabled]):hover) #button{background-color:var(--uui-button-background-color-hover,var(--uui-color-surface-emphasis,#fafafa));color:var(--uui-button-contrast-hover,var(--color-standalone));border-color:var(--uui-button-border-color-hover,transparent)}:host([disabled]) #button{background-color:var(--uui-button-background-color-disabled,transparent);color:var(--uui-button-contrast-disabled,var(--color-contrast));border-color:var(--uui-button-border-color-disabled,transparent)}:host([look=primary]) #button{background-color:var(--uui-button-background-color,var(--color));color:var(--uui-button-contrast,var(--color-contrast));border-color:var(--uui-button-border-color,transparent);font-weight:var(--uui-button-font-weight,700)}:host([look=primary]:hover) #button{background-color:var(--uui-button-background-color-hover,var(--color-emphasis));color:var(--uui-button-contrast-hover,var(--color-contrast));border-color:var(--uui-button-border-color-hover,transparent)}:host([look=primary][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))}`],ne([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ne([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ne([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ne([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ne([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ne([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ne([l({type:String})],n.UUIButtonElement.prototype,"href",2),ne([l({type:String})],n.UUIButtonElement.prototype,"target",2),ne([S("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ne([b("uui-button")],n.UUIButtonElement);let ct=class extends P{};ct.OPEN="open";var Zd=Object.defineProperty,Qd=Object.getOwnPropertyDescriptor,Dt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qd(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.UUICardElement=class extends mi(rt(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new ct(ct.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new ct(ct.OPEN)))}render(){return u`<slot></slot>`}},n.UUICardElement.styles=[p`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{outline-color:var(--uui-color-focus,#3879ff)}:host(:focus){outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error])::before{content:'';position:absolute;pointer-events:none;inset:0;width:100%;height:100%;z-index:1;box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-danger,#d42054);border-radius:var(--uui-border-radius,3px)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + calc(var(--uui-card-border-width) * 2));height:calc(100% + calc(var(--uui-card-border-width) * 2));box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}a{text-decoration:none;color:inherit}`],Dt([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Dt([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),Dt([l({type:String})],n.UUICardElement.prototype,"href",2),Dt([l({type:String})],n.UUICardElement.prototype,"target",2),n.UUICardElement=Dt([b("uui-card")],n.UUICardElement);var Jd=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,Ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?eh(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&&Jd(e,t,o),o},th=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},zs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},js=(i,e,t)=>(th(i,e,"access private method"),t),To,Ls,No,Ts;n.UUICardBlockTypeElement=class extends n.UUICardElement{constructor(){super(...arguments),zs(this,To),zs(this,No),this.name=""}render(){return u`<div id="portrait" style="${re({backgroundColor:this.background})}"><slot></slot></div>${this.href?js(this,No,Ts).call(this):js(this,To,Ls).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}},To=new WeakSet,Ls=function(){return u`<button id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},No=new WeakSet,Ts=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},n.UUICardBlockTypeElement.styles=[...n.UUICardElement.styles,p`:host{flex-direction:column;justify-content:flex-start}:host(:hover) #info{color:var(--uui-color-interactive-emphasis,#3544b1)}#portrait{background-color:var(--uui-color-surface-alt,#f3f3f5);display:flex;justify-content:center;min-height:150px;max-height:150px}slot:not([name])::slotted(*){align-self:center;font-size:var(--uui-size-8,24px);border-radius:var(--uui-border-radius,3px);object-fit:cover;max-width:100%;max-height:100%}#open-part{text-align:left;background-color:var(--uui-color-surface,#fff);cursor:pointer;color:var(--uui-color-interactive,#1b264f);border:none;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);display:flex;flex-direction:column;line-height:var(--uui-size-6,18px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover strong{text-decoration:underline}#open-part:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Ei([l({type:String})],n.UUICardBlockTypeElement.prototype,"name",2),Ei([l({type:String})],n.UUICardBlockTypeElement.prototype,"description",2),Ei([l({type:String,attribute:"background"})],n.UUICardBlockTypeElement.prototype,"background",2),n.UUICardBlockTypeElement=Ei([b("uui-card-block-type")],n.UUICardBlockTypeElement);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,Mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?oh(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&&ih(e,t,o),o},rh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Ns=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ms=(i,e,t)=>(rh(i,e,"access private method"),t),Do,Ds,Bo,Bs;n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),Ns(this,Do),Ns(this,Bo),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`${this.href?Ms(this,Bo,Bs).call(this):Ms(this,Do,Ds).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Do=new WeakSet,Ds=function(){return u`<div id="open-part" tabindex="${this.disabled?U:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Bo=new WeakSet,Bs=function(){return u`<a id="open-part" tabindex="${this.disabled?U:0}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></a>`},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Mo([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Mo([g()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Mo([b("uui-card-content-node")],n.UUICardContentNodeElement);var nh=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,ki=(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)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Vs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Hs=(i,e,t)=>(ah(i,e,"access private method"),t),Vo,Rs,Ho,Fs;n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),Vs(this,Vo),Vs(this,Ho),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="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?Hs(this,Ho,Fs).call(this):Hs(this,Vo,Rs).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},Vo=new WeakSet,Rs=function(){return u`<button id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},Ho=new WeakSet,Fs=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,p`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],ki([l({type:String})],n.UUICardMediaElement.prototype,"name",2),ki([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),ki([g()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=ki([b("uui-card-media")],n.UUICardMediaElement);var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,Ro=(i,e,t,r)=>{for(var o=r>1?void 0:r?uh(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&&lh(e,t,o),o},ch=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Gs=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ws=(i,e,t)=>(ch(i,e,"access private method"),t),Fo,qs,Go,Ks;n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),Gs(this,Fo),Gs(this,Go),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Vd(e.target)}}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return u`${this._avatarSlotHasContent?U:u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?Ws(this,Go,Ks).call(this):Ws(this,Fo,qs).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},Fo=new WeakSet,qs=function(){return u`<div id="open-part" tabindex="${this.disabled?U:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},Go=new WeakSet,Ks=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},n.UUICardUserElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],Ro([l({type:String})],n.UUICardUserElement.prototype,"name",2),Ro([g()],n.UUICardUserElement.prototype,"_avatarSlotHasContent",2),n.UUICardUserElement=Ro([b("uui-card-user")],n.UUICardUserElement);var dh=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,Xs=(i,e,t,r)=>{for(var o=r>1?void 0:r?hh(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&&dh(e,t,o),o};n.UUICaretElement=class extends m{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Xs([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Xs([b("uui-caret")],n.UUICaretElement);var ph=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,mh=(i,e,t,r)=>{for(var o=r>1?void 0:r?bh(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};n.UUICheckboxElement=class extends oe{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${Ui}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...oe.styles,fi,p`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;color:var(--uui-color-selected-contrast,#fff);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-color-selected,#3544b1);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-color-selected-emphasis,#4656c8)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-color-danger-standalone,#bf214e)}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${yi}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=mh([b("uui-checkbox")],n.UUICheckboxElement);/**
440
272
  * @license
441
273
  * Copyright 2018 Google LLC
442
274
  * SPDX-License-Identifier: BSD-3-Clause
443
- */const Go=st(class extends lt{constructor(i){var e;if(super(i),i.type!==J.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var t,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(a=>a!=="")));for(const a in e)e[a]&&!(!((t=this.nt)===null||t===void 0)&&t.has(a))&&this.it.add(a);return this.render(e)}const o=i.element.classList;this.it.forEach(a=>{a in e||(o.remove(a),this.it.delete(a))});for(const a in e){const s=!!e[a];s===this.it.has(a)||!((r=this.nt)===null||r===void 0)&&r.has(a)||(s?(o.add(a),this.it.add(a)):(o.remove(a),this.it.delete(a)))}return R}});var fd={grad:.9,turn:360,rad:360/(2*Math.PI)},me=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},T=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},X=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Xa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ya=function(i){return{r:X(i.r,0,255),g:X(i.g,0,255),b:X(i.b,0,255),a:X(i.a)}},qo=function(i){return{r:T(i.r),g:T(i.g),b:T(i.b),a:T(i.a,3)}},yd=/^#([0-9a-f]{3,8})$/i,ki=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Za=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,a=Math.max(e,t,r),s=a-Math.min(e,t,r),h=s?a===e?(t-r)/s:a===t?2+(r-e)/s:4+(e-t)/s:0;return{h:60*(h<0?h+6:h),s:a?s/a*100:0,v:a/255*100,a:o}},Qa=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var a=Math.floor(e),s=r*(1-t),h=r*(1-(e-a)*t),c=r*(1-(1-e+a)*t),d=a%6;return{r:255*[r,h,s,s,c,r][d],g:255*[c,r,r,h,s,s][d],b:255*[s,s,c,r,r,h][d],a:o}},Ja=function(i){return{h:Xa(i.h),s:X(i.s,0,100),l:X(i.l,0,100),a:X(i.a)}},es=function(i){return{h:T(i.h),s:T(i.s),l:T(i.l),a:T(i.a,3)}},ts=function(i){return Qa((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Bt=function(i){return{h:(e=Za(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},wd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,_d=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$d=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ud=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,is={string:[[function(i){var e=yd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?T(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?T(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=$d.exec(i)||Ud.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ya({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=wd.exec(i)||_d.exec(i);if(!e)return null;var t,r,o=Ja({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(fd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ts(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,a=o===void 0?1:o;return me(e)&&me(t)&&me(r)?Ya({r:Number(e),g:Number(t),b:Number(r),a:Number(a)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,a=o===void 0?1:o;if(!me(e)||!me(t)||!me(r))return null;var s=Ja({h:Number(e),s:Number(t),l:Number(r),a:Number(a)});return ts(s)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,a=o===void 0?1:o;if(!me(e)||!me(t)||!me(r))return null;var s=function(h){return{h:Xa(h.h),s:X(h.s,0,100),v:X(h.v,0,100),a:X(h.a)}}({h:Number(e),s:Number(t),v:Number(r),a:Number(a)});return Qa(s)},"hsv"]]},os=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Ed=function(i){return typeof i=="string"?os(i.trim(),is.string):typeof i=="object"&&i!==null?os(i,is.object):[null,void 0]},Wo=function(i,e){var t=Bt(i);return{h:t.h,s:X(t.s+100*e,0,100),l:t.l,a:t.a}},Ko=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},rs=function(i,e){var t=Bt(i);return{h:t.h,s:t.s,l:X(t.l+100*e,0,100),a:t.a}},ns=function(){function i(e){this.parsed=Ed(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return T(Ko(this.rgba),2)},i.prototype.isDark=function(){return Ko(this.rgba)<.5},i.prototype.isLight=function(){return Ko(this.rgba)>=.5},i.prototype.toHex=function(){return e=qo(this.rgba),t=e.r,r=e.g,o=e.b,s=(a=e.a)<1?ki(T(255*a)):"","#"+ki(t)+ki(r)+ki(o)+s;var e,t,r,o,a,s},i.prototype.toRgb=function(){return qo(this.rgba)},i.prototype.toRgbString=function(){return e=qo(this.rgba),t=e.r,r=e.g,o=e.b,(a=e.a)<1?"rgba("+t+", "+r+", "+o+", "+a+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,a},i.prototype.toHsl=function(){return es(Bt(this.rgba))},i.prototype.toHslString=function(){return e=es(Bt(this.rgba)),t=e.h,r=e.s,o=e.l,(a=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+a+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,a},i.prototype.toHsv=function(){return e=Za(this.rgba),{h:T(e.h),s:T(e.s),v:T(e.v),a:T(e.a,3)};var e},i.prototype.invert=function(){return Y({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),Y(Wo(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),Y(Wo(this.rgba,-e))},i.prototype.grayscale=function(){return Y(Wo(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),Y(rs(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),Y(rs(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?Y({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):T(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Bt(this.rgba);return typeof e=="number"?Y({h:e,s:t.s,l:t.l,a:t.a}):T(t.h)},i.prototype.isEqual=function(e){return this.toHex()===Y(e).toHex()},i}(),Y=function(i){return i instanceof ns?i:new ns(i)},kd=Object.defineProperty,as=Object.getOwnPropertySymbols,xd=Object.prototype.hasOwnProperty,Id=Object.prototype.propertyIsEnumerable,ss=(i,e,t)=>e in i?kd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ls=(i,e)=>{for(var t in e||(e={}))xd.call(e,t)&&ss(i,t,e[t]);if(as)for(var t of as(e))Id.call(e,t)&&ss(i,t,e[t]);return i};let xi=class extends P{constructor(e,t={}){super(e,ls(ls({},{bubbles:!0}),t))}};xi.CHANGE="change";var Cd=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,ve=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Cd(e,t,o),o};n.UUIColorAreaElement=class extends m{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const r=Y(e);if(r.isValid()){const{h:o,s:a,l:s}=r.toHsl();this.hue=o,this.saturation=a,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(e){if(this.disabled)return;const t=this.shadowRoot.querySelector(".color-area"),r=t.querySelector(".color-area__handle"),{width:o,height:a}=t.getBoundingClientRect();r.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,Pa(t,{onMove:(s,h)=>{isNaN(s)||isNaN(h)||(this.saturation=O(s/o*100,0,100),this.brightness=O(100-h/a*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=O(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=O(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=O(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=O(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=Y({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new xi(xi.CHANGE))}getHexString(e,t,r,o=100){const a=Y(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return a.isValid()?a.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return u`<div part="grid" class="color-area" style="${ne({backgroundColor:this.getHexString(this.hue,100,50)})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${Go({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${ne({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}" role="application" tabindex="${E(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}},n.UUIColorAreaElement.styles=[p`:host{display:inline-block;width:280px;height:200px}:host([disabled]){cursor:not-allowed}:host([disabled]) .color-area{user-select:none;pointer-events:none;opacity:.55}.color-area{position:relative;height:100%;width:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);box-sizing:border-box;cursor:crosshair;forced-color-adjust:none}.color-area__handle{position:absolute;width:var(--uui-color-area-grid-handle-size,16px);height:var(--uui-color-area-grid-handle-size,16px);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);border:solid 2px #fff;margin-top:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);margin-left:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);transition:150ms transform;box-sizing:inherit}.color-area__handle--dragging{cursor:none;transform:scale(1.5)}.color-area__handle--empty{display:none}`],ve([g()],n.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),ve([l({type:Number})],n.UUIColorAreaElement.prototype,"hue",2),ve([l({type:Number})],n.UUIColorAreaElement.prototype,"saturation",2),ve([l({type:Number})],n.UUIColorAreaElement.prototype,"lightness",2),ve([l({type:Number})],n.UUIColorAreaElement.prototype,"brightness",2),ve([l({type:Number})],n.UUIColorAreaElement.prototype,"alpha",2),ve([l({type:String})],n.UUIColorAreaElement.prototype,"value",1),ve([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"disabled",2),n.UUIColorAreaElement=ve([b("uui-color-area")],n.UUIColorAreaElement);/**
275
+ */const Wo=at(class extends lt{constructor(i){var e;if(super(i),i.type!==Q.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var t,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((t=this.nt)===null||t===void 0)&&t.has(s))&&this.it.add(s);return this.render(e)}const o=i.element.classList;this.it.forEach(s=>{s in e||(o.remove(s),this.it.delete(s))});for(const s in e){const a=!!e[s];a===this.it.has(s)||!((r=this.nt)===null||r===void 0)&&r.has(s)||(a?(o.add(s),this.it.add(s)):(o.remove(s),this.it.delete(s)))}return R}});var vh={grad:.9,turn:360,rad:360/(2*Math.PI)},be=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},T=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},X=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Ys=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Zs=function(i){return{r:X(i.r,0,255),g:X(i.g,0,255),b:X(i.b,0,255),a:X(i.a)}},qo=function(i){return{r:T(i.r),g:T(i.g),b:T(i.b),a:T(i.a,3)}},gh=/^#([0-9a-f]{3,8})$/i,Ii=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Qs=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),d=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(d<0?d+6:d),s:s?a/s*100:0,v:s/255*100,a:o}},Js=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),d=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),h=s%6;return{r:255*[r,d,a,a,c,r][h],g:255*[c,r,r,d,a,a][h],b:255*[a,a,c,r,r,d][h],a:o}},ea=function(i){return{h:Ys(i.h),s:X(i.s,0,100),l:X(i.l,0,100),a:X(i.a)}},ta=function(i){return{h:T(i.h),s:T(i.s),l:T(i.l),a:T(i.a,3)}},ia=function(i){return Js((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Bt=function(i){return{h:(e=Qs(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},fh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,_h=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,oa={string:[[function(i){var e=gh.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?T(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?T(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=wh.exec(i)||_h.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Zs({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=fh.exec(i)||yh.exec(i);if(!e)return null;var t,r,o=ea({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(vh[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ia(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return be(e)&&be(t)&&be(r)?Zs({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!be(e)||!be(t)||!be(r))return null;var a=ea({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return ia(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!be(e)||!be(t)||!be(r))return null;var a=function(d){return{h:Ys(d.h),s:X(d.s,0,100),v:X(d.v,0,100),a:X(d.a)}}({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return Js(a)},"hsv"]]},ra=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},$h=function(i){return typeof i=="string"?ra(i.trim(),oa.string):typeof i=="object"&&i!==null?ra(i,oa.object):[null,void 0]},Ko=function(i,e){var t=Bt(i);return{h:t.h,s:X(t.s+100*e,0,100),l:t.l,a:t.a}},Xo=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},na=function(i,e){var t=Bt(i);return{h:t.h,s:t.s,l:X(t.l+100*e,0,100),a:t.a}},sa=function(){function i(e){this.parsed=$h(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return T(Xo(this.rgba),2)},i.prototype.isDark=function(){return Xo(this.rgba)<.5},i.prototype.isLight=function(){return Xo(this.rgba)>=.5},i.prototype.toHex=function(){return e=qo(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Ii(T(255*s)):"","#"+Ii(t)+Ii(r)+Ii(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return qo(this.rgba)},i.prototype.toRgbString=function(){return e=qo(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return ta(Bt(this.rgba))},i.prototype.toHslString=function(){return e=ta(Bt(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=Qs(this.rgba),{h:T(e.h),s:T(e.s),v:T(e.v),a:T(e.a,3)};var e},i.prototype.invert=function(){return Y({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),Y(Ko(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),Y(Ko(this.rgba,-e))},i.prototype.grayscale=function(){return Y(Ko(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),Y(na(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),Y(na(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?Y({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):T(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Bt(this.rgba);return typeof e=="number"?Y({h:e,s:t.s,l:t.l,a:t.a}):T(t.h)},i.prototype.isEqual=function(e){return this.toHex()===Y(e).toHex()},i}(),Y=function(i){return i instanceof sa?i:new sa(i)},Uh=Object.defineProperty,aa=Object.getOwnPropertySymbols,Eh=Object.prototype.hasOwnProperty,kh=Object.prototype.propertyIsEnumerable,la=(i,e,t)=>e in i?Uh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ua=(i,e)=>{for(var t in e||(e={}))Eh.call(e,t)&&la(i,t,e[t]);if(aa)for(var t of aa(e))kh.call(e,t)&&la(i,t,e[t]);return i};let xi=class extends P{constructor(e,t={}){super(e,ua(ua({},{bubbles:!0}),t))}};xi.CHANGE="change";var Ih=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,me=(i,e,t,r)=>{for(var o=r>1?void 0:r?xh(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&&Ih(e,t,o),o};n.UUIColorAreaElement=class extends m{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const r=Y(e);if(r.isValid()){const{h:o,s,l:a}=r.toHsl();this.hue=o,this.saturation=s,this.lightness=a,this.brightness=this.getBrightness(a)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(e){if(this.disabled)return;const t=this.shadowRoot.querySelector(".color-area"),r=t.querySelector(".color-area__handle"),{width:o,height:s}=t.getBoundingClientRect();r.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,Os(t,{onMove:(a,d)=>{isNaN(a)||isNaN(d)||(this.saturation=O(a/o*100,0,100),this.brightness=O(100-d/s*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=O(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=O(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=O(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=O(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=Y({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new xi(xi.CHANGE))}getHexString(e,t,r,o=100){const s=Y(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return u`<div part="grid" class="color-area" style="${re({backgroundColor:this.getHexString(this.hue,100,50)})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${Wo({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${re({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}" role="application" tabindex="${E(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}},n.UUIColorAreaElement.styles=[p`:host{display:inline-block;width:280px;height:200px}:host([disabled]){cursor:not-allowed}:host([disabled]) .color-area{user-select:none;pointer-events:none;opacity:.55}.color-area{position:relative;height:100%;width:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);box-sizing:border-box;cursor:crosshair;forced-color-adjust:none}.color-area__handle{position:absolute;width:var(--uui-color-area-grid-handle-size,16px);height:var(--uui-color-area-grid-handle-size,16px);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);border:solid 2px #fff;margin-top:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);margin-left:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);transition:150ms transform;box-sizing:inherit}.color-area__handle--dragging{cursor:none;transform:scale(1.5)}.color-area__handle--empty{display:none}`],me([g()],n.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),me([l({type:Number})],n.UUIColorAreaElement.prototype,"hue",2),me([l({type:Number})],n.UUIColorAreaElement.prototype,"saturation",2),me([l({type:Number})],n.UUIColorAreaElement.prototype,"lightness",2),me([l({type:Number})],n.UUIColorAreaElement.prototype,"brightness",2),me([l({type:Number})],n.UUIColorAreaElement.prototype,"alpha",2),me([l({type:String})],n.UUIColorAreaElement.prototype,"value",1),me([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"disabled",2),n.UUIColorAreaElement=me([b("uui-color-area")],n.UUIColorAreaElement);/**
444
276
  * @license
445
277
  * Copyright 2020 Google LLC
446
278
  * SPDX-License-Identifier: BSD-3-Clause
447
- */const{I:Pd}=lu,us=i=>i.strings===void 0,cs=()=>document.createComment(""),Vt=(i,e,t)=>{var r;const o=i._$AA.parentNode,a=e===void 0?i._$AB:e._$AA;if(t===void 0){const s=o.insertBefore(cs(),a),h=o.insertBefore(cs(),a);t=new Pd(s,h,i,i.options)}else{const s=t._$AB.nextSibling,h=t._$AM,c=h!==i;if(c){let d;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==h._$AU&&t._$AP(d)}if(s!==a||c){let d=t._$AA;for(;d!==s;){const v=d.nextSibling;o.insertBefore(d,a),d=v}}}return t},Re=(i,e,t=i)=>(i._$AI(e,t),i),Od={},hs=(i,e=Od)=>i._$AH=e,zd=i=>i._$AH,Xo=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const r=i._$AB.nextSibling;for(;t!==r;){const o=t.nextSibling;t.remove(),t=o}};/**
279
+ */const{I:Ch}=uu,ca=i=>i.strings===void 0,da=()=>document.createComment(""),Vt=(i,e,t)=>{var r;const o=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(da(),s),d=o.insertBefore(da(),s);t=new Ch(a,d,i,i.options)}else{const a=t._$AB.nextSibling,d=t._$AM,c=d!==i;if(c){let h;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(h=i._$AU)!==d._$AU&&t._$AP(h)}if(a!==s||c){let h=t._$AA;for(;h!==a;){const v=h.nextSibling;o.insertBefore(h,s),h=v}}}return t},Re=(i,e,t=i)=>(i._$AI(e,t),i),Sh={},ha=(i,e=Sh)=>i._$AH=e,Ph=i=>i._$AH,Yo=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const r=i._$AB.nextSibling;for(;t!==r;){const o=t.nextSibling;t.remove(),t=o}};/**
448
280
  * @license
449
281
  * Copyright 2020 Google LLC
450
282
  * SPDX-License-Identifier: BSD-3-Clause
451
- */const Ad=st(class extends lt{constructor(i){if(super(i),i.type!==J.PROPERTY&&i.type!==J.ATTRIBUTE&&i.type!==J.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!us(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===R||e===U)return e;const t=i.element,r=i.name;if(i.type===J.PROPERTY){if(e===t[r])return R}else if(i.type===J.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return R}else if(i.type===J.ATTRIBUTE&&t.getAttribute(r)===e+"")return R;return hs(i),e}});var jd={grad:.9,turn:360,rad:360/(2*Math.PI)},ge=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},N=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},Z=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},ds=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},ps=function(i){return{r:Z(i.r,0,255),g:Z(i.g,0,255),b:Z(i.b,0,255),a:Z(i.a)}},Yo=function(i){return{r:N(i.r),g:N(i.g),b:N(i.b),a:N(i.a,3)}},Ld=/^#([0-9a-f]{3,8})$/i,Ii=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},bs=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,a=Math.max(e,t,r),s=a-Math.min(e,t,r),h=s?a===e?(t-r)/s:a===t?2+(r-e)/s:4+(e-t)/s:0;return{h:60*(h<0?h+6:h),s:a?s/a*100:0,v:a/255*100,a:o}},ms=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var a=Math.floor(e),s=r*(1-t),h=r*(1-(e-a)*t),c=r*(1-(1-e+a)*t),d=a%6;return{r:255*[r,h,s,s,c,r][d],g:255*[c,r,r,h,s,s][d],b:255*[s,s,c,r,r,h][d],a:o}},vs=function(i){return{h:ds(i.h),s:Z(i.s,0,100),l:Z(i.l,0,100),a:Z(i.a)}},gs=function(i){return{h:N(i.h),s:N(i.s),l:N(i.l),a:N(i.a,3)}},fs=function(i){return ms((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Ht=function(i){return{h:(e=bs(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Td=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Nd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Md=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Dd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zo={string:[[function(i){var e=Ld.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?N(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?N(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Md.exec(i)||Dd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:ps({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Td.exec(i)||Nd.exec(i);if(!e)return null;var t,r,o=vs({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(jd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return fs(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,a=o===void 0?1:o;return ge(e)&&ge(t)&&ge(r)?ps({r:Number(e),g:Number(t),b:Number(r),a:Number(a)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,a=o===void 0?1:o;if(!ge(e)||!ge(t)||!ge(r))return null;var s=vs({h:Number(e),s:Number(t),l:Number(r),a:Number(a)});return fs(s)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,a=o===void 0?1:o;if(!ge(e)||!ge(t)||!ge(r))return null;var s=function(h){return{h:ds(h.h),s:Z(h.s,0,100),v:Z(h.v,0,100),a:Z(h.a)}}({h:Number(e),s:Number(t),v:Number(r),a:Number(a)});return ms(s)},"hsv"]]},ys=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Bd=function(i){return typeof i=="string"?ys(i.trim(),Zo.string):typeof i=="object"&&i!==null?ys(i,Zo.object):[null,void 0]},Qo=function(i,e){var t=Ht(i);return{h:t.h,s:Z(t.s+100*e,0,100),l:t.l,a:t.a}},Jo=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},ws=function(i,e){var t=Ht(i);return{h:t.h,s:t.s,l:Z(t.l+100*e,0,100),a:t.a}},Ci=function(){function i(e){this.parsed=Bd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return N(Jo(this.rgba),2)},i.prototype.isDark=function(){return Jo(this.rgba)<.5},i.prototype.isLight=function(){return Jo(this.rgba)>=.5},i.prototype.toHex=function(){return e=Yo(this.rgba),t=e.r,r=e.g,o=e.b,s=(a=e.a)<1?Ii(N(255*a)):"","#"+Ii(t)+Ii(r)+Ii(o)+s;var e,t,r,o,a,s},i.prototype.toRgb=function(){return Yo(this.rgba)},i.prototype.toRgbString=function(){return e=Yo(this.rgba),t=e.r,r=e.g,o=e.b,(a=e.a)<1?"rgba("+t+", "+r+", "+o+", "+a+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,a},i.prototype.toHsl=function(){return gs(Ht(this.rgba))},i.prototype.toHslString=function(){return e=gs(Ht(this.rgba)),t=e.h,r=e.s,o=e.l,(a=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+a+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,a},i.prototype.toHsv=function(){return e=bs(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},i.prototype.invert=function(){return se({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),se(Qo(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),se(Qo(this.rgba,-e))},i.prototype.grayscale=function(){return se(Qo(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),se(ws(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),se(ws(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?se({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):N(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Ht(this.rgba);return typeof e=="number"?se({h:e,s:t.s,l:t.l,a:t.a}):N(t.h)},i.prototype.isEqual=function(e){return this.toHex()===se(e).toHex()},i}(),se=function(i){return i instanceof Ci?i:new Ci(i)},_s=[],Vd=function(i){i.forEach(function(e){_s.indexOf(e)<0&&(e(Ci,Zo),_s.push(e))})};function Hd(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var o in t)r[t[o]]=o;var a={};i.prototype.toName=function(s){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var h,c,d=r[this.toHex()];if(d)return d;if(s!=null&&s.closest){var v=this.toRgb(),f=1/0,y="black";if(!a.length)for(var $ in t)a[$]=new i(t[$]).toRgb();for(var k in t){var I=(h=v,c=a[k],Math.pow(h.r-c.r,2)+Math.pow(h.g-c.g,2)+Math.pow(h.b-c.b,2));I<f&&(f=I,y=k)}return y}},e.string.push([function(s){var h=s.toLowerCase(),c=h==="transparent"?"#0000":t[h];return c?new i(c).toRgb():null},"name"])}var Rd=Object.defineProperty,$s=Object.getOwnPropertySymbols,Fd=Object.prototype.hasOwnProperty,Gd=Object.prototype.propertyIsEnumerable,Us=(i,e,t)=>e in i?Rd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Es=(i,e)=>{for(var t in e||(e={}))Fd.call(e,t)&&Us(i,t,e[t]);if($s)for(var t of $s(e))Gd.call(e,t)&&Us(i,t,e[t]);return i};let Si=class extends P{constructor(e,t={}){super(e,Es(Es({},{bubbles:!0}),t))}};Si.CHANGE="change";var qd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,L=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&qd(e,t,o),o};Vd([Hd]);const ks="EyeDropper"in window;n.UUIColorPickerElement=class extends ie("label",m){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=se("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:a,g:s,b:h}=this._colord.toRgb(),{h:c,s:d,l:v}=this._colord.toHsl(),{v:f}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${a}, ${s}, ${h})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${c}, ${d}%, ${v}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${c}, ${d}%, ${v}%)`);case"hsva":return this.setLetterCase(`hsva(${c}, ${d}%, ${f}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r=e.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(r)}handleGridChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r=e.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(e){var t;(t=this._swatches)==null||t.resetSelection();const r=e.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),e.stopPropagation()}handleInputKeyDown(e){var t;e.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(t=this._swatches)==null||t.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;t.value?this.setColor(t.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}handleEyeDropper(){ks&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){this._colord=new Ci(e);const{h:t,l:r,s:o,a}=this._colord.toHsl();return this.hue=t,this.saturation=o,this.lightness=r,this.alpha=this.opacity?a*100:100,this._syncValues(),this.dispatchEvent(new Si(Si.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return u`<div class="${Go({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}" aria-disabled="${this.disabled?"true":"false"}"><uui-color-area .value="${this.value}" ?disabled="${this.disabled}" @change="${this.handleGridChange}"></uui-color-area><div class="color-picker__controls"><div class="color-picker__sliders"><uui-color-slider label="hue" class="hue-slider" .value="${Math.round(this.hue)}" ?disabled="${this.disabled}" @change="${this.handleHueChange}"></uui-color-slider>${this.opacity?u`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.value}" ?disabled="${this.disabled}" @change="${this.handleAlphaChange}"></uui-color-slider>`:""}</div><button type="button" part="preview" class="color-picker__preview color-picker__transparent-bg" title="Copy" aria-label="Copy" style="${ne({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" @click="${this.handleCopy}"></button></div><div class="color-picker__user-input" aria-live="polite"><uui-input label="label" type="text" part="input" name="${this.name}" autocomplete="off" autocapitalize="off" spellcheck="false" .value="${Ad(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":u`<uui-button label="Toggle color format" @click="${this.handleFormatToggle}" class="color-picker__toggle-format" ?disabled="${this.disabled}" compact="compact"><span>${this.format}</span></uui-button>`} ${ks?u`<uui-button label="Select a color" ?disabled="${this.disabled}" @click="${this.handleEyeDropper}" compact="compact"><uui-icon-registry-essential><uui-icon name="colorpicker"></uui-icon></uui-icon-registry-essential></uui-button>`:""}</uui-button-group></div>${this._renderSwatches()}</div>`}_renderSwatches(){return this.swatches?u`<uui-color-swatches id="swatches" class="color-picker__swatches" ?disabled="${this.disabled}" @change="${this.handleColorSwatchChange}">${this.swatches.map(e=>u`<uui-color-swatch label="${e}" .value="${e}"></uui-color-swatch>`)}</uui-color-swatches>`:U}_renderPreviewButton(){return u`<button type="button" part="trigger" aria-label="${this.label||"Open Color picker"}" class="${Go({"color-picker__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-picker__transparent-bg":!0})}" style="${ne({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" ?disabled="${this.disabled}" aria-haspopup="true" aria-expanded="false" popovertarget="color-picker-popover"></button><uui-popover-container id="color-picker-popover">${this._renderColorPicker()}</uui-popover-container>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},n.UUIColorPickerElement.styles=[p`:host{--uui-look-outline-border:#ddd;--uui-look-outline-border-hover:#aaa;font-size:.8rem;display:block;width:var(--uui-color-picker-width,280px)}uui-popover-container{width:inherit}.color-picker{width:100%;background-color:#fff;user-select:none;border:solid 1px #e4e4e7}.color-picker__user-input{display:flex;padding:0 .75rem .75rem .75rem}.color-picker__user-input uui-button{border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-color-border,#d8d7d9));border-left:none}.color-picker__preview,.color-picker__trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:0 0}.color-picker__preview{cursor:copy;margin-left:.75rem;border-radius:50%}.color-picker__trigger[disabled]{cursor:not-allowed;opacity:.5}.color-picker__preview::before,.color-picker__trigger::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);background-color:var(--preview-color)}.color-dropdown__trigger--empty::before{background-color:transparent}.color-picker__transparent-bg{background-image:linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%);background-size:10px 10px;background-position:0 0,0 0,-5px -5px,5px 5px}.color-picker__preview-color--copied{animation:pulse .75s}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--uui-palette-space-cadet-light,#26356e)}70%{box-shadow:0 0 0 .5rem transparent}100%{box-shadow:0 0 0 0 transparent}}.color-picker__controls{padding:.75rem;display:flex;align-items:center}.color-picker__sliders{flex:1 1 auto}uui-color-slider:not(:last-of-type){margin-bottom:1rem}.color-picker__toggle-format{min-width:45px;--uui-button-font-size:0.8rem}.color-picker__toggle-format>span{text-transform:uppercase}uui-color-swatches{border-top:solid 1px #d4d4d8;padding:.75rem}button[slot=trigger]{border-radius:50%;cursor:pointer;width:36px;height:36px}uui-input{font-size:.85rem;box-sizing:content-box;flex:1}uui-color-area{width:100%}`],L([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),L([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),L([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),L([g()],n.UUIColorPickerElement.prototype,"inputValue",2),L([g()],n.UUIColorPickerElement.prototype,"hue",2),L([g()],n.UUIColorPickerElement.prototype,"saturation",2),L([g()],n.UUIColorPickerElement.prototype,"lightness",2),L([g()],n.UUIColorPickerElement.prototype,"alpha",2),L([g()],n.UUIColorPickerElement.prototype,"_colord",2),L([l()],n.UUIColorPickerElement.prototype,"value",2),L([l()],n.UUIColorPickerElement.prototype,"format",2),L([l()],n.UUIColorPickerElement.prototype,"name",2),L([l()],n.UUIColorPickerElement.prototype,"size",2),L([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),L([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),L([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),L([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),L([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),L([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=L([b("uui-color-picker")],n.UUIColorPickerElement);var Kd=Object.defineProperty,xs=Object.getOwnPropertySymbols,Xd=Object.prototype.hasOwnProperty,Yd=Object.prototype.propertyIsEnumerable,Is=(i,e,t)=>e in i?Kd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Cs=(i,e)=>{for(var t in e||(e={}))Xd.call(e,t)&&Is(i,t,e[t]);if(xs)for(var t of xs(e))Yd.call(e,t)&&Is(i,t,e[t]);return i};let Pi=class extends P{constructor(e,t={}){super(e,Cs(Cs({},{bubbles:!0}),t))}};Pi.CHANGE="change";var Zd=Object.defineProperty,Qd=Object.getOwnPropertyDescriptor,fe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Zd(e,t,o),o};n.UUIColorSliderElement=class extends ie("label",m){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(e){e.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),Pa(this.container,{onMove:(o,a)=>{this.vertical?this.value=Oa(O(a/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new Pi(Pi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/Oa(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div part="slider" id="color-slider" role="slider" aria-label="${this.label}" aria-orientation="${this.vertical?"vertical":"horizontal"}" aria-valuemin="${Math.round(this.min)}" aria-valuemax="${Math.round(this.max)}" aria-valuenow="${Math.round(this.value)}" @click="${this.handleClick}" @mousedown="${this.handleDrag}" @touchstart="${this.handleDrag}" @keydown="${this.handleKeyDown}">${this.type==="opacity"?u`<div id="current-hue" style="${ne({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
283
+ */const Oh=at(class extends lt{constructor(i){if(super(i),i.type!==Q.PROPERTY&&i.type!==Q.ATTRIBUTE&&i.type!==Q.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ca(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===R||e===U)return e;const t=i.element,r=i.name;if(i.type===Q.PROPERTY){if(e===t[r])return R}else if(i.type===Q.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return R}else if(i.type===Q.ATTRIBUTE&&t.getAttribute(r)===e+"")return R;return ha(i),e}});var Ah={grad:.9,turn:360,rad:360/(2*Math.PI)},ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},N=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},Z=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},pa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},ba=function(i){return{r:Z(i.r,0,255),g:Z(i.g,0,255),b:Z(i.b,0,255),a:Z(i.a)}},Zo=function(i){return{r:N(i.r),g:N(i.g),b:N(i.b),a:N(i.a,3)}},zh=/^#([0-9a-f]{3,8})$/i,Ci=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ma=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),d=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(d<0?d+6:d),s:s?a/s*100:0,v:s/255*100,a:o}},va=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),d=r*(1-(e-s)*t),c=r*(1-(1-e+s)*t),h=s%6;return{r:255*[r,d,a,a,c,r][h],g:255*[c,r,r,d,a,a][h],b:255*[a,a,c,r,r,d][h],a:o}},ga=function(i){return{h:pa(i.h),s:Z(i.s,0,100),l:Z(i.l,0,100),a:Z(i.a)}},fa=function(i){return{h:N(i.h),s:N(i.s),l:N(i.l),a:N(i.a,3)}},ya=function(i){return va((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Ht=function(i){return{h:(e=ma(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},jh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Lh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Th=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Nh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Qo={string:[[function(i){var e=zh.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?N(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?N(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Th.exec(i)||Nh.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:ba({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=jh.exec(i)||Lh.exec(i);if(!e)return null;var t,r,o=ga({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Ah[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ya(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return ve(e)&&ve(t)&&ve(r)?ba({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!ve(e)||!ve(t)||!ve(r))return null;var a=ga({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return ya(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!ve(e)||!ve(t)||!ve(r))return null;var a=function(d){return{h:pa(d.h),s:Z(d.s,0,100),v:Z(d.v,0,100),a:Z(d.a)}}({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return va(a)},"hsv"]]},wa=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Mh=function(i){return typeof i=="string"?wa(i.trim(),Qo.string):typeof i=="object"&&i!==null?wa(i,Qo.object):[null,void 0]},Jo=function(i,e){var t=Ht(i);return{h:t.h,s:Z(t.s+100*e,0,100),l:t.l,a:t.a}},er=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},_a=function(i,e){var t=Ht(i);return{h:t.h,s:t.s,l:Z(t.l+100*e,0,100),a:t.a}},Si=function(){function i(e){this.parsed=Mh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return N(er(this.rgba),2)},i.prototype.isDark=function(){return er(this.rgba)<.5},i.prototype.isLight=function(){return er(this.rgba)>=.5},i.prototype.toHex=function(){return e=Zo(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Ci(N(255*s)):"","#"+Ci(t)+Ci(r)+Ci(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return Zo(this.rgba)},i.prototype.toRgbString=function(){return e=Zo(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return fa(Ht(this.rgba))},i.prototype.toHslString=function(){return e=fa(Ht(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=ma(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},i.prototype.invert=function(){return se({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),se(Jo(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),se(Jo(this.rgba,-e))},i.prototype.grayscale=function(){return se(Jo(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),se(_a(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),se(_a(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?se({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):N(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Ht(this.rgba);return typeof e=="number"?se({h:e,s:t.s,l:t.l,a:t.a}):N(t.h)},i.prototype.isEqual=function(e){return this.toHex()===se(e).toHex()},i}(),se=function(i){return i instanceof Si?i:new Si(i)},$a=[],Dh=function(i){i.forEach(function(e){$a.indexOf(e)<0&&(e(Si,Qo),$a.push(e))})};function Bh(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var o in t)r[t[o]]=o;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var d,c,h=r[this.toHex()];if(h)return h;if(a!=null&&a.closest){var v=this.toRgb(),f=1/0,y="black";if(!s.length)for(var $ in t)s[$]=new i(t[$]).toRgb();for(var k in t){var x=(d=v,c=s[k],Math.pow(d.r-c.r,2)+Math.pow(d.g-c.g,2)+Math.pow(d.b-c.b,2));x<f&&(f=x,y=k)}return y}},e.string.push([function(a){var d=a.toLowerCase(),c=d==="transparent"?"#0000":t[d];return c?new i(c).toRgb():null},"name"])}var Vh=Object.defineProperty,Ua=Object.getOwnPropertySymbols,Hh=Object.prototype.hasOwnProperty,Rh=Object.prototype.propertyIsEnumerable,Ea=(i,e,t)=>e in i?Vh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ka=(i,e)=>{for(var t in e||(e={}))Hh.call(e,t)&&Ea(i,t,e[t]);if(Ua)for(var t of Ua(e))Rh.call(e,t)&&Ea(i,t,e[t]);return i};let Pi=class extends P{constructor(e,t={}){super(e,ka(ka({},{bubbles:!0}),t))}};Pi.CHANGE="change";var Fh=Object.defineProperty,Gh=Object.getOwnPropertyDescriptor,L=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fh(e,t,o),o};Dh([Bh]);const Ia="EyeDropper"in window;n.UUIColorPickerElement=class extends te("label",m){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=se("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:a,b:d}=this._colord.toRgb(),{h:c,s:h,l:v}=this._colord.toHsl(),{v:f}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${a}, ${d})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${c}, ${h}%, ${v}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${c}, ${h}%, ${v}%)`);case"hsva":return this.setLetterCase(`hsva(${c}, ${h}%, ${f}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r=e.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(r)}handleGridChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const r=e.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(e){var t;(t=this._swatches)==null||t.resetSelection();const r=e.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),e.stopPropagation()}handleInputKeyDown(e){var t;e.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(t=this._swatches)==null||t.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;t.value?this.setColor(t.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}handleEyeDropper(){Ia&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){this._colord=new Si(e);const{h:t,l:r,s:o,a:s}=this._colord.toHsl();return this.hue=t,this.saturation=o,this.lightness=r,this.alpha=this.opacity?s*100:100,this._syncValues(),this.dispatchEvent(new Pi(Pi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return u`<div class="${Wo({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}" aria-disabled="${this.disabled?"true":"false"}"><uui-color-area .value="${this.value}" ?disabled="${this.disabled}" @change="${this.handleGridChange}"></uui-color-area><div class="color-picker__controls"><div class="color-picker__sliders"><uui-color-slider label="hue" class="hue-slider" .value="${Math.round(this.hue)}" ?disabled="${this.disabled}" @change="${this.handleHueChange}"></uui-color-slider>${this.opacity?u`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.value}" ?disabled="${this.disabled}" @change="${this.handleAlphaChange}"></uui-color-slider>`:""}</div><button type="button" part="preview" class="color-picker__preview color-picker__transparent-bg" title="Copy" aria-label="Copy" style="${re({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" @click="${this.handleCopy}"></button></div><div class="color-picker__user-input" aria-live="polite"><uui-input label="label" type="text" part="input" name="${this.name}" autocomplete="off" autocapitalize="off" spellcheck="false" .value="${Oh(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":u`<uui-button label="Toggle color format" @click="${this.handleFormatToggle}" class="color-picker__toggle-format" ?disabled="${this.disabled}" compact="compact"><span>${this.format}</span></uui-button>`} ${Ia?u`<uui-button label="Select a color" ?disabled="${this.disabled}" @click="${this.handleEyeDropper}" compact="compact"><uui-icon-registry-essential><uui-icon name="colorpicker"></uui-icon></uui-icon-registry-essential></uui-button>`:""}</uui-button-group></div>${this._renderSwatches()}</div>`}_renderSwatches(){return this.swatches?u`<uui-color-swatches id="swatches" class="color-picker__swatches" ?disabled="${this.disabled}" @change="${this.handleColorSwatchChange}">${this.swatches.map(e=>u`<uui-color-swatch label="${e}" .value="${e}"></uui-color-swatch>`)}</uui-color-swatches>`:U}_renderPreviewButton(){return u`<button type="button" part="trigger" aria-label="${this.label||"Open Color picker"}" class="${Wo({"color-picker__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-picker__transparent-bg":!0})}" style="${re({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" ?disabled="${this.disabled}" aria-haspopup="true" aria-expanded="false" popovertarget="color-picker-popover"></button><uui-popover-container id="color-picker-popover">${this._renderColorPicker()}</uui-popover-container>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},n.UUIColorPickerElement.styles=[p`:host{--uui-look-outline-border:#ddd;--uui-look-outline-border-hover:#aaa;font-size:.8rem;display:block;width:var(--uui-color-picker-width,280px)}uui-popover-container{width:inherit}.color-picker{width:100%;background-color:#fff;user-select:none;border:solid 1px #e4e4e7}.color-picker__user-input{display:flex;padding:0 .75rem .75rem .75rem}.color-picker__user-input uui-button{border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-color-border,#d8d7d9));border-left:none}.color-picker__preview,.color-picker__trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:0 0}.color-picker__preview{cursor:copy;margin-left:.75rem;border-radius:50%}.color-picker__trigger[disabled]{cursor:not-allowed;opacity:.5}.color-picker__preview::before,.color-picker__trigger::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);background-color:var(--preview-color)}.color-dropdown__trigger--empty::before{background-color:transparent}.color-picker__transparent-bg{background-image:linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%);background-size:10px 10px;background-position:0 0,0 0,-5px -5px,5px 5px}.color-picker__preview-color--copied{animation:pulse .75s}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--uui-palette-space-cadet-light,#26356e)}70%{box-shadow:0 0 0 .5rem transparent}100%{box-shadow:0 0 0 0 transparent}}.color-picker__controls{padding:.75rem;display:flex;align-items:center}.color-picker__sliders{flex:1 1 auto}uui-color-slider:not(:last-of-type){margin-bottom:1rem}.color-picker__toggle-format{min-width:45px;--uui-button-font-size:0.8rem}.color-picker__toggle-format>span{text-transform:uppercase}uui-color-swatches{border-top:solid 1px #d4d4d8;padding:.75rem}button[slot=trigger]{border-radius:50%;cursor:pointer;width:36px;height:36px}uui-input{font-size:.85rem;box-sizing:content-box;flex:1}uui-color-area{width:100%}`],L([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),L([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),L([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),L([g()],n.UUIColorPickerElement.prototype,"inputValue",2),L([g()],n.UUIColorPickerElement.prototype,"hue",2),L([g()],n.UUIColorPickerElement.prototype,"saturation",2),L([g()],n.UUIColorPickerElement.prototype,"lightness",2),L([g()],n.UUIColorPickerElement.prototype,"alpha",2),L([g()],n.UUIColorPickerElement.prototype,"_colord",2),L([l()],n.UUIColorPickerElement.prototype,"value",2),L([l()],n.UUIColorPickerElement.prototype,"format",2),L([l()],n.UUIColorPickerElement.prototype,"name",2),L([l()],n.UUIColorPickerElement.prototype,"size",2),L([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),L([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),L([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),L([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),L([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),L([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=L([b("uui-color-picker")],n.UUIColorPickerElement);var Wh=Object.defineProperty,xa=Object.getOwnPropertySymbols,qh=Object.prototype.hasOwnProperty,Kh=Object.prototype.propertyIsEnumerable,Ca=(i,e,t)=>e in i?Wh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Sa=(i,e)=>{for(var t in e||(e={}))qh.call(e,t)&&Ca(i,t,e[t]);if(xa)for(var t of xa(e))Kh.call(e,t)&&Ca(i,t,e[t]);return i};let Oi=class extends P{constructor(e,t={}){super(e,Sa(Sa({},{bubbles:!0}),t))}};Oi.CHANGE="change";var Xh=Object.defineProperty,Yh=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xh(e,t,o),o};n.UUIColorSliderElement=class extends te("label",m){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(e){e.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),Os(this.container,{onMove:(o,s)=>{this.vertical?this.value=As(O(s/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new Oi(Oi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/As(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div part="slider" id="color-slider" role="slider" aria-label="${this.label}" aria-orientation="${this.vertical?"vertical":"horizontal"}" aria-valuemin="${Math.round(this.min)}" aria-valuemax="${Math.round(this.max)}" aria-valuenow="${Math.round(this.value)}" @click="${this.handleClick}" @mousedown="${this.handleDrag}" @touchstart="${this.handleDrag}" @keydown="${this.handleKeyDown}">${this.type==="opacity"?u`<div id="current-hue" style="${re({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
452
284
  transparent 0%,
453
285
  ${this.color} 100%
454
286
  )`})}"></div>`:""} <span id="color-slider__handle" style="--current-value:${this.ccsPropCurrentValue}" tabindex="${E(this.disabled?void 0:"0")}"></span></div>${Math.round(this.value)}`}},n.UUIColorSliderElement.styles=[p`:host{--uui-slider-height:15px;--uui-slider-handle-size:17px;--uui-slider-background-image:#fff;--uui-slider-background-size:100%;--uui-slider-background-position:top left;display:block}:host([type=hue]){--uui-slider-background-image:linear-gradient(
@@ -473,25 +305,25 @@
473
305
  45deg,
474
306
  var(--uui-palette-grey,#c4c4c4) 25%,
475
307
  transparent 25%
476
- ),linear-gradient(45deg, transparent 75%, var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg, transparent 75%, var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg, var(--uui-palette-grey,#c4c4c4) 25%, transparent 25%);--uui-slider-background-size:10px 10px;--uui-slider-background-position:0 0,0 0,-5px -5px,5px 5px}#color-slider{position:relative;background-image:var(--uui-slider-background-image);background-size:var(--uui-slider-background-size);background-position:var(--uui-slider-background-position);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);width:100%;height:var(--uui-slider-height)}:host([vertical]) #color-slider{width:var(--uui-slider-height);height:300px}:host([disabled]){cursor:not-allowed}:host([disabled]) #color-slider{user-select:none;pointer-events:none;opacity:.55}#color-slider__handle{position:absolute;top:calc(50% - var(--uui-slider-handle-size)/ 2);width:var(--uui-slider-handle-size);height:var(--uui-slider-handle-size);background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);margin-left:calc(var(--uui-slider-handle-size)/ -2);left:var(--current-value,0)}:host([vertical]) #color-slider__handle{left:unset;top:var(--current-value,100%);margin-left:-1px;margin-top:calc(var(--uui-slider-handle-size)/ -2)}::slotted(:first-child){border-radius:3px;position:absolute;top:0;left:0;width:100%;height:100%}#current-hue{border-radius:3px;position:absolute;inset:0}`],fe([l({reflect:!0})],n.UUIColorSliderElement.prototype,"type",2),fe([l()],n.UUIColorSliderElement.prototype,"color",2),fe([l({type:Number})],n.UUIColorSliderElement.prototype,"min",2),fe([l({type:Number})],n.UUIColorSliderElement.prototype,"max",2),fe([l({type:Number})],n.UUIColorSliderElement.prototype,"precision",2),fe([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"vertical",2),fe([l()],n.UUIColorSliderElement.prototype,"value",2),fe([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"disabled",2),n.UUIColorSliderElement=fe([b("uui-color-slider")],n.UUIColorSliderElement);var Jd=Object.defineProperty,ep=Object.getOwnPropertyDescriptor,Rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?ep(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Jd(e,t,o),o};n.UUIColorSwatchElement=class extends ie("label",rt(Mt(m))){constructor(){super(),this.disabled=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){var e;return(e=this._value)!=null?e:""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){const t=this._color;this._color=e,this.requestUpdate("color",t)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(e){e.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}render(){var e,t;return u`<button id="swatch" aria-label="${this.label}" aria-disabled="${this.disabled}" title="${this.label}"><div class="color-swatch color-swatch--transparent-bg"><div class="color-swatch__color" style="background-color:var(--uui-swatch-color,${(e=this.color)!=null?e:this.value})"></div><div class="color-swatch__check" style="color:var(--uui-swatch-color,${(t=this.color)!=null?t:this.value})">${$i}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?u`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:U}},n.UUIColorSwatchElement.styles=[p`:host{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:box-shadow .1s ease-out;flex-direction:column}*,:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(:focus-within:not([disabled])){outline:0}:host(:focus:not([disabled])) #swatch{outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-swatch-border-width,1px);outline-style:solid;outline-offset:var(--uui-swatch-border-width,1px)}:host([selectable]) #swatch{cursor:pointer}:host([disabled]){cursor:not-allowed;opacity:.5}#swatch{cursor:inherit;outline:0;background:0 0;border:none;padding:0;margin:0;text-align:left;border-radius:3px}:host(:not([selectable])) #swatch:focus{outline:0}:host([selectable]) #swatch::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-swatch-border-width,1px) * -1);width:calc(100% + calc(var(--uui-swatch-border-width,1px) * 2));height:calc(100% + calc(var(--uui-swatch-border-width,1px) * 2));box-sizing:border-box;border:var(--uui-swatch-border-width,2px) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-swatch-border-width,1px));transition:opacity .1s ease-out;opacity:0}:host([selectable]:not([disabled]):hover) #swatch::after{opacity:.33}:host([selectable][selected]:not([disabled]):hover) #swatch::after{opacity:.66}:host([selectable][selected]:not([disabled])) #swatch::after{opacity:1}.color-swatch{position:relative;width:var(--uui-swatch-size,25px);height:var(--uui-swatch-size,25px);border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center}:host([show-label]) .color-swatch{width:120px;height:50px}.color-swatch.color-swatch--transparent-bg{background-image:linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%);background-size:10px 10px;background-position:0 0,0 0,-5px -5px,5px 5px}.color-swatch__color{width:100%;height:100%;border:1px solid rgba(0,0,0,.125);border-radius:inherit;box-sizing:border-box}:host([show-label]) .color-swatch__color{border-radius:3px 3px 0 0}.color-swatch__check{position:absolute;vertical-align:middle;width:calc(var(--uui-swatch-size,25px)/ 2);height:calc(var(--uui-swatch-size,25px)/ 2);line-height:0;filter:invert(1) grayscale(1) contrast(9);pointer-events:none;opacity:0}:host([selected]) .color-swatch__check{opacity:1}.label,slot[name=label]::slotted(*){font-size:var(--uui-size-4,12px)}.color-swatch__label{max-width:120px;box-sizing:border-box;padding:var(--uui-size-space-1,3px) var(--uui-size-space-2,6px);line-height:1.5;display:flex;flex-direction:column;background:#fff;border:1px solid var(--uui-color-border,#d8d7d9);border-radius:0 0 3px 3px;font-size:var(--uui-size-4,12px)}.color-swatch__label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`],Rt([l()],n.UUIColorSwatchElement.prototype,"value",1),Rt([l()],n.UUIColorSwatchElement.prototype,"color",1),Rt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),Rt([l({type:Boolean,attribute:"show-label",reflect:!0})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=Rt([b("uui-color-swatch")],n.UUIColorSwatchElement);var tp=Object.defineProperty,Ss=Object.getOwnPropertySymbols,ip=Object.prototype.hasOwnProperty,op=Object.prototype.propertyIsEnumerable,Ps=(i,e,t)=>e in i?tp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Os=(i,e)=>{for(var t in e||(e={}))ip.call(e,t)&&Ps(i,t,e[t]);if(Ss)for(var t of Ss(e))op.call(e,t)&&Ps(i,t,e[t]);return i};let ht=class extends P{constructor(e,t={}){super(e,Os(Os({},{bubbles:!0}),t))}};ht.CHANGE="change";var rp=Object.defineProperty,np=Object.getOwnPropertyDescriptor,Oi=(i,e,t,r)=>{for(var o=r>1?void 0:r?np(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&rp(e,t,o),o};n.UUIColorSwatchesElement=class extends ie("label",m){constructor(){super(),this.value="",this.disabled=!1,this._onSelected=e=>{const t=e.target;this.swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new ht(ht.CHANGE)))},this._onDeselected=e=>{const t=e.target;this.swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new ht(ht.CHANGE))))},this.addEventListener(Se.SELECTED,this._onSelected),this.addEventListener(Se.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(e=>{e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.disabled?e.setAttribute("disabled",""):e.setAttribute("selectable","selectable"),this.value!==""&&e.value===this.value&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!e.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIColorSwatchesElement.styles=[p`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Oi([l()],n.UUIColorSwatchesElement.prototype,"value",2),Oi([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"disabled",2),Oi([Ce({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"swatches",2),n.UUIColorSwatchesElement=Oi([b("uui-color-swatches")],n.UUIColorSwatchesElement);var ap=Object.defineProperty,zs=Object.getOwnPropertySymbols,sp=Object.prototype.hasOwnProperty,lp=Object.prototype.propertyIsEnumerable,As=(i,e,t)=>e in i?ap(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,js=(i,e)=>{for(var t in e||(e={}))sp.call(e,t)&&As(i,t,e[t]);if(zs)for(var t of zs(e))lp.call(e,t)&&As(i,t,e[t]);return i};let ee=class extends P{constructor(e,t={}){super(e,js(js({},{bubbles:!0}),t))}};ee.CHANGE="change",ee.INNER_SLOT_CHANGE="inner-slot-change";var up=Object.defineProperty,cp=Object.getOwnPropertyDescriptor,Pe=(i,e,t,r)=>{for(var o=r>1?void 0:r?cp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&up(e,t,o),o},hp=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},dp=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ls=(i,e,t)=>(hp(i,e,"access private method"),t),zi,er;n.UUIComboboxListElement=class extends m{constructor(){super(...arguments),dp(this,zi),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Ls(this,zi,er).call(this),this._updateSelection(),this.dispatchEvent(new ee(ee.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new ee(ee.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new ee(ee.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{var t;if(!(this._options.length<=0))switch(e.key){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),(t=this._getActiveElement)==null||t.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Se.SELECTED,this._onSelected),this.addEventListener(Se.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Se.SELECTED,this._onSelected),this.removeEventListener(Se.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(e=>e.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(e=>e.value===this._activeElementValue)}_goToIndex(e){if(this._options.length===0)return;e=Math.min(Math.max(e,0),this._options.length-1);const t=this._options[e];this._activeElementValue=t.value,Ls(this,zi,er).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},zi=new WeakSet,er=function(){for(let e=0;e<this._activeOptions.length;e++)this._activeOptions[e].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},n.UUIComboboxListElement.styles=[p`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Pe([l()],n.UUIComboboxListElement.prototype,"value",1),Pe([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),Pe([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),Pe([Ce({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),Pe([Ce({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),Pe([g()],n.UUIComboboxListElement.prototype,"_value",2),Pe([g()],n.UUIComboboxListElement.prototype,"_activeElementValue",2),n.UUIComboboxListElement=Pe([b("uui-combobox-list")],n.UUIComboboxListElement);var pp=Object.defineProperty,bp=Object.getOwnPropertyDescriptor,dt=(i,e,t,r)=>{for(var o=r>1?void 0:r?bp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&pp(e,t,o),o};n.UUIComboboxListOptionElement=class extends rt(Mt(m)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){var e;return this._displayValue?this._displayValue:((e=this.textContent)==null?void 0:e.trim())||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return u`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[p`:host{position:relative;cursor:pointer;margin:0 4px;border-radius:var(--uui-border-radius,3px);outline:2px solid transparent;outline-offset:-2px;padding-left:4px}:host(:first-child){margin-top:6px}:host(:last-child){margin-bottom:6px}:host([selected]):host([active])::after{display:block;content:'';position:absolute;inset:0;outline:var(--uui-color-surface,#fff) solid 2px;outline-offset:-4px}:host(:hover){background-color:var(--uui-color-surface-emphasis,#fafafa);color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]){cursor:auto;color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]:hover){background-color:var(--uui-color-disabled,#f3f3f5)}:host([active]){outline-color:var(--uui-color-focus,#3879ff)}:host([selected]){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected,#3544b1)}:host([selected]:hover){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([selected][disabled]){color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}`],dt([g()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),dt([g()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),dt([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),dt([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),dt([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=dt([b("uui-combobox-list-option")],n.UUIComboboxListOptionElement);var mp=Object.defineProperty,Ts=Object.getOwnPropertySymbols,vp=Object.prototype.hasOwnProperty,gp=Object.prototype.propertyIsEnumerable,Ns=(i,e,t)=>e in i?mp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ms=(i,e)=>{for(var t in e||(e={}))vp.call(e,t)&&Ns(i,t,e[t]);if(Ts)for(var t of Ts(e))gp.call(e,t)&&Ns(i,t,e[t]);return i};let F=class extends P{constructor(e,t={}){super(e,Ms(Ms({},{bubbles:!0}),t))}};F.SEARCH="search",F.CHANGE="change";var fp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,G=(i,e,t,r)=>{for(var o=r>1?void 0:r?yp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&fp(e,t,o),o},tr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},x=(i,e,t)=>(tr(i,e,"read from private field"),t?t.call(i):e.get(i)),M=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ds=(i,e,t,r)=>(tr(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),ir=(i,e,t)=>(tr(i,e,"access private method"),t),te,pt,Ft,Gt,Ai,ji,Li,or,rr,nr,ar,Ti,bt,sr,Ni,Mi,lr,Di;n.UUIComboboxElement=class extends oe(m){constructor(){super(...arguments),M(this,Gt),this.closeLabel="Close",this.disabled=!1,M(this,te,void 0),M(this,pt,void 0),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,M(this,Ft,()=>{this._isPhone=x(this,pt).matches}),M(this,ji,()=>requestAnimationFrame(()=>this._inputElement.focus())),M(this,Li,()=>requestAnimationFrame(()=>{var e;(e=this.shadowRoot)!=null&&e.activeElement||x(this,bt).call(this)})),M(this,or,e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new F(F.SEARCH)),x(this,Ti).call(this)}),M(this,rr,()=>{var e;this.value&&this.value!==((e=x(this,te))==null?void 0:e.value)&&ir(this,Gt,Ai).call(this,this.value)}),M(this,nr,()=>{var e;this.value=((e=x(this,te))==null?void 0:e.value)||"",this.search=this.value?this.search:"",x(this,bt).call(this),this.dispatchEvent(new F(F.CHANGE))}),M(this,ar,()=>{this.open=!this.open}),M(this,Ti,()=>{this.open||(this.open=!0)}),M(this,bt,()=>{this.open&&(this.open=!1,this.search="",this._inputElement.value=this._displayValue,this.dispatchEvent(new F(F.SEARCH)))}),M(this,sr,e=>{this.open===!1&&e.key==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.key==="ArrowUp"||e.key==="ArrowDown")&&x(this,Ti).call(this),(e.key==="Escape"||e.key==="Enter")&&x(this,bt).call(this)}),M(this,Ni,e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._inputElement.value=this._displayValue,this._inputElement.focus(),this.dispatchEvent(new F(F.SEARCH)),this.dispatchEvent(new F(F.CHANGE)))}),M(this,Mi,()=>u`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" popovertarget="combobox-popover" @click="${x(this,ar)}" @input="${x(this,or)}" @keydown="${x(this,sr)}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":x(this,lr).call(this)}<div id="expand-symbol-wrapper" slot="append"><uui-symbol-expand .open="${this._isOpen}"></uui-symbol-expand></div><slot name="input-append" slot="append"></slot></uui-input>`),M(this,lr,()=>this.value||this.search?u`<uui-button id="clear-button" @click="${x(this,Ni)}" @keydown="${x(this,Ni)}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${jo.strings[0]}"></uui-icon></uui-button>`:""),M(this,Di,()=>u`<div id="dropdown"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`)}get value(){return this._value}set value(e){typeof e=="string"&&ir(this,Gt,Ai).call(this,e),super.value=e}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}get open(){return this._isOpen}set open(e){const t=e;this._isOpen=e;const r=this._comboboxPopoverElement;if(r)if(e){const o=this._inputElement.offsetWidth;r.style.setProperty("--popover-width",`${o}px`),r.showPopover()}else r.hidePopover();this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",x(this,Li)),this.addEventListener("mousedown",x(this,ji)),Ds(this,pt,window.matchMedia("(max-width: 600px)")),x(this,Ft).call(this),x(this,pt).addEventListener("change",x(this,Ft)),_(this,"uui-icon"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-combobox-list"),_(this,"uui-scroll-container"),_(this,"uui-popover-container"),_(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",x(this,Li)),this.removeEventListener("mousedown",x(this,ji)),x(this,pt).removeEventListener("change",x(this,Ft))}async firstUpdated(){var e;const t=(e=this._comboboxListElements)==null?void 0:e[0];t&&(Ds(this,te,t),x(this,te).for=this,x(this,te).addEventListener(ee.CHANGE,x(this,nr)),x(this,te).addEventListener(ee.INNER_SLOT_CHANGE,x(this,rr)),await this.updateComplete,ir(this,Gt,Ai).call(this,this.value))}getFormElement(){return this._inputElement}render(){return this._isPhone&&this.open?u`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${x(this,bt)}">${this.closeLabel}</uui-button>${x(this,Mi).call(this)} ${x(this,Di).call(this)}</div>`:u`${x(this,Mi).call(this)}<uui-popover-container id="combobox-popover" popover="manual" placement="bottom-end">${x(this,Di).call(this)}</uui-popover-container>`}},te=new WeakMap,pt=new WeakMap,Ft=new WeakMap,Gt=new WeakSet,Ai=function(i){x(this,te)&&(x(this,te).value=i,requestAnimationFrame(()=>this._displayValue=x(this,te).displayValue||""))},ji=new WeakMap,Li=new WeakMap,or=new WeakMap,rr=new WeakMap,nr=new WeakMap,ar=new WeakMap,Ti=new WeakMap,bt=new WeakMap,sr=new WeakMap,Ni=new WeakMap,Mi=new WeakMap,lr=new WeakMap,Di=new WeakMap,n.UUIComboboxElement.styles=[p`:host{display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#combobox-popover{width:var(--uui-dropdown-width,var(--popover-width,inherit))}#scroll-container{overflow-y:auto;width:100%;max-height:var(--uui-combobox-popover-max-height,500px)}#expand-symbol-wrapper{height:100%;padding-right:var(--uui-size-space-3,9px);display:flex;justify-content:center}#dropdown{overflow:hidden;z-index:-1;background-color:var(--uui-combobox-popover-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-color-border,#d8d7d9);border-radius:var(--uui-border-radius,3px);width:100%;height:100%;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23))}:host([disabled]) #caret{fill:var(--uui-color-disabled-contrast,#c4c4c4)}#phone-wrapper{position:fixed;inset:0;display:flex;flex-direction:column;z-index:1;font-size:1.1em}#phone-wrapper #dropdown{display:flex}#phone-wrapper #combobox-input{height:var(--uui-size-16,48px)}#phone-wrapper>uui-button{height:var(--uui-size-14,42px);width:100%}#phone-wrapper #scroll-container{max-height:unset}`],G([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),G([l({type:String})],n.UUIComboboxElement.prototype,"search",1),G([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",1),G([l({type:String})],n.UUIComboboxElement.prototype,"closeLabel",2),G([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),G([S("#combobox-input")],n.UUIComboboxElement.prototype,"_inputElement",2),G([S("#combobox-popover")],n.UUIComboboxElement.prototype,"_comboboxPopoverElement",2),G([Ce({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),G([g()],n.UUIComboboxElement.prototype,"_displayValue",2),G([g()],n.UUIComboboxElement.prototype,"_search",2),G([g()],n.UUIComboboxElement.prototype,"_isPhone",2),G([g()],n.UUIComboboxElement.prototype,"_isOpen",2),n.UUIComboboxElement=G([b("uui-combobox")],n.UUIComboboxElement);var wp=Object.defineProperty,_p=Object.getOwnPropertyDescriptor,ur=(i,e,t,r)=>{for(var o=r>1?void 0:r?_p(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&wp(e,t,o),o};n.UUIDialogLayoutElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return u`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return u`<slot></slot>`}renderActions(){return u`<slot id="actions" name="actions"></slot>`}render(){return u`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[p`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],ur([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),ur([g()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=ur([b("uui-dialog-layout")],n.UUIDialogLayoutElement);var $p=Object.defineProperty,Up=Object.getOwnPropertyDescriptor,Ep=(i,e,t,r)=>{for(var o=r>1?void 0:r?Up(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&$p(e,t,o),o};n.UUIDialogElement=class extends m{render(){return u`<slot></slot>`}},n.UUIDialogElement.styles=[p`:host{position:relative;display:block;max-width:580px;color:var(--uui-color-text,#060606);background-color:var(--uui-dialog-background-color,var(--uui-color-surface,#fff));box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],n.UUIDialogElement=Ep([b("uui-dialog")],n.UUIDialogElement);var kp=Object.defineProperty,Bs=Object.getOwnPropertySymbols,xp=Object.prototype.hasOwnProperty,Ip=Object.prototype.propertyIsEnumerable,Vs=(i,e,t)=>e in i?kp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Hs=(i,e)=>{for(var t in e||(e={}))xp.call(e,t)&&Vs(i,t,e[t]);if(Bs)for(var t of Bs(e))Ip.call(e,t)&&Vs(i,t,e[t]);return i};let mt=class extends P{constructor(e,t={}){super(e,Hs(Hs({},{bubbles:!0}),t))}};mt.CHANGE="change";var Cp=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Cp(e,t,o),o};n.UUIFileDropzoneElement=class extends ie("",m){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this._accept="",this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(e){if(e){const r=[],o=[];e.split(",").forEach(a=>{a=a.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(a)?r.push(a):o.push(a.replace(/^\./,""))}),this._acceptedMimeTypes=r,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[];const t=this._accept;this._accept=e,this.requestUpdate("accept",t)}get accept(){return this._accept}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(e){const t=[],r=[...e];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const a=o.getAsFile();if(!a)continue;this._isAccepted(a)&&t.push(a)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const a=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(a.createReader()))}}return t}async _readAllDirectoryEntries(e){const t=[];let r=await this._readEntriesPromise(e);for(;r.length>0;)t.push(...r),r=await this._readEntriesPromise(e);return t}async _readEntriesPromise(e){return new Promise((t,r)=>{try{e.readEntries(t,r)}catch(o){console.log(o),r(o)}})}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),r=e.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes)if(t===o||o.endsWith("/*")&&t.startsWith(o.replace("/*","")))return!0;return!1}async _onDrop(e){var t;e.preventDefault(),this._dropzone.classList.remove("hover");const r=(t=e.dataTransfer)==null?void 0:t.items;if(r){let o=await this._getAllFileEntries(r);this.multiple===!1&&o.length&&(o=[o[0]]),this.dispatchEvent(new mt(mt.CHANGE,{detail:{files:o}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new mt(mt.CHANGE,{detail:{files:e}}))}render(){return u`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${e=>e.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}},n.UUIFileDropzoneElement.styles=[p`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],qt([S("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),qt([S("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),qt([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",1),qt([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=qt([b("uui-file-dropzone")],n.UUIFileDropzoneElement);let Pp=class{static humanFileSize(e,t=!1,r=1){const o=t?1e3:1024;if(Math.abs(e)<o)return e+" B";const a=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let s=-1;const h=10**r;do e/=o,++s;while(Math.round(Math.abs(e)*h)/h>=o&&s<a.length-1);return e.toFixed(r)+" "+a[s]}};var Op=Object.defineProperty,zp=Object.getOwnPropertyDescriptor,le=(i,e,t,r)=>{for(var o=r>1?void 0:r?zp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Op(e,t,o),o};n.UUIFilePreviewElement=class extends m{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(r=>{this._src=r})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-thumbnail"),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?u`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?u`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:u`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return u`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${e}</span> <span id="file-name-end">${t}</span></span>`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return u`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?u`${Pp.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[p`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],le([g()],n.UUIFilePreviewElement.prototype,"_name",2),le([g()],n.UUIFilePreviewElement.prototype,"_url",2),le([g()],n.UUIFilePreviewElement.prototype,"_extension",2),le([g()],n.UUIFilePreviewElement.prototype,"_src",2),le([g()],n.UUIFilePreviewElement.prototype,"_size",2),le([g()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),le([g()],n.UUIFilePreviewElement.prototype,"_file",2),le([g()],n.UUIFilePreviewElement.prototype,"_isImage",2),le([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=le([b("uui-file-preview")],n.UUIFilePreviewElement);var Ap=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,Bi=(i,e,t,r)=>{for(var o=r>1?void 0:r?jp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Ap(e,t,o),o};n.UUIFormLayoutItemElement=class extends m{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),_(this,"uui-form-validation-message")}render(){return u`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[p`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],Bi([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Bi([g()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Bi([g()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=Bi([b("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
308
+ ),linear-gradient(45deg, transparent 75%, var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg, transparent 75%, var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg, var(--uui-palette-grey,#c4c4c4) 25%, transparent 25%);--uui-slider-background-size:10px 10px;--uui-slider-background-position:0 0,0 0,-5px -5px,5px 5px}#color-slider{position:relative;background-image:var(--uui-slider-background-image);background-size:var(--uui-slider-background-size);background-position:var(--uui-slider-background-position);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);width:100%;height:var(--uui-slider-height)}:host([vertical]) #color-slider{width:var(--uui-slider-height);height:300px}:host([disabled]){cursor:not-allowed}:host([disabled]) #color-slider{user-select:none;pointer-events:none;opacity:.55}#color-slider__handle{position:absolute;top:calc(50% - var(--uui-slider-handle-size)/ 2);width:var(--uui-slider-handle-size);height:var(--uui-slider-handle-size);background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);margin-left:calc(var(--uui-slider-handle-size)/ -2);left:var(--current-value,0)}:host([vertical]) #color-slider__handle{left:unset;top:var(--current-value,100%);margin-left:-1px;margin-top:calc(var(--uui-slider-handle-size)/ -2)}::slotted(:first-child){border-radius:3px;position:absolute;top:0;left:0;width:100%;height:100%}#current-hue{border-radius:3px;position:absolute;inset:0}`],ge([l({reflect:!0})],n.UUIColorSliderElement.prototype,"type",2),ge([l()],n.UUIColorSliderElement.prototype,"color",2),ge([l({type:Number})],n.UUIColorSliderElement.prototype,"min",2),ge([l({type:Number})],n.UUIColorSliderElement.prototype,"max",2),ge([l({type:Number})],n.UUIColorSliderElement.prototype,"precision",2),ge([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"vertical",2),ge([l()],n.UUIColorSliderElement.prototype,"value",2),ge([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"disabled",2),n.UUIColorSliderElement=ge([b("uui-color-slider")],n.UUIColorSliderElement);var Zh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,Rt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Zh(e,t,o),o};n.UUIColorSwatchElement=class extends te("label",rt(Mt(m))){constructor(){super(),this.disabled=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){var e;return(e=this._value)!=null?e:""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){const t=this._color;this._color=e,this.requestUpdate("color",t)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(e){e.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}render(){var e,t;return u`<button id="swatch" aria-label="${this.label}" aria-disabled="${this.disabled}" title="${this.label}"><div class="color-swatch color-swatch--transparent-bg"><div class="color-swatch__color" style="background-color:var(--uui-swatch-color,${(e=this.color)!=null?e:this.value})"></div><div class="color-swatch__check" style="color:var(--uui-swatch-color,${(t=this.color)!=null?t:this.value})">${Ui}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?u`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:U}},n.UUIColorSwatchElement.styles=[p`:host{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:box-shadow .1s ease-out;flex-direction:column}*,:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(:focus-within:not([disabled])){outline:0}:host(:focus:not([disabled])) #swatch{outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-swatch-border-width,1px);outline-style:solid;outline-offset:var(--uui-swatch-border-width,1px)}:host([selectable]) #swatch{cursor:pointer}:host([disabled]){cursor:not-allowed;opacity:.5}#swatch{cursor:inherit;outline:0;background:0 0;border:none;padding:0;margin:0;text-align:left;border-radius:3px}:host(:not([selectable])) #swatch:focus{outline:0}:host([selectable]) #swatch::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-swatch-border-width,1px) * -1);width:calc(100% + calc(var(--uui-swatch-border-width,1px) * 2));height:calc(100% + calc(var(--uui-swatch-border-width,1px) * 2));box-sizing:border-box;border:var(--uui-swatch-border-width,2px) solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-swatch-border-width,1px));transition:opacity .1s ease-out;opacity:0}:host([selectable]:not([disabled]):hover) #swatch::after{opacity:.33}:host([selectable][selected]:not([disabled]):hover) #swatch::after{opacity:.66}:host([selectable][selected]:not([disabled])) #swatch::after{opacity:1}.color-swatch{position:relative;width:var(--uui-swatch-size,25px);height:var(--uui-swatch-size,25px);border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center}:host([show-label]) .color-swatch{width:120px;height:50px}.color-swatch.color-swatch--transparent-bg{background-image:linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,transparent 75%,var(--uui-palette-grey,#c4c4c4) 75%),linear-gradient(45deg,var(--uui-palette-grey,#c4c4c4) 25%,transparent 25%);background-size:10px 10px;background-position:0 0,0 0,-5px -5px,5px 5px}.color-swatch__color{width:100%;height:100%;border:1px solid rgba(0,0,0,.125);border-radius:inherit;box-sizing:border-box}:host([show-label]) .color-swatch__color{border-radius:3px 3px 0 0}.color-swatch__check{position:absolute;vertical-align:middle;width:calc(var(--uui-swatch-size,25px)/ 2);height:calc(var(--uui-swatch-size,25px)/ 2);line-height:0;filter:invert(1) grayscale(1) contrast(9);pointer-events:none;opacity:0}:host([selected]) .color-swatch__check{opacity:1}.label,slot[name=label]::slotted(*){font-size:var(--uui-size-4,12px)}.color-swatch__label{max-width:120px;box-sizing:border-box;padding:var(--uui-size-space-1,3px) var(--uui-size-space-2,6px);line-height:1.5;display:flex;flex-direction:column;background:#fff;border:1px solid var(--uui-color-border,#d8d7d9);border-radius:0 0 3px 3px;font-size:var(--uui-size-4,12px)}.color-swatch__label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}`],Rt([l()],n.UUIColorSwatchElement.prototype,"value",1),Rt([l()],n.UUIColorSwatchElement.prototype,"color",1),Rt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),Rt([l({type:Boolean,attribute:"show-label",reflect:!0})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=Rt([b("uui-color-swatch")],n.UUIColorSwatchElement);var Jh=Object.defineProperty,Pa=Object.getOwnPropertySymbols,ep=Object.prototype.hasOwnProperty,tp=Object.prototype.propertyIsEnumerable,Oa=(i,e,t)=>e in i?Jh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Aa=(i,e)=>{for(var t in e||(e={}))ep.call(e,t)&&Oa(i,t,e[t]);if(Pa)for(var t of Pa(e))tp.call(e,t)&&Oa(i,t,e[t]);return i};let dt=class extends P{constructor(e,t={}){super(e,Aa(Aa({},{bubbles:!0}),t))}};dt.CHANGE="change";var ip=Object.defineProperty,op=Object.getOwnPropertyDescriptor,Ai=(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&&ip(e,t,o),o};n.UUIColorSwatchesElement=class extends te("label",m){constructor(){super(),this.value="",this.disabled=!1,this._onSelected=e=>{const t=e.target;this.swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new dt(dt.CHANGE)))},this._onDeselected=e=>{const t=e.target;this.swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new dt(dt.CHANGE))))},this.addEventListener(Se.SELECTED,this._onSelected),this.addEventListener(Se.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(e=>{e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.disabled?e.setAttribute("disabled",""):e.setAttribute("selectable","selectable"),this.value!==""&&e.value===this.value&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!e.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIColorSwatchesElement.styles=[p`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Ai([l()],n.UUIColorSwatchesElement.prototype,"value",2),Ai([l({type:Boolean,reflect:!0})],n.UUIColorSwatchesElement.prototype,"disabled",2),Ai([Ce({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"swatches",2),n.UUIColorSwatchesElement=Ai([b("uui-color-swatches")],n.UUIColorSwatchesElement);var rp=Object.defineProperty,za=Object.getOwnPropertySymbols,np=Object.prototype.hasOwnProperty,sp=Object.prototype.propertyIsEnumerable,ja=(i,e,t)=>e in i?rp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,La=(i,e)=>{for(var t in e||(e={}))np.call(e,t)&&ja(i,t,e[t]);if(za)for(var t of za(e))sp.call(e,t)&&ja(i,t,e[t]);return i};let J=class extends P{constructor(e,t={}){super(e,La(La({},{bubbles:!0}),t))}};J.CHANGE="change",J.INNER_SLOT_CHANGE="inner-slot-change";var ap=Object.defineProperty,lp=Object.getOwnPropertyDescriptor,Pe=(i,e,t,r)=>{for(var o=r>1?void 0:r?lp(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&&ap(e,t,o),o},up=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},cp=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ta=(i,e,t)=>(up(i,e,"access private method"),t),zi,tr;n.UUIComboboxListElement=class extends m{constructor(){super(...arguments),cp(this,zi),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Ta(this,zi,tr).call(this),this._updateSelection(),this.dispatchEvent(new J(J.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new J(J.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new J(J.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{var t;if(!(this._options.length<=0))switch(e.key){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),(t=this._getActiveElement)==null||t.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Se.SELECTED,this._onSelected),this.addEventListener(Se.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Se.SELECTED,this._onSelected),this.removeEventListener(Se.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(e=>e.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(e=>e.value===this._activeElementValue)}_goToIndex(e){if(this._options.length===0)return;e=Math.min(Math.max(e,0),this._options.length-1);const t=this._options[e];this._activeElementValue=t.value,Ta(this,zi,tr).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},zi=new WeakSet,tr=function(){for(let e=0;e<this._activeOptions.length;e++)this._activeOptions[e].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},n.UUIComboboxListElement.styles=[p`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Pe([l()],n.UUIComboboxListElement.prototype,"value",1),Pe([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),Pe([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),Pe([Ce({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),Pe([Ce({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),Pe([g()],n.UUIComboboxListElement.prototype,"_value",2),Pe([g()],n.UUIComboboxListElement.prototype,"_activeElementValue",2),n.UUIComboboxListElement=Pe([b("uui-combobox-list")],n.UUIComboboxListElement);var dp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,ht=(i,e,t,r)=>{for(var o=r>1?void 0:r?hp(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};n.UUIComboboxListOptionElement=class extends rt(Mt(m)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){var e;return this._displayValue?this._displayValue:((e=this.textContent)==null?void 0:e.trim())||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return u`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[p`:host{position:relative;cursor:pointer;margin:0 4px;border-radius:var(--uui-border-radius,3px);outline:2px solid transparent;outline-offset:-2px;padding-left:4px}:host(:first-child){margin-top:6px}:host(:last-child){margin-bottom:6px}:host([selected]):host([active])::after{display:block;content:'';position:absolute;inset:0;outline:var(--uui-color-surface,#fff) solid 2px;outline-offset:-4px}:host(:hover){background-color:var(--uui-color-surface-emphasis,#fafafa);color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]){cursor:auto;color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]:hover){background-color:var(--uui-color-disabled,#f3f3f5)}:host([active]){outline-color:var(--uui-color-focus,#3879ff)}:host([selected]){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected,#3544b1)}:host([selected]:hover){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([selected][disabled]){color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}`],ht([g()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),ht([g()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),ht([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),ht([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),ht([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=ht([b("uui-combobox-list-option")],n.UUIComboboxListOptionElement);var pp=Object.defineProperty,Na=Object.getOwnPropertySymbols,bp=Object.prototype.hasOwnProperty,mp=Object.prototype.propertyIsEnumerable,Ma=(i,e,t)=>e in i?pp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Da=(i,e)=>{for(var t in e||(e={}))bp.call(e,t)&&Ma(i,t,e[t]);if(Na)for(var t of Na(e))mp.call(e,t)&&Ma(i,t,e[t]);return i};let F=class extends P{constructor(e,t={}){super(e,Da(Da({},{bubbles:!0}),t))}};F.SEARCH="search",F.CHANGE="change";var vp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,G=(i,e,t,r)=>{for(var o=r>1?void 0:r?gp(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&&vp(e,t,o),o},ir=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},I=(i,e,t)=>(ir(i,e,"read from private field"),t?t.call(i):e.get(i)),M=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ba=(i,e,t,r)=>(ir(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),or=(i,e,t)=>(ir(i,e,"access private method"),t),ee,pt,Ft,Gt,ji,Li,Ti,rr,nr,sr,ar,Ni,bt,lr,Mi,Di,ur,Bi;n.UUIComboboxElement=class extends ie(m){constructor(){super(...arguments),M(this,Gt),this.closeLabel="Close",this.disabled=!1,M(this,ee,void 0),M(this,pt,void 0),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,M(this,Ft,()=>{this._isPhone=I(this,pt).matches}),M(this,Li,()=>requestAnimationFrame(()=>this._inputElement.focus())),M(this,Ti,()=>requestAnimationFrame(()=>{var e;(e=this.shadowRoot)!=null&&e.activeElement||I(this,bt).call(this)})),M(this,rr,e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new F(F.SEARCH)),I(this,Ni).call(this)}),M(this,nr,()=>{var e;this.value&&this.value!==((e=I(this,ee))==null?void 0:e.value)&&or(this,Gt,ji).call(this,this.value)}),M(this,sr,()=>{var e;this.value=((e=I(this,ee))==null?void 0:e.value)||"",this.search=this.value?this.search:"",I(this,bt).call(this),this.dispatchEvent(new F(F.CHANGE))}),M(this,ar,()=>{this.open=!this.open}),M(this,Ni,()=>{this.open||(this.open=!0)}),M(this,bt,()=>{this.open&&(this.open=!1,this.search="",this._inputElement.value=this._displayValue,this.dispatchEvent(new F(F.SEARCH)))}),M(this,lr,e=>{this.open===!1&&e.key==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.key==="ArrowUp"||e.key==="ArrowDown")&&I(this,Ni).call(this),(e.key==="Escape"||e.key==="Enter")&&I(this,bt).call(this)}),M(this,Mi,e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._inputElement.value=this._displayValue,this._inputElement.focus(),this.dispatchEvent(new F(F.SEARCH)),this.dispatchEvent(new F(F.CHANGE)))}),M(this,Di,()=>u`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" popovertarget="combobox-popover" @click="${I(this,ar)}" @input="${I(this,rr)}" @keydown="${I(this,lr)}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":I(this,ur).call(this)}<div id="expand-symbol-wrapper" slot="append"><uui-symbol-expand .open="${this._isOpen}"></uui-symbol-expand></div><slot name="input-append" slot="append"></slot></uui-input>`),M(this,ur,()=>this.value||this.search?u`<uui-button id="clear-button" @click="${I(this,Mi)}" @keydown="${I(this,Mi)}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${Lo.strings[0]}"></uui-icon></uui-button>`:""),M(this,Bi,()=>u`<div id="dropdown"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`)}get value(){return this._value}set value(e){typeof e=="string"&&or(this,Gt,ji).call(this,e),super.value=e}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}get open(){return this._isOpen}set open(e){const t=e;this._isOpen=e;const r=this._comboboxPopoverElement;if(r)if(e){const o=this._inputElement.offsetWidth;r.style.setProperty("--popover-width",`${o}px`),r.showPopover()}else r.hidePopover();this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",I(this,Ti)),this.addEventListener("mousedown",I(this,Li)),Ba(this,pt,window.matchMedia("(max-width: 600px)")),I(this,Ft).call(this),I(this,pt).addEventListener("change",I(this,Ft)),_(this,"uui-icon"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-combobox-list"),_(this,"uui-scroll-container"),_(this,"uui-popover-container"),_(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",I(this,Ti)),this.removeEventListener("mousedown",I(this,Li)),I(this,pt).removeEventListener("change",I(this,Ft))}async firstUpdated(){var e;const t=(e=this._comboboxListElements)==null?void 0:e[0];t&&(Ba(this,ee,t),I(this,ee).for=this,I(this,ee).addEventListener(J.CHANGE,I(this,sr)),I(this,ee).addEventListener(J.INNER_SLOT_CHANGE,I(this,nr)),await this.updateComplete,or(this,Gt,ji).call(this,this.value))}getFormElement(){return this._inputElement}render(){return this._isPhone&&this.open?u`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${I(this,bt)}">${this.closeLabel}</uui-button>${I(this,Di).call(this)} ${I(this,Bi).call(this)}</div>`:u`${I(this,Di).call(this)}<uui-popover-container id="combobox-popover" popover="manual" placement="bottom-end">${I(this,Bi).call(this)}</uui-popover-container>`}},ee=new WeakMap,pt=new WeakMap,Ft=new WeakMap,Gt=new WeakSet,ji=function(i){I(this,ee)&&(I(this,ee).value=i,requestAnimationFrame(()=>this._displayValue=I(this,ee).displayValue||""))},Li=new WeakMap,Ti=new WeakMap,rr=new WeakMap,nr=new WeakMap,sr=new WeakMap,ar=new WeakMap,Ni=new WeakMap,bt=new WeakMap,lr=new WeakMap,Mi=new WeakMap,Di=new WeakMap,ur=new WeakMap,Bi=new WeakMap,n.UUIComboboxElement.styles=[p`:host{display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#combobox-popover{width:var(--uui-dropdown-width,var(--popover-width,inherit))}#scroll-container{overflow-y:auto;width:100%;max-height:var(--uui-combobox-popover-max-height,500px)}#expand-symbol-wrapper{height:100%;padding-right:var(--uui-size-space-3,9px);display:flex;justify-content:center}#dropdown{overflow:hidden;z-index:-1;background-color:var(--uui-combobox-popover-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-color-border,#d8d7d9);border-radius:var(--uui-border-radius,3px);width:100%;height:100%;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23))}:host([disabled]) #caret{fill:var(--uui-color-disabled-contrast,#c4c4c4)}#phone-wrapper{position:fixed;inset:0;display:flex;flex-direction:column;z-index:1;font-size:1.1em}#phone-wrapper #dropdown{display:flex}#phone-wrapper #combobox-input{height:var(--uui-size-16,48px)}#phone-wrapper>uui-button{height:var(--uui-size-14,42px);width:100%}#phone-wrapper #scroll-container{max-height:unset}`],G([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),G([l({type:String})],n.UUIComboboxElement.prototype,"search",1),G([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",1),G([l({type:String})],n.UUIComboboxElement.prototype,"closeLabel",2),G([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),G([S("#combobox-input")],n.UUIComboboxElement.prototype,"_inputElement",2),G([S("#combobox-popover")],n.UUIComboboxElement.prototype,"_comboboxPopoverElement",2),G([Ce({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),G([g()],n.UUIComboboxElement.prototype,"_displayValue",2),G([g()],n.UUIComboboxElement.prototype,"_search",2),G([g()],n.UUIComboboxElement.prototype,"_isPhone",2),G([g()],n.UUIComboboxElement.prototype,"_isOpen",2),n.UUIComboboxElement=G([b("uui-combobox")],n.UUIComboboxElement);var fp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,cr=(i,e,t,r)=>{for(var o=r>1?void 0:r?yp(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&&fp(e,t,o),o};n.UUIDialogLayoutElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return u`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return u`<slot></slot>`}renderActions(){return u`<slot id="actions" name="actions"></slot>`}render(){return u`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[p`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],cr([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),cr([g()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=cr([b("uui-dialog-layout")],n.UUIDialogLayoutElement);var wp=Object.defineProperty,_p=Object.getOwnPropertyDescriptor,$p=(i,e,t,r)=>{for(var o=r>1?void 0:r?_p(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.UUIDialogElement=class extends m{render(){return u`<slot></slot>`}},n.UUIDialogElement.styles=[p`:host{position:relative;display:block;max-width:580px;color:var(--uui-color-text,#060606);background-color:var(--uui-dialog-background-color,var(--uui-color-surface,#fff));box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],n.UUIDialogElement=$p([b("uui-dialog")],n.UUIDialogElement);var Up=Object.defineProperty,Va=Object.getOwnPropertySymbols,Ep=Object.prototype.hasOwnProperty,kp=Object.prototype.propertyIsEnumerable,Ha=(i,e,t)=>e in i?Up(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ra=(i,e)=>{for(var t in e||(e={}))Ep.call(e,t)&&Ha(i,t,e[t]);if(Va)for(var t of Va(e))kp.call(e,t)&&Ha(i,t,e[t]);return i};let mt=class extends P{constructor(e,t={}){super(e,Ra(Ra({},{bubbles:!0}),t))}};mt.CHANGE="change";var Ip=Object.defineProperty,xp=Object.getOwnPropertyDescriptor,Wt=(i,e,t,r)=>{for(var o=r>1?void 0:r?xp(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&&Ip(e,t,o),o};n.UUIFileDropzoneElement=class extends te("",m){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this._accept="",this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(e){if(e){const r=[],o=[];e.split(",").forEach(s=>{s=s.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(s)?r.push(s):o.push(s.replace(/^\./,""))}),this._acceptedMimeTypes=r,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[];const t=this._accept;this._accept=e,this.requestUpdate("accept",t)}get accept(){return this._accept}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(e){const t=[],r=[...e];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const s=o.getAsFile();if(!s)continue;this._isAccepted(s)&&t.push(s)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const s=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(s.createReader()))}}return t}async _readAllDirectoryEntries(e){const t=[];let r=await this._readEntriesPromise(e);for(;r.length>0;)t.push(...r),r=await this._readEntriesPromise(e);return t}async _readEntriesPromise(e){return new Promise((t,r)=>{try{e.readEntries(t,r)}catch(o){console.log(o),r(o)}})}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),r=e.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes)if(t===o||o.endsWith("/*")&&t.startsWith(o.replace("/*","")))return!0;return!1}async _onDrop(e){var t;e.preventDefault(),this._dropzone.classList.remove("hover");const r=(t=e.dataTransfer)==null?void 0:t.items;if(r){let o=await this._getAllFileEntries(r);this.multiple===!1&&o.length&&(o=[o[0]]),this.dispatchEvent(new mt(mt.CHANGE,{detail:{files:o}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new mt(mt.CHANGE,{detail:{files:e}}))}render(){return u`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${e=>e.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}},n.UUIFileDropzoneElement.styles=[p`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],Wt([S("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),Wt([S("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),Wt([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",1),Wt([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=Wt([b("uui-file-dropzone")],n.UUIFileDropzoneElement);let Cp=class{static humanFileSize(e,t=!1,r=1){const o=t?1e3:1024;if(Math.abs(e)<o)return e+" B";const s=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const d=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*d)/d>=o&&a<s.length-1);return e.toFixed(r)+" "+s[a]}};var Sp=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,ae=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pp(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&&Sp(e,t,o),o};n.UUIFilePreviewElement=class extends m{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(r=>{this._src=r})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-thumbnail"),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?u`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?u`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:u`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return u`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${e}</span> <span id="file-name-end">${t}</span></span>`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const r=new FileReader;r.readAsDataURL(e),r.onload=()=>{t(r.result)}})}render(){return u`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?u`${Cp.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[p`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],ae([g()],n.UUIFilePreviewElement.prototype,"_name",2),ae([g()],n.UUIFilePreviewElement.prototype,"_url",2),ae([g()],n.UUIFilePreviewElement.prototype,"_extension",2),ae([g()],n.UUIFilePreviewElement.prototype,"_src",2),ae([g()],n.UUIFilePreviewElement.prototype,"_size",2),ae([g()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),ae([g()],n.UUIFilePreviewElement.prototype,"_file",2),ae([g()],n.UUIFilePreviewElement.prototype,"_isImage",2),ae([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=ae([b("uui-file-preview")],n.UUIFilePreviewElement);var Op=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,Vi=(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&&Op(e,t,o),o};n.UUIFormLayoutItemElement=class extends m{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),_(this,"uui-form-validation-message")}render(){return u`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[p`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],Vi([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Vi([g()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Vi([g()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=Vi([b("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
477
309
  * @license
478
310
  * Copyright 2017 Google LLC
479
311
  * SPDX-License-Identifier: BSD-3-Clause
480
- */const Rs=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},cr=st(class extends lt{constructor(i){if(super(i),i.type!==J.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const o=[],a=[];let s=0;for(const h of i)o[s]=r?r(h,s):s,a[s]=t(h,s),s++;return{values:a,keys:o}}render(i,e,t){return this.ct(i,e,t).values}update(i,[e,t,r]){var o;const a=zd(i),{values:s,keys:h}=this.ct(e,t,r);if(!Array.isArray(a))return this.ut=h,s;const c=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],d=[];let v,f,y=0,$=a.length-1,k=0,I=s.length-1;for(;y<=$&&k<=I;)if(a[y]===null)y++;else if(a[$]===null)$--;else if(c[y]===h[k])d[k]=Re(a[y],s[k]),y++,k++;else if(c[$]===h[I])d[I]=Re(a[$],s[I]),$--,I--;else if(c[y]===h[I])d[I]=Re(a[y],s[I]),Vt(i,d[I+1],a[y]),y++,I--;else if(c[$]===h[k])d[k]=Re(a[$],s[k]),Vt(i,a[y],a[$]),$--,k++;else if(v===void 0&&(v=Rs(h,k,I),f=Rs(c,y,$)),v.has(c[y]))if(v.has(c[$])){const A=f.get(h[k]),ke=A!==void 0?a[A]:null;if(ke===null){const xe=Vt(i,a[y]);Re(xe,s[k]),d[k]=xe}else d[k]=Re(ke,s[k]),Vt(i,a[y],ke),a[A]=null;k++}else Xo(a[$]),$--;else Xo(a[y]),y++;for(;k<=I;){const A=Vt(i,d[I+1]);Re(A,s[k]),d[k++]=A}for(;y<=$;){const A=a[y++];A!==null&&Xo(A)}return this.ut=h,hs(i,d),R}});var Lp=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,Fs=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Lp(e,t,o),o};n.UUIFormValidationMessageElement=class extends m{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()},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;if(typeof e=="string"){const a=this.getRootNode();t=a?.getElementById(e)}const r=t||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(at.INVALID,this._onControlInvalid),o.removeEventListener(at.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(at.INVALID,this._onControlInvalid),this._for.addEventListener(at.VALID,this._onControlValid))}render(){return u`<slot></slot><div id="messages">${cr(this._messages,e=>u`<div>${e[1]}</div>`)}<slot name="message"></slot></div>`}},n.UUIFormValidationMessageElement.styles=[p`#messages{color:var(--uui-color-danger-standalone,#bf214e)}`],Fs([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Fs([b("uui-form-validation-message")],n.UUIFormValidationMessageElement);var Np=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,Dp=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Np(e,t,o),o};n.UUIFormElement=class extends m{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=Dp([b("uui-form")],n.UUIFormElement);/**
312
+ */const Fa=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},dr=at(class extends lt{constructor(i){if(super(i),i.type!==Q.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const o=[],s=[];let a=0;for(const d of i)o[a]=r?r(d,a):a,s[a]=t(d,a),a++;return{values:s,keys:o}}render(i,e,t){return this.ct(i,e,t).values}update(i,[e,t,r]){var o;const s=Ph(i),{values:a,keys:d}=this.ct(e,t,r);if(!Array.isArray(s))return this.ut=d,a;const c=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],h=[];let v,f,y=0,$=s.length-1,k=0,x=a.length-1;for(;y<=$&&k<=x;)if(s[y]===null)y++;else if(s[$]===null)$--;else if(c[y]===d[k])h[k]=Re(s[y],a[k]),y++,k++;else if(c[$]===d[x])h[x]=Re(s[$],a[x]),$--,x--;else if(c[y]===d[x])h[x]=Re(s[y],a[x]),Vt(i,h[x+1],s[y]),y++,x--;else if(c[$]===d[k])h[k]=Re(s[$],a[k]),Vt(i,s[y],s[$]),$--,k++;else if(v===void 0&&(v=Fa(d,k,x),f=Fa(c,y,$)),v.has(c[y]))if(v.has(c[$])){const z=f.get(d[k]),Ee=z!==void 0?s[z]:null;if(Ee===null){const ke=Vt(i,s[y]);Re(ke,a[k]),h[k]=ke}else h[k]=Re(Ee,a[k]),Vt(i,s[y],Ee),s[z]=null;k++}else Yo(s[$]),$--;else Yo(s[y]),y++;for(;k<=x;){const z=Vt(i,h[x+1]);Re(z,a[k]),h[k++]=z}for(;y<=$;){const z=s[y++];z!==null&&Yo(z)}return this.ut=d,ha(i,h),R}});var zp=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,Ga=(i,e,t,r)=>{for(var o=r>1?void 0:r?jp(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&&zp(e,t,o),o};n.UUIFormValidationMessageElement=class extends m{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()},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;if(typeof e=="string"){const s=this.getRootNode();t=s?.getElementById(e)}const r=t||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(st.INVALID,this._onControlInvalid),o.removeEventListener(st.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(st.INVALID,this._onControlInvalid),this._for.addEventListener(st.VALID,this._onControlValid))}render(){return u`<slot></slot><div id="messages">${dr(this._messages,e=>u`<div>${e[1]}</div>`)}<slot name="message"></slot></div>`}},n.UUIFormValidationMessageElement.styles=[p`#messages{color:var(--uui-color-danger-standalone,#bf214e)}`],Ga([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Ga([b("uui-form-validation-message")],n.UUIFormValidationMessageElement);var Lp=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,Np=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tp(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&&Lp(e,t,o),o};n.UUIFormElement=class extends m{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=Np([b("uui-form")],n.UUIFormElement);/**
481
313
  * @license
482
314
  * Copyright 2017 Google LLC
483
315
  * SPDX-License-Identifier: BSD-3-Clause
484
- */class hr extends lt{constructor(e){if(super(e),this.et=U,e.type!==J.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===U||e==null)return this.ft=void 0,this.et=e;if(e===R)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:[]}}}hr.directiveName="unsafeHTML",hr.resultType=1;const dr=st(hr);var Bp=Object.defineProperty,Gs=Object.getOwnPropertySymbols,Vp=Object.prototype.hasOwnProperty,Hp=Object.prototype.propertyIsEnumerable,qs=(i,e,t)=>e in i?Bp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ws=(i,e)=>{for(var t in e||(e={}))Vp.call(e,t)&&qs(i,t,e[t]);if(Gs)for(var t of Gs(e))Hp.call(e,t)&&qs(i,t,e[t]);return i};let vt=class extends P{constructor(e,t={}){super(e,Ws(Ws({},{bubbles:!0,composed:!0}),t)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};vt.ICON_REQUEST="icon-request";var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Fe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Rp(e,t,o),o};n.UUIIconElement=class extends m{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 vt(vt.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>`:dr(this.fallback):this._nameSvg!==null?dr(this._nameSvg):this.svg!==null?dr(this.svg):u`<slot></slot>`}},n.UUIIconElement.styles=[p`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{color:var(--uui-icon-color,currentColor)}:host-context(div[slot=prepend]){margin-left:var(--uui-size-2,6px)}:host-context(div[slot=append]){margin-right:var(--uui-size-2,6px)}`],Fe([g()],n.UUIIconElement.prototype,"_nameSvg",2),Fe([l()],n.UUIIconElement.prototype,"label",2),Fe([l()],n.UUIIconElement.prototype,"name",1),Fe([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Fe([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Fe([g()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Fe([b("uui-icon")],n.UUIIconElement);let pr=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)}},br=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(vt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(vt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new pr(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new pr}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Gp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Ks=(i,e,t,r)=>{for(var o=r>1?void 0:r?qp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Gp(e,t,o),o};n.UUIIconRegistryElement=class extends m{constructor(){super(),this._icons={},this._registry=new br,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>`}},Ks([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Ks([b("uui-icon-registry")],n.UUIIconRegistryElement);const Wp=w`<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>`,Kp=w`<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>`,Xp=w`<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>`,Yp=w`<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>`,Zp=w`<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>`,Qp=w`<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>`,Jp=w`<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>`,eb=w`<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>`,tb=w`<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>`,ib=w`<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>`,ob=w`<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>`,rb=w`<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>`,nb=w`<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>`,ab=w`<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>`,sb=w`<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>`,lb=w`<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>`,ub=w`<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>`,cb=w`<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>`,hb=w`<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>`,db=w`<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>`,pb=w`<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>`,bb=w`<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>`,mb=w`<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>`,vb=w`<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>`,gb=w`<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>`,fb=w`<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>`,yb=w`<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>`,wb=w`<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>`,_b=w`<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>`,$b=w`<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>`,Ub=w`<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>`,Eb=w`<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 Xs=class extends br{constructor(){super(),this.defineIcon("add",Wp.strings[0]),this.defineIcon("alert",Kp.strings[0]),this.defineIcon("attachment",Xp.strings[0]),this.defineIcon("calendar",Yp.strings[0]),this.defineIcon("check",Zp.strings[0]),this.defineIcon("clipboard",Qp.strings[0]),this.defineIcon("code",Jp.strings[0]),this.defineIcon("colorpicker",eb.strings[0]),this.defineIcon("copy",tb.strings[0]),this.defineIcon("delete",ib.strings[0]),this.defineIcon("document",ob.strings[0]),this.defineIcon("download",rb.strings[0]),this.defineIcon("edit",nb.strings[0]),this.defineIcon("favorite",ab.strings[0]),this.defineIcon("folder",sb.strings[0]),this.defineIcon("forbidden",lb.strings[0]),this.defineIcon("info",ub.strings[0]),this.defineIcon("link",cb.strings[0]),this.defineIcon("lock",hb.strings[0]),this.defineIcon("pause",db.strings[0]),this.defineIcon("picture",pb.strings[0]),this.defineIcon("play",bb.strings[0]),this.defineIcon("remove",mb.strings[0]),this.defineIcon("search",vb.strings[0]),this.defineIcon("see",gb.strings[0]),this.defineIcon("settings",fb.strings[0]),this.defineIcon("subtract",yb.strings[0]),this.defineIcon("sync",wb.strings[0]),this.defineIcon("unlock",_b.strings[0]),this.defineIcon("unsee",$b.strings[0]),this.defineIcon("wand",Ub.strings[0]),this.defineIcon("wrong",Eb.strings[0])}};var kb=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,Ib=(i,e,t,r)=>{for(var o=r>1?void 0:r?xb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&kb(e,t,o),o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Xs}},n.UUIIconRegistryEssentialElement=Ib([b("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Cb=Object.defineProperty,Sb=Object.getOwnPropertyDescriptor,gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Cb(e,t,o),o};n.UUIInputFileElement=class extends oe(m){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 this._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}_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],a=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=a;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,a),this._updateFileWrappers([a]);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 a=o instanceof File;r.append(this.name,a?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="${Fh.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${cr(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>`:U}</div>`}},n.UUIInputFileElement.styles=[p`: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}`],gt([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),gt([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),gt([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),gt([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),gt([g()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=gt([b("uui-input-file")],n.UUIInputFileElement);var Pb=Object.defineProperty,Ys=Object.getOwnPropertySymbols,Ob=Object.prototype.hasOwnProperty,zb=Object.prototype.propertyIsEnumerable,Zs=(i,e,t)=>e in i?Pb(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Qs=(i,e)=>{for(var t in e||(e={}))Ob.call(e,t)&&Zs(i,t,e[t]);if(Ys)for(var t of Ys(e))zb.call(e,t)&&Zs(i,t,e[t]);return i};let Ge=class extends P{constructor(e,t={}){super(e,Qs(Qs({},{bubbles:!0}),t))}};Ge.CHANGE="change",Ge.INPUT="input";var Ab=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?jb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Ab(e,t,o),o};n.UUIInputElement=class extends oe(ie("",m)){constructor(){super(),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("keypress",this._onKeypress),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)}get type(){return this._type}set type(e){this._type=e}firstUpdated(e){super.firstUpdated(e),this.addFormControlElement(this._input)}_onKeypress(e){this.type!=="color"&&e.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new Ge(Ge.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ge(Ge.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="${E(this.pattern)}" min="${E(this.min)}" max="${E(this.max)}" step="${E(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${E(this.autocomplete)}" placeholder="${E(this.placeholder)}" aria-label="${E(this.label)}" inputmode="${E(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}`}},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[p`: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));--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}#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-danger,#d42054)}input{font-family:inherit;padding:var(--uui-size-1,3px) var(--uui-size-space-3,9px);font-size:inherit;color:inherit;border-radius:0;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}`],D([l()],n.UUIInputElement.prototype,"min",2),D([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),D([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),D([l()],n.UUIInputElement.prototype,"max",2),D([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),D([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),D([l({type:Number})],n.UUIInputElement.prototype,"step",2),D([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),D([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),D([l()],n.UUIInputElement.prototype,"placeholder",2),D([l()],n.UUIInputElement.prototype,"autocomplete",2),D([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),D([l({type:String})],n.UUIInputElement.prototype,"type",1),D([l({type:String})],n.UUIInputElement.prototype,"pattern",2),D([l({type:String})],n.UUIInputElement.prototype,"inputMode",2),D([S("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=D([b("uui-input")],n.UUIInputElement);var Lb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,Js=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Lb(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}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${Gh.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${Kh.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,p`#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}`],Js([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=Js([b("uui-input-lock")],n.UUIInputLockElement);var Nb=Object.defineProperty,Mb=Object.getOwnPropertyDescriptor,mr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Nb(e,t,o),o};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(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="${Wh.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${Xh.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,p`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],mr([g()],n.UUIInputPasswordElement.prototype,"passwordType",2),mr([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=mr([b("uui-input-password")],n.UUIInputPasswordElement);var Db=Object.defineProperty,Bb=Object.getOwnPropertyDescriptor,Vb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Db(e,t,o),o};n.UUIKeyboardShortcutElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[p`: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=Vb([b("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Hb=Object.defineProperty,Rb=Object.getOwnPropertyDescriptor,Fb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Hb(e,t,o),o};n.UUIKeyElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[p`: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=Fb([b("uui-key")],n.UUIKeyElement);var Gb=Object.defineProperty,qb=Object.getOwnPropertyDescriptor,Vi=(i,e,t,r)=>{for(var o=r>1?void 0:r?qb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Gb(e,t,o),o};n.UUILabelElement=class extends m{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(){if(typeof this.for=="string"){const e=this.getRootNode();return e?.getElementById(this.for)||null}return this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[p`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,#d42054);font-weight:900}`],Vi([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Vi([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Vi([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Vi([b("uui-label")],n.UUILabelElement);var Wb=Object.defineProperty,Kb=Object.getOwnPropertyDescriptor,vr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Wb(e,t,o),o};const Xb=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUILoaderBarElement=class extends m{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Xb(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=[p`: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}}`],vr([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),vr([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=vr([b("uui-loader-bar")],n.UUILoaderBarElement);var Yb=Object.defineProperty,Zb=Object.getOwnPropertyDescriptor,gr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Yb(e,t,o),o};n.UUILoaderCircleElement=class extends m{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="${ne(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[p`: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}`],gr([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),gr([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=gr([b("uui-loader-circle")],n.UUILoaderCircleElement);var Qb=Object.defineProperty,Jb=Object.getOwnPropertyDescriptor,em=(i,e,t,r)=>{for(var o=r>1?void 0:r?Jb(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Qb(e,t,o),o};n.UUILoaderElement=class extends m{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[p`: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=em([b("uui-loader")],n.UUILoaderElement);/**
316
+ */class hr extends lt{constructor(e){if(super(e),this.et=U,e.type!==Q.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===U||e==null)return this.ft=void 0,this.et=e;if(e===R)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:[]}}}hr.directiveName="unsafeHTML",hr.resultType=1;const pr=at(hr);var Mp=Object.defineProperty,Wa=Object.getOwnPropertySymbols,Dp=Object.prototype.hasOwnProperty,Bp=Object.prototype.propertyIsEnumerable,qa=(i,e,t)=>e in i?Mp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ka=(i,e)=>{for(var t in e||(e={}))Dp.call(e,t)&&qa(i,t,e[t]);if(Wa)for(var t of Wa(e))Bp.call(e,t)&&qa(i,t,e[t]);return i};let vt=class extends P{constructor(e,t={}){super(e,Ka(Ka({},{bubbles:!0,composed:!0}),t)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};vt.ICON_REQUEST="icon-request";var Vp=Object.defineProperty,Hp=Object.getOwnPropertyDescriptor,Fe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hp(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&&Vp(e,t,o),o};n.UUIIconElement=class extends m{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 vt(vt.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>`:pr(this.fallback):this._nameSvg!==null?pr(this._nameSvg):this.svg!==null?pr(this.svg):u`<slot></slot>`}},n.UUIIconElement.styles=[p`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{color:var(--uui-icon-color,currentColor)}:host-context(div[slot=prepend]){margin-left:var(--uui-size-2,6px)}:host-context(div[slot=append]){margin-right:var(--uui-size-2,6px)}`],Fe([g()],n.UUIIconElement.prototype,"_nameSvg",2),Fe([l()],n.UUIIconElement.prototype,"label",2),Fe([l()],n.UUIIconElement.prototype,"name",1),Fe([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Fe([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Fe([g()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Fe([b("uui-icon")],n.UUIIconElement);let br=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)}},mr=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(vt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(vt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new br(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new br}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Xa=(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};n.UUIIconRegistryElement=class extends m{constructor(){super(),this._icons={},this._registry=new mr,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>`}},Xa([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Xa([b("uui-icon-registry")],n.UUIIconRegistryElement);const Gp=w`<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>`,Wp=w`<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>`,qp=w`<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>`,Kp=w`<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>`,Xp=w`<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>`,Yp=w`<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>`,Zp=w`<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>`,Qp=w`<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>`,Jp=w`<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>`,eb=w`<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>`,tb=w`<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>`,ib=w`<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>`,ob=w`<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>`,rb=w`<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>`,nb=w`<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>`,sb=w`<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>`,ab=w`<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>`,lb=w`<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>`,ub=w`<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>`,cb=w`<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>`,db=w`<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>`,hb=w`<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>`,pb=w`<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>`,bb=w`<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>`,mb=w`<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>`,vb=w`<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>`,gb=w`<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>`,fb=w`<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>`,yb=w`<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>`,wb=w`<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>`,_b=w`<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>`,$b=w`<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 Ya=class extends mr{constructor(){super(),this.defineIcon("add",Gp.strings[0]),this.defineIcon("alert",Wp.strings[0]),this.defineIcon("attachment",qp.strings[0]),this.defineIcon("calendar",Kp.strings[0]),this.defineIcon("check",Xp.strings[0]),this.defineIcon("clipboard",Yp.strings[0]),this.defineIcon("code",Zp.strings[0]),this.defineIcon("colorpicker",Qp.strings[0]),this.defineIcon("copy",Jp.strings[0]),this.defineIcon("delete",eb.strings[0]),this.defineIcon("document",tb.strings[0]),this.defineIcon("download",ib.strings[0]),this.defineIcon("edit",ob.strings[0]),this.defineIcon("favorite",rb.strings[0]),this.defineIcon("folder",nb.strings[0]),this.defineIcon("forbidden",sb.strings[0]),this.defineIcon("info",ab.strings[0]),this.defineIcon("link",lb.strings[0]),this.defineIcon("lock",ub.strings[0]),this.defineIcon("pause",cb.strings[0]),this.defineIcon("picture",db.strings[0]),this.defineIcon("play",hb.strings[0]),this.defineIcon("remove",pb.strings[0]),this.defineIcon("search",bb.strings[0]),this.defineIcon("see",mb.strings[0]),this.defineIcon("settings",vb.strings[0]),this.defineIcon("subtract",gb.strings[0]),this.defineIcon("sync",fb.strings[0]),this.defineIcon("unlock",yb.strings[0]),this.defineIcon("unsee",wb.strings[0]),this.defineIcon("wand",_b.strings[0]),this.defineIcon("wrong",$b.strings[0])}};var Ub=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,kb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Eb(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&&Ub(e,t,o),o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Ya}},n.UUIIconRegistryEssentialElement=kb([b("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Ib=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?xb(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&&Ib(e,t,o),o};n.UUIInputFileElement=class extends ie(m){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 this._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}_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="${Hd.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${dr(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>`:U}</div>`}},n.UUIInputFileElement.styles=[p`: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}`],gt([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),gt([S("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),gt([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),gt([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),gt([g()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=gt([b("uui-input-file")],n.UUIInputFileElement);var Cb=Object.defineProperty,Za=Object.getOwnPropertySymbols,Sb=Object.prototype.hasOwnProperty,Pb=Object.prototype.propertyIsEnumerable,Qa=(i,e,t)=>e in i?Cb(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ja=(i,e)=>{for(var t in e||(e={}))Sb.call(e,t)&&Qa(i,t,e[t]);if(Za)for(var t of Za(e))Pb.call(e,t)&&Qa(i,t,e[t]);return i};let Ge=class extends P{constructor(e,t={}){super(e,Ja(Ja({},{bubbles:!0}),t))}};Ge.CHANGE="change",Ge.INPUT="input";var Ob=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ab(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&&Ob(e,t,o),o};n.UUIInputElement=class extends ie(te("",m)){constructor(){super(),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("keypress",this._onKeypress),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)}get type(){return this._type}set type(e){this._type=e}firstUpdated(e){super.firstUpdated(e),this.addFormControlElement(this._input)}_onKeypress(e){this.type!=="color"&&e.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new Ge(Ge.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ge(Ge.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="${E(this.pattern)}" min="${E(this.min)}" max="${E(this.max)}" step="${E(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${E(this.autocomplete)}" placeholder="${E(this.placeholder)}" aria-label="${E(this.label)}" inputmode="${E(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}`}},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[p`: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));--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}#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-danger,#d42054)}input{font-family:inherit;padding:var(--uui-size-1,3px) var(--uui-size-space-3,9px);font-size:inherit;color:inherit;border-radius:0;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}`],D([l()],n.UUIInputElement.prototype,"min",2),D([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),D([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),D([l()],n.UUIInputElement.prototype,"max",2),D([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),D([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),D([l({type:Number})],n.UUIInputElement.prototype,"step",2),D([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),D([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),D([l()],n.UUIInputElement.prototype,"placeholder",2),D([l()],n.UUIInputElement.prototype,"autocomplete",2),D([l({type:Boolean,reflect:!0,attribute:"auto-width"})],n.UUIInputElement.prototype,"autoWidth",2),D([l({type:String})],n.UUIInputElement.prototype,"type",1),D([l({type:String})],n.UUIInputElement.prototype,"pattern",2),D([l({type:String})],n.UUIInputElement.prototype,"inputMode",2),D([S("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=D([b("uui-input")],n.UUIInputElement);var zb=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,el=(i,e,t,r)=>{for(var o=r>1?void 0:r?jb(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&&zb(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}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${Rd.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${Wd.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,p`#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}`],el([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=el([b("uui-input-lock")],n.UUIInputLockElement);var Lb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,vr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tb(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&&Lb(e,t,o),o};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(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="${Gd.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${qd.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,p`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],vr([g()],n.UUIInputPasswordElement.prototype,"passwordType",2),vr([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=vr([b("uui-input-password")],n.UUIInputPasswordElement);var Nb=Object.defineProperty,Mb=Object.getOwnPropertyDescriptor,Db=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mb(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&&Nb(e,t,o),o};n.UUIKeyboardShortcutElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[p`: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=Db([b("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var Bb=Object.defineProperty,Vb=Object.getOwnPropertyDescriptor,Hb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vb(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&&Bb(e,t,o),o};n.UUIKeyElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[p`: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=Hb([b("uui-key")],n.UUIKeyElement);var Rb=Object.defineProperty,Fb=Object.getOwnPropertyDescriptor,Hi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fb(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&&Rb(e,t,o),o};n.UUILabelElement=class extends m{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(){if(typeof this.for=="string"){const e=this.getRootNode();return e?.getElementById(this.for)||null}return this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[p`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,#d42054);font-weight:900}`],Hi([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Hi([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Hi([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Hi([b("uui-label")],n.UUILabelElement);var Gb=Object.defineProperty,Wb=Object.getOwnPropertyDescriptor,gr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wb(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&&Gb(e,t,o),o};const qb=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUILoaderBarElement=class extends m{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=qb(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=[p`: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}}`],gr([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),gr([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=gr([b("uui-loader-bar")],n.UUILoaderBarElement);var Kb=Object.defineProperty,Xb=Object.getOwnPropertyDescriptor,fr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xb(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&&Kb(e,t,o),o};n.UUILoaderCircleElement=class extends m{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="${re(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[p`: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}`],fr([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),fr([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=fr([b("uui-loader-circle")],n.UUILoaderCircleElement);var Yb=Object.defineProperty,Zb=Object.getOwnPropertyDescriptor,Qb=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zb(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&&Yb(e,t,o),o};n.UUILoaderElement=class extends m{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[p`: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=Qb([b("uui-loader")],n.UUILoaderElement);/**
485
317
  * @license
486
318
  * Copyright 2017 Google LLC
487
319
  * SPDX-License-Identifier: BSD-3-Clause
488
- */const Wt=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const a of o)(r=(t=a)._$AO)===null||r===void 0||r.call(t,e,!1),Wt(a,e);return!0},Hi=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},el=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),om(e)}};function tm(i){this._$AN!==void 0?(Hi(this),this._$AM=i,el(this)):this._$AM=i}function im(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let a=t;a<r.length;a++)Wt(r[a],!1),Hi(r[a]);else r!=null&&(Wt(r,!1),Hi(r));else Wt(this,i)}const om=i=>{var e,t,r,o;i.type==J.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=im),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=tm))};let rm=class extends lt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),el(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(Wt(this,e),Hi(this))}setValue(e){if(us(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const fr=new WeakMap,yr=st(class extends rm{render(i){return U}update(i,[e]){var t;const r=e!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=e,this.dt=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),U}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=fr.get(t);r===void 0&&(r=new WeakMap,fr.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.dt,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.dt,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=fr.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let ye=class extends P{};ye.SHOW_CHILDREN="show-children",ye.HIDE_CHILDREN="hide-children",ye.CLICK_LABEL="click-label";var nm=Object.defineProperty,am=Object.getOwnPropertyDescriptor,we=(i,e,t,r)=>{for(var o=r>1?void 0:r?am(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&nm(e,t,o),o};n.UUIMenuItemElement=class extends bi(rt(Mt(ie("label",m)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?ye.HIDE_CHILDREN:ye.SHOW_CHILDREN,t=new ye(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new ye(ye.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),_(this,"uui-symbol-expand"),_(this,"uui-loader-bar")}_renderLabelInside(){return u`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this._iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?u`<span id="label-button" ${yr(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${yr(this._labelButtonChanged)} href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${yr(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return u`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?u`<button id="caret-button" @click="${this._onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?u`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[p`: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(
320
+ */const qt=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(t=s)._$AO)===null||r===void 0||r.call(t,e,!1),qt(s,e);return!0},Ri=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},tl=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),tm(e)}};function Jb(i){this._$AN!==void 0?(Ri(this),this._$AM=i,tl(this)):this._$AM=i}function em(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let s=t;s<r.length;s++)qt(r[s],!1),Ri(r[s]);else r!=null&&(qt(r,!1),Ri(r));else qt(this,i)}const tm=i=>{var e,t,r,o;i.type==Q.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=em),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=Jb))};let im=class extends lt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),tl(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(qt(this,e),Ri(this))}setValue(e){if(ca(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const yr=new WeakMap,wr=at(class extends im{render(i){return U}update(i,[e]){var t;const r=e!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=e,this.dt=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),U}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=yr.get(t);r===void 0&&(r=new WeakMap,yr.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.dt,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.dt,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=yr.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let fe=class extends P{};fe.SHOW_CHILDREN="show-children",fe.HIDE_CHILDREN="hide-children",fe.CLICK_LABEL="click-label";var om=Object.defineProperty,rm=Object.getOwnPropertyDescriptor,ye=(i,e,t,r)=>{for(var o=r>1?void 0:r?rm(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&&om(e,t,o),o};n.UUIMenuItemElement=class extends mi(rt(Mt(te("label",m)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?fe.HIDE_CHILDREN:fe.SHOW_CHILDREN,t=new fe(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new fe(fe.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),_(this,"uui-symbol-expand"),_(this,"uui-loader-bar")}_renderLabelInside(){return u`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this._iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?u`<span id="label-button" ${wr(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${wr(this._labelButtonChanged)} href="${E(this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${wr(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return u`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?u`<button id="caret-button" @click="${this._onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?u`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[p`: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(
489
321
  1 - var(--uui-menu-item-flat-structure, 0)
490
- )}#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-color-surface-emphasis,#fafafa)}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-color-current-contrast,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-color-current,#f5c1bc)}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,#c4c4c4);background-color: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-color-selected-contrast,#fff)}:host([selected]:not([select-mode=highlight],[disabled])) #label-button-background{background-color: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-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-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-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-color-interactive,#1b264f)}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #label-button:hover{color: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-color-surface-emphasis,#fafafa);color: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-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-color-selected,#3544b1);border-right:none}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button-background::after{opacity:1}:host([select-mode=highlight][selectable]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.33}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.66}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{position:relative;flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;padding-right:var(--uui-size-space-3,9px);padding-left:calc(var(--uui-menu-item-flat-structure) * var(--uui-size-space-3,9px));display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([select-mode=highlight]) #label-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #label-button:focus-visible::after{content:'';border-radius:calc(var(--uui-border-radius,3px) - 1px);position:absolute;inset:3px 3px 3px -5px;border:2px solid var(--uui-color-focus,#3879ff)}:host([select-mode=highlight]) #caret-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #caret-button:focus-visible::after{content:'';position:absolute;inset:3px;border-radius:calc(var(--uui-border-radius,3px) - 1px);border:2px solid var(--uui-color-focus,#3879ff)}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],we([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),we([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),we([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),we([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),we([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),we([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),we([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),we([g()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=we([b("uui-menu-item")],n.UUIMenuItemElement);var sm=Object.defineProperty,lm=Object.getOwnPropertyDescriptor,ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?lm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&sm(e,t,o),o};const qe="uui:modal-close";let q=class extends m{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(qe,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){var e,t;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(t=this._dialogElement)==null||t.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};q.styles=[p`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms);z-index:1}:host([index='0']) dialog::after{opacity:0}`],ft([S("dialog")],q.prototype,"_dialogElement",2),ft([l({type:Boolean,reflect:!0,attribute:"is-open"})],q.prototype,"isOpen",2),ft([l({type:Boolean,reflect:!0,attribute:"is-closing"})],q.prototype,"isClosing",2),ft([l({type:Number,reflect:!0})],q.prototype,"index",2),ft([l({type:Number,reflect:!0,attribute:"unique-index"})],q.prototype,"uniqueIndex",2),ft([l({type:Number,attribute:"transition-duration"})],q.prototype,"transitionDuration",1);var um=Object.defineProperty,cm=Object.getOwnPropertyDescriptor,tl=(i,e,t,r)=>{for(var o=r>1?void 0:r?cm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&um(e,t,o),o},il=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},ol=(i,e,t)=>(il(i,e,"read from private field"),t?t.call(i):e.get(i)),rl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},hm=(i,e,t)=>(il(i,e,"access private method"),t),Ri,wr,_r,nl;n.UUIModalSidebarElement=class extends q{constructor(){super(),rl(this,Ri),rl(this,_r),this.size="full",this.addEventListener(qe,hm(this,_r,nl).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-ol(this,Ri,wr)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},Ri=new WeakSet,wr=function(){var i,e;return(e=(i=this._dialogElement)==null?void 0:i.getBoundingClientRect().width)!=null?e:0},_r=new WeakSet,nl=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-ol(this,Ri,wr)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...q.styles,p`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],tl([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=tl([b("uui-modal-sidebar")],n.UUIModalSidebarElement);var dm=Object.defineProperty,pm=Object.getOwnPropertyDescriptor,yt=(i,e,t,r)=>{for(var o=r>1?void 0:r?pm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&dm(e,t,o),o},al=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Kt=(i,e,t)=>(al(i,e,"read from private field"),t?t.call(i):e.get(i)),Fi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Gi=(i,e,t)=>(al(i,e,"access private method"),t),$r,wt,qi,Ur,Wi,Er;n.UUIModalContainerElement=class extends m{constructor(){super(),Fi(this,qi),Fi(this,Wi),this.sidebarGap=64,this.transitionDurationMS=250,Fi(this,$r,()=>{var e,t,r;const o=(e=this._modals)!=null?e:[];if(this._modals=(r=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(a=>a instanceof q))!=null?r:[],o.filter(a=>this._modals.indexOf(a)===-1).forEach(a=>a.removeEventListener(qe,Kt(this,wt))),this._modals.filter(a=>o.indexOf(a)===-1).forEach(a=>a.addEventListener(qe,Kt(this,wt))),this._sidebars=this._modals.filter(a=>a instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Gi(this,qi,Ur).call(this),Gi(this,Wi,Er).call(this)}),Fi(this,wt,e=>{var t;if(e.stopImmediatePropagation(),(t=e.target)==null||t.removeEventListener(qe,Kt(this,wt)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Gi(this,qi,Ur).call(this),Gi(this,Wi,Er).call(this)}),this.addEventListener(qe,Kt(this,wt))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${Kt(this,$r)}"></slot>`}},$r=new WeakMap,wt=new WeakMap,qi=new WeakSet,Ur=function(){var i,e;this.setAttribute("backdrop","");const t=(e=(i=this._modals)==null?void 0:i.filter(r=>!r.isClosing).reverse())!=null?e:[];t?.forEach((r,o)=>{r.index=o,r.transitionDuration=this.transitionDurationMS}),t?.forEach(r=>{var o;const a=t?.filter(s=>s.constructor.name===r.constructor.name);r.uniqueIndex=(o=a?.indexOf(r))!=null?o:0})},Wi=new WeakSet,Er=function(){requestAnimationFrame(()=>{var i,e,t,r,o,a,s,h;let c=0;const d=(e=(i=this._sidebars)==null?void 0:i.filter(v=>!v.isClosing).reverse())!=null?e:[];for(let v=0;v<d.length;v++){const f=d[v],y=d[v+1],$=c;if(f.updateComplete.then(()=>{f.style.setProperty("--uui-modal-offset",$+"px")}),y!=null&&y.hasAttribute("hide"))break;const k=(o=(r=(t=f.shadowRoot)==null?void 0:t.querySelector("dialog"))==null?void 0:r.getBoundingClientRect().width)!=null?o:0,I=(h=(s=(a=y?.shadowRoot)==null?void 0:a.querySelector("dialog"))==null?void 0:s.getBoundingClientRect().width)!=null?h:0,A=k+c+this.sidebarGap-I;c=A>0?A:0}})},n.UUIModalContainerElement.styles=p`: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([S("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),yt([g()],n.UUIModalContainerElement.prototype,"_modals",2),yt([g()],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([b("uui-modal-container")],n.UUIModalContainerElement);var bm=Object.defineProperty,mm=Object.getOwnPropertyDescriptor,vm=(i,e,t,r)=>{for(var o=r>1?void 0:r?mm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&bm(e,t,o),o};n.UUIModalDialogElement=class extends q{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...q.styles,p`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=vm([b("uui-modal-dialog")],n.UUIModalDialogElement);var gm=Object.defineProperty,sl=Object.getOwnPropertySymbols,fm=Object.prototype.hasOwnProperty,ym=Object.prototype.propertyIsEnumerable,ll=(i,e,t)=>e in i?gm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ul=(i,e)=>{for(var t in e||(e={}))fm.call(e,t)&&ll(i,t,e[t]);if(sl)for(var t of sl(e))ym.call(e,t)&&ll(i,t,e[t]);return i};let Oe=class extends P{constructor(e,t={}){super(e,ul(ul({},{bubbles:!0}),t))}};Oe.CHANGE="change";var wm=Object.defineProperty,_m=Object.getOwnPropertyDescriptor,_e=(i,e,t,r)=>{for(var o=r>1?void 0:r?_m(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&wm(e,t,o),o};const $m=45,kr=(i,e,t)=>Math.min(Math.max(i,e),t),Um=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends m{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,a)=>o+a.getBoundingClientRect().width,0),r=(e-t)/$m/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 Um(kr(t,1,this.total),kr(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=kr(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Oe(Oe.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Oe(Oe.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Oe(Oe.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=[p`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}`],_e([bu("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),_e([S("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),_e([l()],n.UUIPaginationElement.prototype,"label",2),_e([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),_e([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),_e([g()],n.UUIPaginationElement.prototype,"_range",2),_e([g()],n.UUIPaginationElement.prototype,"_visiblePages",2),_e([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=_e([b("uui-pagination")],n.UUIPaginationElement);let xr=class extends P{};xr.CLOSE="close";var Em=Object.defineProperty,km=Object.getOwnPropertyDescriptor,Xt=(i,e,t,r)=>{for(var o=r>1?void 0:r?km(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Em(e,t,o),o};function Ki(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends m{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 xr(xr.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 a=e;for(;a=a.parentElement;)if(t=getComputedStyle(a),!(r&&t.position==="static")&&(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(a),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(){var e,t;if(!this.shadowRoot)return;const r=this.containerElement;if(!r)return;const o=(e=this.containerElement)==null?void 0:e.getBoundingClientRect(),a=(t=this._trigger)==null?void 0:t.getBoundingClientRect();if(a!=null&&o!=null){const s=this._scrollParents.map(pe=>pe.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,s));let h=this._currentPlacement.indexOf("top")!==-1,c=this._currentPlacement.indexOf("bottom")!==-1,d=this._currentPlacement.indexOf("left")!==-1,v=this._currentPlacement.indexOf("right")!==-1;const f=this._currentPlacement.indexOf("-start")!==-1,y=this._currentPlacement.indexOf("-end")!==-1;let $=.5,k=.5,I=.5,A=.5,ke=0,xe=0;if(this.placement==="auto"){const pe=this._scrollParents[0],si=pe.clientWidth,Je=pe.clientHeight,zt=a.x-o.width,At=si-(a.x+a.width)-o.width,on=a.y-o.height,lo=Je-(a.y+a.height)-o.height;let uo=.5,co=.5;const Xg=Math.max(zt,At);let tu=Math.max(on,lo);lo>on&&lo>this.margin&&(tu+=9999),Xg>tu?(zt>At?(uo=0,d=!0):(uo=1,v=!0),ke=this.margin):(on>lo?(co=0,h=!0):(co=1,c=!0),xe=this.margin),$=uo,k=co,I=1-uo,A=1-co}else h&&(A=1,k=0),c&&(A=0,k=1),(h||c)&&(xe=this.margin,f&&(I=0,$=0),y&&(I=1,$=1)),d&&(I=1,$=0),v&&(I=0,$=1),(d||v)&&(ke=this.margin,f&&(A=0,k=0),y&&(A=1,k=1));const en=-o.width*I+a.width*$-ke*(I*2-1),tn=-o.height*A+a.height*k-xe*(A*2-1);let Ze=en,Qe=tn;h||c?(this._scrollParents.forEach((pe,si)=>{const Je=pe===document.body?0:s[si].x,zt=-a.x+Je,At=pe.clientWidth-a.x-a.width+en+Je-(o.width-a.width)*(1-$);Ze=Ki(Ze,zt,At)}),Ze=Ki(Ze,-o.width,a.width)):(d||v)&&(this._scrollParents.forEach((pe,si)=>{const Je=pe===document.body?0:s[si].y,zt=-a.y+Je,At=pe.clientHeight-a.y-a.height+tn+Je-(o.height-a.height)*(1-k);Qe=Ki(Qe,zt,At)}),Qe=Ki(Qe,-o.height,a.height)),(this._positionX!==Ze||this._positionY!==Qe)&&(this._positionX=Ze,this._positionY=Qe,en===Ze&&tn===Qe&&this._stopScrollListener(),r.style.left=`${this._positionX}px`,r.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),a=o[0],s=o[1]||null;let h;return this._scrollParents.some((c,d)=>{const v=c===document.body?0:r[d].x,f=c===document.body?0:r[d].y;return a==="top"&&t.y-2<=f?(h="bottom",!0):a==="bottom"&&t.y+t.height+2>=c.clientHeight+f?(h="top",!0):a==="left"&&t.x-2<=v?(h="right",!0):a==="right"&&t.x+t.width+2>=c.clientWidth+v?(h="left",!0):!1}),h?(this._startScrollListener(),h+(s?`-${s}`:"")):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=[p`: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(
322
+ )}#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-color-surface-emphasis,#fafafa)}:host(:not([active],[selected])) #menu-item #caret-button:hover,:host(:not([active],[selected],[disabled])) #menu-item #label-button:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-color-current-contrast,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-color-current,#f5c1bc)}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,#c4c4c4);background-color: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-color-selected-contrast,#fff)}:host([selected]:not([select-mode=highlight],[disabled])) #label-button-background{background-color: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-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-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-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-color-interactive,#1b264f)}:host([select-mode=highlight][selectable][selected]:not([disabled])) #menu-item #label-button:hover{color: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-color-surface-emphasis,#fafafa);color: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-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-color-selected,#3544b1);border-right:none}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button-background::after{opacity:1}:host([select-mode=highlight][selectable]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.33}:host([select-mode=highlight][selected]:not([disabled])) #menu-item #label-button:hover~#label-button-background::after{opacity:.66}:host([disabled]) #label-button{cursor:default}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{position:relative;flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;padding-right:var(--uui-size-space-3,9px);padding-left:calc(var(--uui-menu-item-flat-structure) * var(--uui-size-space-3,9px));display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}#label-button .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span#label-button{pointer-events:none}#caret-button{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,#1b264f)}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([select-mode=highlight]) #label-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #label-button:focus-visible::after{content:'';border-radius:calc(var(--uui-border-radius,3px) - 1px);position:absolute;inset:3px 3px 3px -5px;border:2px solid var(--uui-color-focus,#3879ff)}:host([select-mode=highlight]) #caret-button:focus-visible{outline:0;overflow:initial}:host([select-mode=highlight]) #caret-button:focus-visible::after{content:'';position:absolute;inset:3px;border-radius:calc(var(--uui-border-radius,3px) - 1px);border:2px solid var(--uui-color-focus,#3879ff)}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],ye([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),ye([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),ye([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),ye([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),ye([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),ye([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),ye([l({type:String,attribute:"select-mode",reflect:!0})],n.UUIMenuItemElement.prototype,"selectMode",2),ye([g()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=ye([b("uui-menu-item")],n.UUIMenuItemElement);var nm=Object.defineProperty,sm=Object.getOwnPropertyDescriptor,ft=(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&&nm(e,t,o),o};const We="uui:modal-close";let W=class extends m{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(We,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){var e,t;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(t=this._dialogElement)==null||t.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};W.styles=[p`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms);z-index:1}:host([index='0']) dialog::after{opacity:0}`],ft([S("dialog")],W.prototype,"_dialogElement",2),ft([l({type:Boolean,reflect:!0,attribute:"is-open"})],W.prototype,"isOpen",2),ft([l({type:Boolean,reflect:!0,attribute:"is-closing"})],W.prototype,"isClosing",2),ft([l({type:Number,reflect:!0})],W.prototype,"index",2),ft([l({type:Number,reflect:!0,attribute:"unique-index"})],W.prototype,"uniqueIndex",2),ft([l({type:Number,attribute:"transition-duration"})],W.prototype,"transitionDuration",1);var am=Object.defineProperty,lm=Object.getOwnPropertyDescriptor,il=(i,e,t,r)=>{for(var o=r>1?void 0:r?lm(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&&am(e,t,o),o},ol=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},rl=(i,e,t)=>(ol(i,e,"read from private field"),t?t.call(i):e.get(i)),nl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},um=(i,e,t)=>(ol(i,e,"access private method"),t),Fi,_r,$r,sl;n.UUIModalSidebarElement=class extends W{constructor(){super(),nl(this,Fi),nl(this,$r),this.size="full",this.addEventListener(We,um(this,$r,sl).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-rl(this,Fi,_r)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},Fi=new WeakSet,_r=function(){var i,e;return(e=(i=this._dialogElement)==null?void 0:i.getBoundingClientRect().width)!=null?e:0},$r=new WeakSet,sl=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-rl(this,Fi,_r)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...W.styles,p`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],il([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=il([b("uui-modal-sidebar")],n.UUIModalSidebarElement);var cm=Object.defineProperty,dm=Object.getOwnPropertyDescriptor,yt=(i,e,t,r)=>{for(var o=r>1?void 0:r?dm(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},al=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Kt=(i,e,t)=>(al(i,e,"read from private field"),t?t.call(i):e.get(i)),Gi=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Wi=(i,e,t)=>(al(i,e,"access private method"),t),Ur,wt,qi,Er,Ki,kr;n.UUIModalContainerElement=class extends m{constructor(){super(),Gi(this,qi),Gi(this,Ki),this.sidebarGap=64,this.transitionDurationMS=250,Gi(this,Ur,()=>{var e,t,r;const o=(e=this._modals)!=null?e:[];if(this._modals=(r=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(s=>s instanceof W))!=null?r:[],o.filter(s=>this._modals.indexOf(s)===-1).forEach(s=>s.removeEventListener(We,Kt(this,wt))),this._modals.filter(s=>o.indexOf(s)===-1).forEach(s=>s.addEventListener(We,Kt(this,wt))),this._sidebars=this._modals.filter(s=>s instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}Wi(this,qi,Er).call(this),Wi(this,Ki,kr).call(this)}),Gi(this,wt,e=>{var t;if(e.stopImmediatePropagation(),(t=e.target)==null||t.removeEventListener(We,Kt(this,wt)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Wi(this,qi,Er).call(this),Wi(this,Ki,kr).call(this)}),this.addEventListener(We,Kt(this,wt))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${Kt(this,Ur)}"></slot>`}},Ur=new WeakMap,wt=new WeakMap,qi=new WeakSet,Er=function(){var i,e;this.setAttribute("backdrop","");const t=(e=(i=this._modals)==null?void 0:i.filter(r=>!r.isClosing).reverse())!=null?e:[];t?.forEach((r,o)=>{r.index=o,r.transitionDuration=this.transitionDurationMS}),t?.forEach(r=>{var o;const s=t?.filter(a=>a.constructor.name===r.constructor.name);r.uniqueIndex=(o=s?.indexOf(r))!=null?o:0})},Ki=new WeakSet,kr=function(){requestAnimationFrame(()=>{var i,e,t,r,o,s,a,d;let c=0;const h=(e=(i=this._sidebars)==null?void 0:i.filter(v=>!v.isClosing).reverse())!=null?e:[];for(let v=0;v<h.length;v++){const f=h[v],y=h[v+1],$=c;if(f.updateComplete.then(()=>{f.style.setProperty("--uui-modal-offset",$+"px")}),y!=null&&y.hasAttribute("hide"))break;const k=(o=(r=(t=f.shadowRoot)==null?void 0:t.querySelector("dialog"))==null?void 0:r.getBoundingClientRect().width)!=null?o:0,x=(d=(a=(s=y?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:a.getBoundingClientRect().width)!=null?d:0,z=k+c+this.sidebarGap-x;c=z>0?z:0}})},n.UUIModalContainerElement.styles=p`: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([S("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),yt([g()],n.UUIModalContainerElement.prototype,"_modals",2),yt([g()],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([b("uui-modal-container")],n.UUIModalContainerElement);var hm=Object.defineProperty,pm=Object.getOwnPropertyDescriptor,bm=(i,e,t,r)=>{for(var o=r>1?void 0:r?pm(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&&hm(e,t,o),o};n.UUIModalDialogElement=class extends W{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...W.styles,p`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=bm([b("uui-modal-dialog")],n.UUIModalDialogElement);var mm=Object.defineProperty,ll=Object.getOwnPropertySymbols,vm=Object.prototype.hasOwnProperty,gm=Object.prototype.propertyIsEnumerable,ul=(i,e,t)=>e in i?mm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,cl=(i,e)=>{for(var t in e||(e={}))vm.call(e,t)&&ul(i,t,e[t]);if(ll)for(var t of ll(e))gm.call(e,t)&&ul(i,t,e[t]);return i};let Oe=class extends P{constructor(e,t={}){super(e,cl(cl({},{bubbles:!0}),t))}};Oe.CHANGE="change";var fm=Object.defineProperty,ym=Object.getOwnPropertyDescriptor,we=(i,e,t,r)=>{for(var o=r>1?void 0:r?ym(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&&fm(e,t,o),o};const wm=45,Ir=(i,e,t)=>Math.min(Math.max(i,e),t),_m=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);n.UUIPaginationElement=class extends m{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)/wm/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 _m(Ir(t,1,this.total),Ir(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=Ir(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Oe(Oe.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Oe(Oe.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Oe(Oe.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=[p`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}`],we([bu("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),we([S("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),we([l()],n.UUIPaginationElement.prototype,"label",2),we([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),we([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),we([g()],n.UUIPaginationElement.prototype,"_range",2),we([g()],n.UUIPaginationElement.prototype,"_visiblePages",2),we([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=we([b("uui-pagination")],n.UUIPaginationElement);let xr=class extends P{};xr.CLOSE="close";var $m=Object.defineProperty,Um=Object.getOwnPropertyDescriptor,Xt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Um(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&&$m(e,t,o),o};function Xi(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends m{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 xr(xr.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(){var e,t;if(!this.shadowRoot)return;const r=this.containerElement;if(!r)return;const o=(e=this.containerElement)==null?void 0:e.getBoundingClientRect(),s=(t=this._trigger)==null?void 0:t.getBoundingClientRect();if(s!=null&&o!=null){const a=this._scrollParents.map(he=>he.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,a));let d=this._currentPlacement.indexOf("top")!==-1,c=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,v=this._currentPlacement.indexOf("right")!==-1;const f=this._currentPlacement.indexOf("-start")!==-1,y=this._currentPlacement.indexOf("-end")!==-1;let $=.5,k=.5,x=.5,z=.5,Ee=0,ke=0;if(this.placement==="auto"){const he=this._scrollParents[0],ai=he.clientWidth,Je=he.clientHeight,At=s.x-o.width,zt=ai-(s.x+s.width)-o.width,rn=s.y-o.height,uo=Je-(s.y+s.height)-o.height;let co=.5,ho=.5;const Rg=Math.max(At,zt);let iu=Math.max(rn,uo);uo>rn&&uo>this.margin&&(iu+=9999),Rg>iu?(At>zt?(co=0,h=!0):(co=1,v=!0),Ee=this.margin):(rn>uo?(ho=0,d=!0):(ho=1,c=!0),ke=this.margin),$=co,k=ho,x=1-co,z=1-ho}else d&&(z=1,k=0),c&&(z=0,k=1),(d||c)&&(ke=this.margin,f&&(x=0,$=0),y&&(x=1,$=1)),h&&(x=1,$=0),v&&(x=0,$=1),(h||v)&&(Ee=this.margin,f&&(z=0,k=0),y&&(z=1,k=1));const tn=-o.width*x+s.width*$-Ee*(x*2-1),on=-o.height*z+s.height*k-ke*(z*2-1);let Ze=tn,Qe=on;d||c?(this._scrollParents.forEach((he,ai)=>{const Je=he===document.body?0:a[ai].x,At=-s.x+Je,zt=he.clientWidth-s.x-s.width+tn+Je-(o.width-s.width)*(1-$);Ze=Xi(Ze,At,zt)}),Ze=Xi(Ze,-o.width,s.width)):(h||v)&&(this._scrollParents.forEach((he,ai)=>{const Je=he===document.body?0:a[ai].y,At=-s.y+Je,zt=he.clientHeight-s.y-s.height+on+Je-(o.height-s.height)*(1-k);Qe=Xi(Qe,At,zt)}),Qe=Xi(Qe,-o.height,s.height)),(this._positionX!==Ze||this._positionY!==Qe)&&(this._positionX=Ze,this._positionY=Qe,tn===Ze&&on===Qe&&this._stopScrollListener(),r.style.left=`${this._positionX}px`,r.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),s=o[0],a=o[1]||null;let d;return this._scrollParents.some((c,h)=>{const v=c===document.body?0:r[h].x,f=c===document.body?0:r[h].y;return s==="top"&&t.y-2<=f?(d="bottom",!0):s==="bottom"&&t.y+t.height+2>=c.clientHeight+f?(d="top",!0):s==="left"&&t.x-2<=v?(d="right",!0):s==="right"&&t.x+t.width+2>=c.clientWidth+v?(d="left",!0):!1}),d?(this._startScrollListener(),d+(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=[p`: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(
491
323
  --uui-popover-toggle-slot-button-border-radius
492
324
  );--uui-button-merge-border-left:var(
493
325
  --uui-popover-toggle-slot-button-merge-border-left
494
- )}`],Xt([S("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Xt([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Xt([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Xt([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Xt([b("uui-popover")],n.UUIPopoverElement);function xm(){const i=this.addEventListener;this.addEventListener=function(t,r,o){if(t!=="focusout"){if(t==="beforetoggle"){this.polyfill_onBeforeToggle=a=>{this.dispatchEvent(new CustomEvent("polyfill-beforetoggle",{bubbles:!1,composed:!1,detail:{oldState:a.oldState,newState:a.newState}})),r(a)};return}i.call(this,t,r,o)}},this.polyfill_onFocusout=t=>{const r=t.relatedTarget;if(!r)return;const o=r?.closest("uui-popover-container"),a=r?.closest("[popovertarget]");!o&&!a&&this.hidePopover()},this.polyfill_onClick=t=>{t.composedPath().some(r=>{var o;return r.tagName==="UUI-POPOVER-CONTAINER"||((o=r.attributes)==null?void 0:o.popovertarget)})||this.hidePopover()},this.polyfill_onParentPopoverUpdate=t=>{t.detail.newState==="closed"&&this.hidePopover()};const e=t=>{var r;return t.parentElement?((r=t.parentElement)==null?void 0:r.tagName)==="UUI-POPOVER-CONTAINER"?t.parentElement:e(t.parentElement):null};this.polyfill_hasBeenMovedToBody||(this.style.display="none",this.style.position="fixed",this.style.inset="0",this.style.zIndex="9999"),this.showPopover=()=>{var t,r;this.polyfill_hasBeenMovedToBody||(this.polyfill_parentPopoverContainer=e(this)),this.polyfill_onBeforeToggle({oldState:"closed",newState:"open"}),this.style.display="block",(t=this.polyfill_parentPopoverContainer)==null||t.addEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),window.addEventListener("click",this.polyfill_onClick),window.addEventListener("focusout",this.polyfill_onFocusout),this.polyfill_originalParent=this.parentNode,this.polyfill_originalNextSibling=this.nextSibling;const o=this.getRootNode();if(o&&o.adoptedStyleSheets){const a=o.adoptedStyleSheets.reduce((c,d)=>c+Object.values(d.cssRules).reduce((v,f)=>v+`#${this.id} ${f.cssText}`,""),""),s=document.createElement("style");s.innerHTML=a,s.id="uui-popover-polyfill-style";const h=this.shadowRoot.host.querySelector("#uui-popover-polyfill-style");h&&h.parentNode.removeChild(h),this.insertAdjacentElement("beforeend",s)}this.parentNode!==document.body&&((r=this.parentNode)==null||r.removeChild(this),this.polyfill_hasBeenMovedToBody=!0,document.body.appendChild(this))},this.hidePopover=()=>{var t,r;this.polyfill_hasBeenMovedToBody&&(document.body.removeChild(this),this.polyfill_hasBeenMovedToBody=!1,(t=this.polyfill_originalParent)==null||t.insertBefore(this,this.polyfill_originalNextSibling)),window.removeEventListener("click",this.polyfill_onClick),window.removeEventListener("focusout",this.polyfill_onFocusout),(r=this.polyfill_parentPopoverContainer)==null||r.removeEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),this.polyfill_onBeforeToggle({oldState:"open",newState:"closed"}),this.style.display="none"}}var Im=Object.defineProperty,Cm=Object.getOwnPropertyDescriptor,We=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Im(e,t,o),o},Ir=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},z=(i,e,t)=>(Ir(i,e,"read from private field"),t?t.call(i):e.get(i)),ue=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Sm=(i,e,t,r)=>(Ir(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),_t=(i,e,t)=>(Ir(i,e,"access private method"),t),$e,$t,Xi,ze,Yt,Cr,Yi,Sr,Pr,cl,Zi,Or,zr,hl;n.UUIPopoverContainerElement=class extends m{constructor(){super(...arguments),ue(this,Yi),ue(this,Pr),ue(this,Zi),ue(this,zr),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,ue(this,$e,null),ue(this,$t,[]),ue(this,Xi,e=>{var t;if(this._open=e.newState==="open",Sm(this,$e,Hh(this,"popovertarget",this.id)),_t(this,zr,hl).call(this),(t=z(this,$e))==null||t.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:e.oldState,newState:e.newState}})),!this._open){_t(this,Zi,Or).call(this);return}_t(this,Pr,cl).call(this),requestAnimationFrame(()=>{z(this,ze).call(this)})}),ue(this,ze,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",z(this,Yt).call(this,3))}),ue(this,Yt,e=>{if(z(this,Cr).call(this),e--,z(this,$e)===null)return;const t=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,a=this._actualPlacement.indexOf("right")!==-1,s=this._actualPlacement.indexOf("-start")!==-1,h=this._actualPlacement.indexOf("-end")!==-1,c=z(this,$e).getBoundingClientRect(),d=this.getBoundingClientRect();let v=0,f=0;r&&(v=c.top+c.height,s&&(f=c.left),h&&(f=c.left+c.width-d.width),!s&&!h&&(f=c.left+c.width/2-d.width/2)),t&&(v=c.top-d.height,s&&(f=c.left),h&&(f=c.left+c.width-d.width),!s&&!h&&(f=c.left+c.width/2-d.width/2)),o&&(f=c.left-d.width,s&&(v=c.top),h&&(v=c.top+c.height-d.height),!s&&!h&&(v=c.top+c.height/2-d.height/2)),a&&(f=c.left+c.width,s&&(v=c.top),h&&(v=c.top+c.height-d.height),!s&&!h&&(v=c.top+c.height/2-d.height/2));const y=window.innerWidth,$=window.innerHeight,k=Math.min(0,c.top+c.height),I=Math.max(Math.min(v,$-d.height),c.top-d.height);if(Math.max(k,I)!==v&&(t||r)&&e>0){_t(this,Yi,Sr).call(this),z(this,Yt).call(this,e);return}v=Math.max(k,I);const A=Math.min(0,c.left+c.width),ke=Math.max(Math.min(f,y-d.width),c.left-d.width),xe=Math.max(A,ke);if(xe!==f&&(o||a)&&e>0){_t(this,Yi,Sr).call(this),z(this,Yt).call(this,e);return}f=xe,(v+d.height<0||v>$||f+d.width<0||f>y)&&this.hidePopover(),this.style.transform=`translate(${f}px, ${v}px)`,this.style.opacity="1"}),ue(this,Cr,()=>{const e={top:"bottom",bottom:"top",left:"right",right:"left"};let t=this._actualPlacement.split("-")[0];t=e[t]||t,t=t.charAt(0).toUpperCase()+t.slice(1);const r=`padding${t}`;this.style.padding="0",this.style[r]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(e){this._placement=e,this._actualPlacement=e,z(this,ze).call(this)}connectedCallback(){!HTMLElement.prototype.hasOwnProperty("popover")&&xm.bind(this)(),this.hasAttribute("popover")||this.setAttribute("popover",""),super.connectedCallback(),this.addEventListener("beforetoggle",z(this,Xi))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",z(this,Xi)),_t(this,Zi,Or).call(this)}render(){return u`<slot></slot>`}},$e=new WeakMap,$t=new WeakMap,Xi=new WeakMap,ze=new WeakMap,Yt=new WeakMap,Cr=new WeakMap,Yi=new WeakSet,Sr=function(){const[i,e]=this._actualPlacement.split("-"),t=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${t}-${e}`},Pr=new WeakSet,cl=function(){z(this,$t).forEach(i=>{i.addEventListener("scroll",z(this,ze),{passive:!0})}),document.addEventListener("scroll",z(this,ze),{passive:!0})},Zi=new WeakSet,Or=function(){z(this,$t).forEach(i=>{i.removeEventListener("scroll",z(this,ze))}),document.removeEventListener("scroll",z(this,ze))},zr=new WeakSet,hl=function(){if(!z(this,$e))return;let i=getComputedStyle(z(this,$e));if(i.position==="fixed")return;const e=i.position==="absolute",t=/(auto|scroll)/;let r=z(this,$e);for(;r=r.parentElement;)if(i=getComputedStyle(r),!(e&&i.position==="static")&&(t.test(i.overflow+i.overflowY+i.overflowX)&&z(this,$t).push(r),i.position==="fixed"))return;z(this,$t).push(document.body)},n.UUIPopoverContainerElement.styles=[p`:host{margin:0;width:fit-content;height:fit-content;border:none;border-radius:0;padding:0;background-color:none;background:0 0;overflow:visible}`],We([l({type:Number})],n.UUIPopoverContainerElement.prototype,"margin",2),We([l({type:Boolean})],n.UUIPopoverContainerElement.prototype,"open",1),We([l({type:String,reflect:!0})],n.UUIPopoverContainerElement.prototype,"placement",1),We([g()],n.UUIPopoverContainerElement.prototype,"_placement",2),We([g()],n.UUIPopoverContainerElement.prototype,"_open",2),We([g()],n.UUIPopoverContainerElement.prototype,"_actualPlacement",2),n.UUIPopoverContainerElement=We([b("uui-popover-container")],n.UUIPopoverContainerElement);var Pm=Object.defineProperty,Om=Object.getOwnPropertyDescriptor,dl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Om(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Pm(e,t,o),o};const zm=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUIProgressBarElement=class extends m{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=zm(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return u`<div id="bar" style="${ne(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[p`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#0b8152);height:100%;width:0%}`],dl([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=dl([b("uui-progress-bar")],n.UUIProgressBarElement);var Am=Object.defineProperty,pl=Object.getOwnPropertySymbols,jm=Object.prototype.hasOwnProperty,Lm=Object.prototype.propertyIsEnumerable,bl=(i,e,t)=>e in i?Am(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ml=(i,e)=>{for(var t in e||(e={}))jm.call(e,t)&&bl(i,t,e[t]);if(pl)for(var t of pl(e))Lm.call(e,t)&&bl(i,t,e[t]);return i};let Ut=class extends P{constructor(e,t={}){super(e,ml(ml({},{bubbles:!0}),t))}};Ut.CHANGE="change";var Tm=Object.defineProperty,Nm=Object.getOwnPropertyDescriptor,Ke=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Tm(e,t,o),o},Mm=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},vl=(i,e,t)=>(Mm(i,e,"read from private field"),t?t.call(i):e.get(i)),gl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Ar,jr;n.UUIRadioElement=class extends m{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,gl(this,Ar,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),gl(this,jr,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",vl(this,jr)),this.addEventListener("blur",vl(this,Ar))}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-hidden",e?"true":"false"),this.setAttribute("tabindex",e?"-1":"0"),this.requestUpdate("disabled",t)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(e){e.stopPropagation();const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new Ut(Ut.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return u`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?u`<span>${this.label}</span>`:u`<slot></slot>`}</div></label>`}},Ar=new WeakMap,jr=new WeakMap,n.UUIRadioElement.styles=[gi,p`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${fi}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],Ke([S("#input")],n.UUIRadioElement.prototype,"inputElement",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"name",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"value",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"label",2),Ke([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),Ke([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=Ke([b("uui-radio")],n.UUIRadioElement);var Dm=Object.defineProperty,fl=Object.getOwnPropertySymbols,Bm=Object.prototype.hasOwnProperty,Vm=Object.prototype.propertyIsEnumerable,yl=(i,e,t)=>e in i?Dm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,wl=(i,e)=>{for(var t in e||(e={}))Bm.call(e,t)&&yl(i,t,e[t]);if(fl)for(var t of fl(e))Vm.call(e,t)&&yl(i,t,e[t]);return i};let Qi=class extends P{constructor(e,t={}){super(e,wl(wl({},{bubbles:!0}),t))}};Qi.CHANGE="change";var Hm=Object.defineProperty,Rm=Object.getOwnPropertyDescriptor,_l=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Hm(e,t,o),o};const Fm="ArrowLeft",Gm="ArrowUp",qm="ArrowRight",Wm="ArrowDown",Km=" ";n.UUIRadioGroupElement=class extends oe(m){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=e=>{e.target.checked===!0&&(this.value=e.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(e){super.value=e,(e===null||e==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.focus():(t=this._findNextEnabledElement())==null||t.focus()}click(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.click():(t=this._findNextEnabledElement())==null||t.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(r=>r.name=e)}_updateRadioElementsCheckedState(e){this._radioElements.forEach((t,r)=>{t.value===e?(t.checked=!0,this._selected=r):t.checked=!1})}_setDisableOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(r=>r.disabled=e)}_handleSlotChange(e){var t;if(e.stopPropagation(),(t=this._radioElements)==null||t.forEach(o=>{o.removeEventListener(Ut.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=e.target.assignedElements({flatten:!0}).filter(o=>o instanceof n.UUIRadioElement),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(Ut.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const r=this._radioElements.filter(o=>o.checked===!0);r.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),r.length===1?(this.value=r[0].value,this._selected=this._radioElements.indexOf(r[0]),r[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),r[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var e,t;this._selected=null,(e=this._radioElements)==null||e.forEach(r=>{r.makeUnfocusable()}),(t=this._findNextEnabledElement())==null||t.makeFocusable()}_findNextEnabledElement(e=1){if(!this._radioElements)return null;const t=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let a=(t+o*e)%r;if(a<0&&(a+=r),this._radioElements[a].disabled===!1)return this._radioElements[a];o++}return null}_selectPreviousElement(){var e,t;this.value=((e=this._findNextEnabledElement(-1))==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_selectNextElement(){var e,t;this.value=((e=this._findNextEnabledElement())==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_onKeydown(e){var t;switch(e.key){case Fm:case Gm:{e.preventDefault(),this._selectPreviousElement();break}case qm:case Wm:{e.preventDefault(),this._selectNextElement();break}case Km:this._selected===null&&(this.value=(t=this._findNextEnabledElement())==null?void 0:t.value,this._fireChangeEvent())}}_onKeypress(e){e.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Qi(Qi.CHANGE))}updated(e){super.updated(e),e.has("disabled")&&this._setDisableOnRadios(this.disabled),e.has("name")&&this._setNameOnRadios(e.get("name"))}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[p`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],_l([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=_l([b("uui-radio-group")],n.UUIRadioGroupElement);var Xm=Object.defineProperty,$l=Object.getOwnPropertySymbols,Ym=Object.prototype.hasOwnProperty,Zm=Object.prototype.propertyIsEnumerable,Ul=(i,e,t)=>e in i?Xm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,El=(i,e)=>{for(var t in e||(e={}))Ym.call(e,t)&&Ul(i,t,e[t]);if($l)for(var t of $l(e))Zm.call(e,t)&&Ul(i,t,e[t]);return i};let ce=class extends P{constructor(e,t={}){super(e,El(El({},{bubbles:!0}),t))}};ce.INPUT="input",ce.CHANGE="change";var Qm=Object.defineProperty,Jm=Object.getOwnPropertyDescriptor,j=(i,e,t,r)=>{for(var o=r>1?void 0:r?Jm(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Qm(e,t,o),o},ev=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},tv=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Et=(i,e,t)=>(ev(i,e,"access private method"),t),Ae,Xe;const Lr={TOP:3,CENTER:2,BACK:1},Zt=18,Ue=12,iv=24;n.UUIRangeSliderElement=class extends oe(m){constructor(){super(),tv(this,Ae),this.disabled=!1,this._min=0,this._max=0,this.hideStepValues=!1,this._step=1,this._movement=!1,this.startPoint={mouse:0,low:0,high:0},this._lowInputValue=0,this._highInputValue=0,this._trackWidth=0,this._lowValuePercentStart=0,this._highValuePercentEnd=100,this._onKeypress=e=>{e.key=="Enter"&&this.submit()},this._onTouchStart=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(e.touches[0].pageX);else{const r=this._getClickedValue(e.touches[0].pageX),o=Math.abs(this._lowInputValue-r),a=Math.abs(this._highInputValue-r);o<a?this.setValueLow(r):this.setValueHigh(r)}},this._onTouchMove=e=>{this._dragBothValuesByMousePos(e.touches[0].pageX)},this._onTouchEnd=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchcancel",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this._onMouseDown=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(e.pageX);else{const r=this._getClickedValue(e.pageX),o=Math.abs(this._lowInputValue-r),a=Math.abs(this._highInputValue-r);o<a?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=e=>{e.preventDefault(),this._dragBothValuesByMousePos(e.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{var e;this._trackWidth=(e=this._outerTrack)==null?void 0:e.offsetWidth})}get min(){return this._min}set min(e){this._min=e,Et(this,Ae,Xe).call(this)}get max(){return this._max}set max(e){this._max=e,Et(this,Ae,Xe).call(this)}get step(){return this._step}set step(e){this._step=e,Et(this,Ae,Xe).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,Et(this,Ae,Xe).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,Et(this,Ae,Xe).call(this)}get value(){return this._value}set value(e){super.value=e,Et(this,Ae,Xe).call(this)}setValueLow(e){e=O(e,this.maxGap?this._highInputValue-this.maxGap>this.min?this._highInputValue-this.maxGap:this.min:this.min,this.minGap?this._highInputValue-this.minGap:this._highInputValue-this.step),this.setValue(e,this._highInputValue)}setValueHigh(e){e=O(e,this.minGap?this._lowInputValue+this.minGap:this._lowInputValue+this.step,this.maxGap?this.maxGap+this._lowInputValue<this.max?this.maxGap+this._lowInputValue:this.max:this.max),this.setValue(this._lowInputValue,e)}setValue(e,t,r){if(r){const o=this.startPoint.high-this.startPoint.low;e=O(e,this.min,this.max-o),t=O(t,this.min+o,this.max)}this._inputLow.value=e.toString(),this._inputHigh.value=t.toString(),this.value=`${e},${t}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._runPropertiesChecks()}_runPropertiesChecks(){if(new RegExp(/^-?\d+(\.\d+)?,-?\d+(\.\d+)?$/).test(this.value)||console.error("Range slider (Value error occurred): Bad input"),this._highInputValue===this._lowInputValue&&console.error("Range slider (Value error occurred): Low-end and high-end value should never be equal. Use <uui-slider></uui-slider> instead."),this._lowInputValue>this._highInputValue&&console.error("Range slider (Value error occurred): Low-end value should never be higher than high-end value."),(this._highInputValue>this._max||this._highInputValue<this._min)&&(this.setValueHigh(this._max),console.warn(`Conflict with the high-end value and max value. High-end value has been converted to the max value (${this._max})`)),(this._lowInputValue<this._min||this._lowInputValue>this._max)&&(this.setValueLow(this._min),console.warn(`Conflict with the low-end value and min value. Low-end value has been converted to the min value (${this._min})`)),this._step<=0&&(this._step=1,console.warn("Property step needs a value higher than 0. Converted the step value to 1 (default)")),(this._max-this._min)/this._step%1!==0&&console.error("Conflict with step value and the min and max values. May experience bad side effects"),this._minGap&&this._minGap<this._step&&(this._minGap=void 0,console.warn("Conflict with min-gap and step value. The min-gap needs to be higher than the step value. Removed the min-gap property.")),this._minGap&&this._maxGap&&this._minGap>this._maxGap&&(this._minGap=void 0,this._maxGap=void 0,console.warn("Conflict with min-gap and max-gap. Removed the min-gap and max-gap properties.")),this._minGap&&this._max-this._min<this._minGap&&(this._minGap=void 0,console.warn("Conflict with the min-gap and the total range. Removed the min-gap.")),this._maxGap&&this._highInputValue-this._lowInputValue>this._maxGap&&(this.setValueHigh(this._lowInputValue+this._maxGap),console.warn(`Conflict with value and max-gap. High-end value has been converted to the highest possible value based on the low-end value and the max gap value (${this._highInputValue})`)),this._minGap&&this._highInputValue-this._lowInputValue<this._minGap){const e=this._minGap;this._highInputValue-e<this._min?(this.setValueHigh(this._lowInputValue+e),console.warn(`Conflict with value and min gap. High-end value has been converted to the lowest possible value based on the low-end value and the min gap value (${this._highInputValue}).`)):(this.setValueLow(this._highInputValue-e),console.warn(`Conflict with value and min gap. Low-end value has been converted to the highest possible value based on the high-end value and the min gap value (${this._lowInputValue}).`))}}_updateInnerColor(){const e=this._max-this._min,t=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=t/e*100,a=100-r/e*100;this._lowValuePercentStart=O(o,0,100),this._highValuePercentEnd=O(a,0,100)}_getClickedValue(e){const t=this._outerTrack.getBoundingClientRect().left,r=(e-t-Ue)/(this._trackWidth-Ue*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(e){this.startPoint={mouse:e,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(e){const t=this._outerTrack.offsetWidth,r=e-this.startPoint.mouse,o=this._max-this._min,a=r/(t+Ue*2),s=Math.round(a*o/this._step)*this._step,h=this.startPoint.low+s,c=this.startPoint.high+s;this.setValue(h,c,!0),this.dispatchEvent(new ce(ce.INPUT))}_onLowInput(e){this.disabled&&e.preventDefault(),this._currentFocus=this._inputLow;const t=Number(e.target.value);this.setValueLow(t),this.dispatchEvent(new ce(ce.INPUT))}_onHighInput(e){this.disabled&&e.preventDefault(),this._currentFocus=this._inputHigh;const t=Number(e.target.value);this.setValueHigh(t),this.dispatchEvent(new ce(ce.INPUT))}_onLowChange(){this.setValueLow(Number(this._inputLow.value)),this.onChanged()}_onHighChange(){this.setValueHigh(Number(this._inputHigh.value)),this.onChanged()}onChanged(){this.pristine=!1,this.dispatchEvent(new ce(ce.CHANGE))}render(){return u`
326
+ )}`],Xt([S("#container")],n.UUIPopoverElement.prototype,"containerElement",2),Xt([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),Xt([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),Xt([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=Xt([b("uui-popover")],n.UUIPopoverElement);function Em(){const i=this.addEventListener;this.addEventListener=function(t,r,o){if(t!=="focusout"){if(t==="beforetoggle"){this.polyfill_onBeforeToggle=s=>{this.dispatchEvent(new CustomEvent("polyfill-beforetoggle",{bubbles:!1,composed:!1,detail:{oldState:s.oldState,newState:s.newState}})),r(s)};return}i.call(this,t,r,o)}},this.polyfill_onFocusout=t=>{const r=t.relatedTarget;if(!r)return;const o=r?.closest("uui-popover-container"),s=r?.closest("[popovertarget]");!o&&!s&&this.hidePopover()},this.polyfill_onClick=t=>{t.composedPath().some(r=>{var o;return r.tagName==="UUI-POPOVER-CONTAINER"||((o=r.attributes)==null?void 0:o.popovertarget)})||this.hidePopover()},this.polyfill_onParentPopoverUpdate=t=>{t.detail.newState==="closed"&&this.hidePopover()};const e=t=>{var r;return t.parentElement?((r=t.parentElement)==null?void 0:r.tagName)==="UUI-POPOVER-CONTAINER"?t.parentElement:e(t.parentElement):null};this.polyfill_hasBeenMovedToBody||(this.style.display="none",this.style.position="fixed",this.style.inset="0",this.style.zIndex="9999"),this.showPopover=()=>{var t,r;this.polyfill_hasBeenMovedToBody||(this.polyfill_parentPopoverContainer=e(this)),this.polyfill_onBeforeToggle({oldState:"closed",newState:"open"}),this.style.display="block",(t=this.polyfill_parentPopoverContainer)==null||t.addEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),window.addEventListener("click",this.polyfill_onClick),window.addEventListener("focusout",this.polyfill_onFocusout),this.polyfill_originalParent=this.parentNode,this.polyfill_originalNextSibling=this.nextSibling;const o=this.getRootNode();if(o&&o.adoptedStyleSheets){const s=o.adoptedStyleSheets.reduce((c,h)=>c+Object.values(h.cssRules).reduce((v,f)=>v+`#${this.id} ${f.cssText}`,""),""),a=document.createElement("style");a.innerHTML=s,a.id="uui-popover-polyfill-style";const d=this.shadowRoot.host.querySelector("#uui-popover-polyfill-style");d&&d.parentNode.removeChild(d),this.insertAdjacentElement("beforeend",a)}this.parentNode!==document.body&&((r=this.parentNode)==null||r.removeChild(this),this.polyfill_hasBeenMovedToBody=!0,document.body.appendChild(this))},this.hidePopover=()=>{var t,r;this.polyfill_hasBeenMovedToBody&&(document.body.removeChild(this),this.polyfill_hasBeenMovedToBody=!1,(t=this.polyfill_originalParent)==null||t.insertBefore(this,this.polyfill_originalNextSibling)),window.removeEventListener("click",this.polyfill_onClick),window.removeEventListener("focusout",this.polyfill_onFocusout),(r=this.polyfill_parentPopoverContainer)==null||r.removeEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),this.polyfill_onBeforeToggle({oldState:"open",newState:"closed"}),this.style.display="none"}}var km=Object.defineProperty,Im=Object.getOwnPropertyDescriptor,qe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Im(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&&km(e,t,o),o},Cr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},A=(i,e,t)=>(Cr(i,e,"read from private field"),t?t.call(i):e.get(i)),le=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},xm=(i,e,t,r)=>(Cr(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),_t=(i,e,t)=>(Cr(i,e,"access private method"),t),_e,$t,Yi,Ae,Yt,Sr,Zi,Pr,Or,dl,Qi,Ar,zr,hl;n.UUIPopoverContainerElement=class extends m{constructor(){super(...arguments),le(this,Zi),le(this,Or),le(this,Qi),le(this,zr),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,le(this,_e,null),le(this,$t,[]),le(this,Yi,e=>{var t;if(this._open=e.newState==="open",xm(this,_e,Bd(this,"popovertarget",this.id)),_t(this,zr,hl).call(this),(t=A(this,_e))==null||t.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:e.oldState,newState:e.newState}})),!this._open){_t(this,Qi,Ar).call(this);return}_t(this,Or,dl).call(this),requestAnimationFrame(()=>{A(this,Ae).call(this)})}),le(this,Ae,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",A(this,Yt).call(this,3))}),le(this,Yt,e=>{if(A(this,Sr).call(this),e--,A(this,_e)===null)return;const t=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,s=this._actualPlacement.indexOf("right")!==-1,a=this._actualPlacement.indexOf("-start")!==-1,d=this._actualPlacement.indexOf("-end")!==-1,c=A(this,_e).getBoundingClientRect(),h=this.getBoundingClientRect();let v=0,f=0;r&&(v=c.top+c.height,a&&(f=c.left),d&&(f=c.left+c.width-h.width),!a&&!d&&(f=c.left+c.width/2-h.width/2)),t&&(v=c.top-h.height,a&&(f=c.left),d&&(f=c.left+c.width-h.width),!a&&!d&&(f=c.left+c.width/2-h.width/2)),o&&(f=c.left-h.width,a&&(v=c.top),d&&(v=c.top+c.height-h.height),!a&&!d&&(v=c.top+c.height/2-h.height/2)),s&&(f=c.left+c.width,a&&(v=c.top),d&&(v=c.top+c.height-h.height),!a&&!d&&(v=c.top+c.height/2-h.height/2));const y=window.innerWidth,$=window.innerHeight,k=Math.min(0,c.top+c.height),x=Math.max(Math.min(v,$-h.height),c.top-h.height);if(Math.max(k,x)!==v&&(t||r)&&e>0){_t(this,Zi,Pr).call(this),A(this,Yt).call(this,e);return}v=Math.max(k,x);const z=Math.min(0,c.left+c.width),Ee=Math.max(Math.min(f,y-h.width),c.left-h.width),ke=Math.max(z,Ee);if(ke!==f&&(o||s)&&e>0){_t(this,Zi,Pr).call(this),A(this,Yt).call(this,e);return}f=ke,(v+h.height<0||v>$||f+h.width<0||f>y)&&this.hidePopover(),this.style.transform=`translate(${f}px, ${v}px)`,this.style.opacity="1"}),le(this,Sr,()=>{const e={top:"bottom",bottom:"top",left:"right",right:"left"};let t=this._actualPlacement.split("-")[0];t=e[t]||t,t=t.charAt(0).toUpperCase()+t.slice(1);const r=`padding${t}`;this.style.padding="0",this.style[r]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(e){this._placement=e,this._actualPlacement=e,A(this,Ae).call(this)}connectedCallback(){!HTMLElement.prototype.hasOwnProperty("popover")&&Em.bind(this)(),this.hasAttribute("popover")||this.setAttribute("popover",""),super.connectedCallback(),this.addEventListener("beforetoggle",A(this,Yi))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",A(this,Yi)),_t(this,Qi,Ar).call(this)}render(){return u`<slot></slot>`}},_e=new WeakMap,$t=new WeakMap,Yi=new WeakMap,Ae=new WeakMap,Yt=new WeakMap,Sr=new WeakMap,Zi=new WeakSet,Pr=function(){const[i,e]=this._actualPlacement.split("-"),t=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${t}-${e}`},Or=new WeakSet,dl=function(){A(this,$t).forEach(i=>{i.addEventListener("scroll",A(this,Ae),{passive:!0})}),document.addEventListener("scroll",A(this,Ae),{passive:!0})},Qi=new WeakSet,Ar=function(){A(this,$t).forEach(i=>{i.removeEventListener("scroll",A(this,Ae))}),document.removeEventListener("scroll",A(this,Ae))},zr=new WeakSet,hl=function(){if(!A(this,_e))return;let i=getComputedStyle(A(this,_e));if(i.position==="fixed")return;const e=i.position==="absolute",t=/(auto|scroll)/;let r=A(this,_e);for(;r=r.parentElement;)if(i=getComputedStyle(r),!(e&&i.position==="static")&&(t.test(i.overflow+i.overflowY+i.overflowX)&&A(this,$t).push(r),i.position==="fixed"))return;A(this,$t).push(document.body)},n.UUIPopoverContainerElement.styles=[p`:host{margin:0;width:fit-content;height:fit-content;border:none;border-radius:0;padding:0;background-color:none;background:0 0;overflow:visible}`],qe([l({type:Number})],n.UUIPopoverContainerElement.prototype,"margin",2),qe([l({type:Boolean})],n.UUIPopoverContainerElement.prototype,"open",1),qe([l({type:String,reflect:!0})],n.UUIPopoverContainerElement.prototype,"placement",1),qe([g()],n.UUIPopoverContainerElement.prototype,"_placement",2),qe([g()],n.UUIPopoverContainerElement.prototype,"_open",2),qe([g()],n.UUIPopoverContainerElement.prototype,"_actualPlacement",2),n.UUIPopoverContainerElement=qe([b("uui-popover-container")],n.UUIPopoverContainerElement);var Cm=Object.defineProperty,Sm=Object.getOwnPropertyDescriptor,pl=(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};const Pm=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUIProgressBarElement=class extends m{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Pm(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return u`<div id="bar" style="${re(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[p`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#0b8152);height:100%;width:0%}`],pl([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=pl([b("uui-progress-bar")],n.UUIProgressBarElement);var Om=Object.defineProperty,bl=Object.getOwnPropertySymbols,Am=Object.prototype.hasOwnProperty,zm=Object.prototype.propertyIsEnumerable,ml=(i,e,t)=>e in i?Om(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,vl=(i,e)=>{for(var t in e||(e={}))Am.call(e,t)&&ml(i,t,e[t]);if(bl)for(var t of bl(e))zm.call(e,t)&&ml(i,t,e[t]);return i};let Ut=class extends P{constructor(e,t={}){super(e,vl(vl({},{bubbles:!0}),t))}};Ut.CHANGE="change";var jm=Object.defineProperty,Lm=Object.getOwnPropertyDescriptor,Ke=(i,e,t,r)=>{for(var o=r>1?void 0:r?Lm(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},Tm=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},gl=(i,e,t)=>(Tm(i,e,"read from private field"),t?t.call(i):e.get(i)),fl=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},jr,Lr;n.UUIRadioElement=class extends m{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,fl(this,jr,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),fl(this,Lr,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",gl(this,Lr)),this.addEventListener("blur",gl(this,jr))}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-hidden",e?"true":"false"),this.setAttribute("tabindex",e?"-1":"0"),this.requestUpdate("disabled",t)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(e){e.stopPropagation();const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new Ut(Ut.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return u`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?u`<span>${this.label}</span>`:u`<slot></slot>`}</div></label>`}},jr=new WeakMap,Lr=new WeakMap,n.UUIRadioElement.styles=[fi,p`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${yi}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],Ke([S("#input")],n.UUIRadioElement.prototype,"inputElement",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"name",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"value",2),Ke([l({type:String})],n.UUIRadioElement.prototype,"label",2),Ke([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),Ke([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=Ke([b("uui-radio")],n.UUIRadioElement);var Nm=Object.defineProperty,yl=Object.getOwnPropertySymbols,Mm=Object.prototype.hasOwnProperty,Dm=Object.prototype.propertyIsEnumerable,wl=(i,e,t)=>e in i?Nm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_l=(i,e)=>{for(var t in e||(e={}))Mm.call(e,t)&&wl(i,t,e[t]);if(yl)for(var t of yl(e))Dm.call(e,t)&&wl(i,t,e[t]);return i};let Ji=class extends P{constructor(e,t={}){super(e,_l(_l({},{bubbles:!0}),t))}};Ji.CHANGE="change";var Bm=Object.defineProperty,Vm=Object.getOwnPropertyDescriptor,$l=(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&&Bm(e,t,o),o};const Hm="ArrowLeft",Rm="ArrowUp",Fm="ArrowRight",Gm="ArrowDown",Wm=" ";n.UUIRadioGroupElement=class extends ie(m){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=e=>{e.target.checked===!0&&(this.value=e.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(e){super.value=e,(e===null||e==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.focus():(t=this._findNextEnabledElement())==null||t.focus()}click(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.click():(t=this._findNextEnabledElement())==null||t.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(r=>r.name=e)}_updateRadioElementsCheckedState(e){this._radioElements.forEach((t,r)=>{t.value===e?(t.checked=!0,this._selected=r):t.checked=!1})}_setDisableOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(r=>r.disabled=e)}_handleSlotChange(e){var t;if(e.stopPropagation(),(t=this._radioElements)==null||t.forEach(o=>{o.removeEventListener(Ut.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=e.target.assignedElements({flatten:!0}).filter(o=>o instanceof n.UUIRadioElement),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(Ut.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const r=this._radioElements.filter(o=>o.checked===!0);r.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),r.length===1?(this.value=r[0].value,this._selected=this._radioElements.indexOf(r[0]),r[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),r[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var e,t;this._selected=null,(e=this._radioElements)==null||e.forEach(r=>{r.makeUnfocusable()}),(t=this._findNextEnabledElement())==null||t.makeFocusable()}_findNextEnabledElement(e=1){if(!this._radioElements)return null;const t=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let s=(t+o*e)%r;if(s<0&&(s+=r),this._radioElements[s].disabled===!1)return this._radioElements[s];o++}return null}_selectPreviousElement(){var e,t;this.value=((e=this._findNextEnabledElement(-1))==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_selectNextElement(){var e,t;this.value=((e=this._findNextEnabledElement())==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_onKeydown(e){var t;switch(e.key){case Hm:case Rm:{e.preventDefault(),this._selectPreviousElement();break}case Fm:case Gm:{e.preventDefault(),this._selectNextElement();break}case Wm:this._selected===null&&(this.value=(t=this._findNextEnabledElement())==null?void 0:t.value,this._fireChangeEvent())}}_onKeypress(e){e.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Ji(Ji.CHANGE))}updated(e){super.updated(e),e.has("disabled")&&this._setDisableOnRadios(this.disabled),e.has("name")&&this._setNameOnRadios(e.get("name"))}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[p`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],$l([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=$l([b("uui-radio-group")],n.UUIRadioGroupElement);var qm=Object.defineProperty,Ul=Object.getOwnPropertySymbols,Km=Object.prototype.hasOwnProperty,Xm=Object.prototype.propertyIsEnumerable,El=(i,e,t)=>e in i?qm(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,kl=(i,e)=>{for(var t in e||(e={}))Km.call(e,t)&&El(i,t,e[t]);if(Ul)for(var t of Ul(e))Xm.call(e,t)&&El(i,t,e[t]);return i};let ue=class extends P{constructor(e,t={}){super(e,kl(kl({},{bubbles:!0}),t))}};ue.INPUT="input",ue.CHANGE="change";var Ym=Object.defineProperty,Zm=Object.getOwnPropertyDescriptor,j=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zm(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&&Ym(e,t,o),o},Qm=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Jm=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Et=(i,e,t)=>(Qm(i,e,"access private method"),t),ze,Xe;const Tr={TOP:3,CENTER:2,BACK:1},Zt=18,$e=12,ev=24;n.UUIRangeSliderElement=class extends ie(m){constructor(){super(),Jm(this,ze),this.disabled=!1,this._min=0,this._max=0,this.hideStepValues=!1,this._step=1,this._movement=!1,this.startPoint={mouse:0,low:0,high:0},this._lowInputValue=0,this._highInputValue=0,this._trackWidth=0,this._lowValuePercentStart=0,this._highValuePercentEnd=100,this._onKeypress=e=>{e.key=="Enter"&&this.submit()},this._onTouchStart=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(e.touches[0].pageX);else{const r=this._getClickedValue(e.touches[0].pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onTouchMove=e=>{this._dragBothValuesByMousePos(e.touches[0].pageX)},this._onTouchEnd=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchcancel",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this._onMouseDown=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(e.pageX);else{const r=this._getClickedValue(e.pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=e=>{e.preventDefault(),this._dragBothValuesByMousePos(e.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{var e;this._trackWidth=(e=this._outerTrack)==null?void 0:e.offsetWidth})}get min(){return this._min}set min(e){this._min=e,Et(this,ze,Xe).call(this)}get max(){return this._max}set max(e){this._max=e,Et(this,ze,Xe).call(this)}get step(){return this._step}set step(e){this._step=e,Et(this,ze,Xe).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,Et(this,ze,Xe).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,Et(this,ze,Xe).call(this)}get value(){return this._value}set value(e){super.value=e,Et(this,ze,Xe).call(this)}setValueLow(e){e=O(e,this.maxGap?this._highInputValue-this.maxGap>this.min?this._highInputValue-this.maxGap:this.min:this.min,this.minGap?this._highInputValue-this.minGap:this._highInputValue-this.step),this.setValue(e,this._highInputValue)}setValueHigh(e){e=O(e,this.minGap?this._lowInputValue+this.minGap:this._lowInputValue+this.step,this.maxGap?this.maxGap+this._lowInputValue<this.max?this.maxGap+this._lowInputValue:this.max:this.max),this.setValue(this._lowInputValue,e)}setValue(e,t,r){if(r){const o=this.startPoint.high-this.startPoint.low;e=O(e,this.min,this.max-o),t=O(t,this.min+o,this.max)}this._inputLow.value=e.toString(),this._inputHigh.value=t.toString(),this.value=`${e},${t}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._runPropertiesChecks()}_runPropertiesChecks(){if(new RegExp(/^-?\d+(\.\d+)?,-?\d+(\.\d+)?$/).test(this.value)||console.error("Range slider (Value error occurred): Bad input"),this._highInputValue===this._lowInputValue&&console.error("Range slider (Value error occurred): Low-end and high-end value should never be equal. Use <uui-slider></uui-slider> instead."),this._lowInputValue>this._highInputValue&&console.error("Range slider (Value error occurred): Low-end value should never be higher than high-end value."),(this._highInputValue>this._max||this._highInputValue<this._min)&&(this.setValueHigh(this._max),console.warn(`Conflict with the high-end value and max value. High-end value has been converted to the max value (${this._max})`)),(this._lowInputValue<this._min||this._lowInputValue>this._max)&&(this.setValueLow(this._min),console.warn(`Conflict with the low-end value and min value. Low-end value has been converted to the min value (${this._min})`)),this._step<=0&&(this._step=1,console.warn("Property step needs a value higher than 0. Converted the step value to 1 (default)")),(this._max-this._min)/this._step%1!==0&&console.error("Conflict with step value and the min and max values. May experience bad side effects"),this._minGap&&this._minGap<this._step&&(this._minGap=void 0,console.warn("Conflict with min-gap and step value. The min-gap needs to be higher than the step value. Removed the min-gap property.")),this._minGap&&this._maxGap&&this._minGap>this._maxGap&&(this._minGap=void 0,this._maxGap=void 0,console.warn("Conflict with min-gap and max-gap. Removed the min-gap and max-gap properties.")),this._minGap&&this._max-this._min<this._minGap&&(this._minGap=void 0,console.warn("Conflict with the min-gap and the total range. Removed the min-gap.")),this._maxGap&&this._highInputValue-this._lowInputValue>this._maxGap&&(this.setValueHigh(this._lowInputValue+this._maxGap),console.warn(`Conflict with value and max-gap. High-end value has been converted to the highest possible value based on the low-end value and the max gap value (${this._highInputValue})`)),this._minGap&&this._highInputValue-this._lowInputValue<this._minGap){const e=this._minGap;this._highInputValue-e<this._min?(this.setValueHigh(this._lowInputValue+e),console.warn(`Conflict with value and min gap. High-end value has been converted to the lowest possible value based on the low-end value and the min gap value (${this._highInputValue}).`)):(this.setValueLow(this._highInputValue-e),console.warn(`Conflict with value and min gap. Low-end value has been converted to the highest possible value based on the high-end value and the min gap value (${this._lowInputValue}).`))}}_updateInnerColor(){const e=this._max-this._min,t=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=t/e*100,s=100-r/e*100;this._lowValuePercentStart=O(o,0,100),this._highValuePercentEnd=O(s,0,100)}_getClickedValue(e){const t=this._outerTrack.getBoundingClientRect().left,r=(e-t-$e)/(this._trackWidth-$e*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(e){this.startPoint={mouse:e,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(e){const t=this._outerTrack.offsetWidth,r=e-this.startPoint.mouse,o=this._max-this._min,s=r/(t+$e*2),a=Math.round(s*o/this._step)*this._step,d=this.startPoint.low+a,c=this.startPoint.high+a;this.setValue(d,c,!0),this.dispatchEvent(new ue(ue.INPUT))}_onLowInput(e){this.disabled&&e.preventDefault(),this._currentFocus=this._inputLow;const t=Number(e.target.value);this.setValueLow(t),this.dispatchEvent(new ue(ue.INPUT))}_onHighInput(e){this.disabled&&e.preventDefault(),this._currentFocus=this._inputHigh;const t=Number(e.target.value);this.setValueHigh(t),this.dispatchEvent(new ue(ue.INPUT))}_onLowChange(){this.setValueLow(Number(this._inputLow.value)),this.onChanged()}_onHighChange(){this.setValueHigh(Number(this._inputHigh.value)),this.onChanged()}onChanged(){this.pristine=!1,this.dispatchEvent(new ue(ue.CHANGE))}render(){return u`
495
327
  <div id="range-slider">
496
328
  ${this._renderNativeInputs()}
497
329
  <div id="inner-track">
@@ -508,7 +340,7 @@
508
340
  `}_renderThumbValues(){return u`<div class="thumb-values">
509
341
  <span><span>${this._lowInputValue}</span></span>
510
342
  <span><span>${this._highInputValue}</span></span>
511
- </div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Ue*2)/e;if(t<iv||e%1!==0)return;let r=0;const o=new Array(e+1).fill(t).map(a=>a*r++);return u`<div class="step-wrapper">
343
+ </div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-$e*2)/e;if(t<ev||e%1!==0)return;let r=0;const o=new Array(e+1).fill(t).map(s=>s*r++);return u`<div class="step-wrapper">
512
344
  <svg height="100%" width="100%">
513
345
  <rect x="9" y="9" height="3" rx="2" />
514
346
  ${this._renderStepCircles(o)}
@@ -516,7 +348,7 @@
516
348
  ${this._renderStepValues(e)}
517
349
  </div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const r=new Array(e+1).fill(this._step).map(o=>this._min+o*t++);return u`<div class="step-values">
518
350
  ${r.map(o=>u`<span><span>${o}</span></span>`)}
519
- </div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return w`${e.map(r=>{const o=r+Ue,a=this._lowInputValue-this._min,s=this._highInputValue-this._min;return o/t>=a&&o/t<=s?w`<circle class="track-step filled" cx="${o}" cy="5" r="4.5" />`:w`<circle class="track-step regular" cx="${o}" cy="5" r="4.5" />`})}`}_renderNativeInputs(){return u` <div class="native-wrapper">
351
+ </div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return w`${e.map(r=>{const o=r+$e,s=this._lowInputValue-this._min,a=this._highInputValue-this._min;return o/t>=s&&o/t<=a?w`<circle class="track-step filled" cx="${o}" cy="5" r="4.5" />`:w`<circle class="track-step regular" cx="${o}" cy="5" r="4.5" />`})}`}_renderNativeInputs(){return u` <div class="native-wrapper">
520
352
  <input
521
353
  id="inputLow"
522
354
  class="${this._movement?"focus":""}"
@@ -541,7 +373,7 @@
541
373
  ?disabled="${this.disabled}"
542
374
  @input=${this._onHighInput}
543
375
  @change=${this._onHighChange} />
544
- </div>`}},Ae=new WeakSet,Xe=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},n.UUIRangeSliderElement.formAssociated=!0,n.UUIRangeSliderElement.styles=[p`
376
+ </div>`}},ze=new WeakSet,Xe=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},n.UUIRangeSliderElement.formAssociated=!0,n.UUIRangeSliderElement.styles=[p`
545
377
  :host {
546
378
  --color-interactive: var(--uui-color-selected,#3544b1);
547
379
  --color-hover: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
@@ -569,8 +401,8 @@
569
401
  background-color: var(--uui-color-border-standalone,#c2c2c2);
570
402
  position: absolute;
571
403
  height: 3px;
572
- left: ${Ue}px; /* Match TRACK_MARGIN */
573
- right: ${Ue}px; /* Match TRACK_MARGIN */
404
+ left: ${$e}px; /* Match TRACK_MARGIN */
405
+ right: ${$e}px; /* Match TRACK_MARGIN */
574
406
  }
575
407
 
576
408
  :host(:not([disabled]):hover) #inner-track,
@@ -587,7 +419,7 @@
587
419
  height: ${Zt}px;
588
420
  cursor: grab;
589
421
  user-select: none;
590
- z-index: ${Lr.CENTER};
422
+ z-index: ${Tr.CENTER};
591
423
  }
592
424
 
593
425
  :host([disabled]) #inner-color-thumb {
@@ -632,7 +464,7 @@
632
464
 
633
465
  /** Steps */
634
466
  .step-wrapper {
635
- margin: 0 ${-1*Ue}px;
467
+ margin: 0 ${-1*$e}px;
636
468
  height: 11px;
637
469
  position: absolute;
638
470
  left: 0;
@@ -671,7 +503,7 @@
671
503
 
672
504
  .step-values {
673
505
  box-sizing: border-box;
674
- margin: 0 ${Ue}px; /* Match TRACK_MARGIN */
506
+ margin: 0 ${$e}px; /* Match TRACK_MARGIN */
675
507
  display: flex;
676
508
  justify-content: space-between;
677
509
  font-size: var(--uui-type-small-size,12px);
@@ -749,7 +581,7 @@
749
581
  pointer-events: all;
750
582
  cursor: grab;
751
583
  position: relative;
752
- z-index: ${Lr.TOP};
584
+ z-index: ${Tr.TOP};
753
585
  width: ${Zt}px;
754
586
  height: ${Zt}px;
755
587
  border-radius: 24px;
@@ -788,7 +620,7 @@
788
620
  pointer-events: all;
789
621
  cursor: grab;
790
622
  position: relative;
791
- z-index: ${Lr.TOP};
623
+ z-index: ${Tr.TOP};
792
624
  width: ${Zt}px;
793
625
  height: ${Zt}px;
794
626
  border-radius: 24px;
@@ -819,7 +651,7 @@
819
651
  box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
820
652
  inset 0 0 0 4px var(--uui-color-surface,#fff);
821
653
  }
822
- `],j([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),j([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",1),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",1),j([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",1),j([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",1),j([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",1),j([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),j([g()],n.UUIRangeSliderElement.prototype,"_movement",2),j([g()],n.UUIRangeSliderElement.prototype,"_lowInputValue",2),j([g()],n.UUIRangeSliderElement.prototype,"_highInputValue",2),j([g()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),j([g()],n.UUIRangeSliderElement.prototype,"_lowValuePercentStart",2),j([g()],n.UUIRangeSliderElement.prototype,"_highValuePercentEnd",2),j([S("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),j([S("#inputLow")],n.UUIRangeSliderElement.prototype,"_inputLow",2),j([S("#inputHigh")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),j([S(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),j([S("#inner-color-thumb")],n.UUIRangeSliderElement.prototype,"_innerColorThumb",2),n.UUIRangeSliderElement=j([b("uui-range-slider")],n.UUIRangeSliderElement);var ov=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,nv=(i,e,t,r)=>{for(var o=r>1?void 0:r?rv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&ov(e,t,o),o};n.UUIRefListElement=class extends m{render(){return u`<slot></slot>`}},n.UUIRefListElement.styles=[p`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;left:0;right:0;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=nv([b("uui-ref-list")],n.UUIRefListElement);class kt extends P{}kt.OPEN="open";var av=Object.defineProperty,sv=Object.getOwnPropertyDescriptor,Tr=(i,e,t,r)=>{for(var o=r>1?void 0:r?sv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&av(e,t,o),o};n.UUIRefElement=class extends bi(rt(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new kt(kt.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new kt(kt.OPEN)))}},n.UUIRefElement.styles=[p`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([standalone]){border:1px solid var(--uui-color-border,#d8d7d9)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-2,6px) * 4);margin-right:var(--uui-size-2,6px)}#actions-container{opacity:0;transition:opacity 120ms}:host(:hover) #actions-container{opacity:1}:host([standalone]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([standalone][disabled]){border-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Tr([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),Tr([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=Tr([b("uui-ref")],n.UUIRefElement);var lv=Object.defineProperty,uv=Object.getOwnPropertyDescriptor,xt=(i,e,t,r)=>{for(var o=r>1?void 0:r?uv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&lv(e,t,o),o},cv=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qt=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},It=(i,e,t)=>(cv(i,e,"access private method"),t),Nr,kl,Mr,xl,Ji,Dr,Br,Il,Vr,Cl;n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),Qt(this,Nr),Qt(this,Mr),Qt(this,Ji),Qt(this,Br),Qt(this,Vr),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return u`${this.href?It(this,Br,Il).call(this):It(this,Vr,Cl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},Nr=new WeakSet,kl=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},Mr=new WeakSet,xl=function(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Ji=new WeakSet,Dr=function(){return u`<span id="icon"><slot name="icon" @slotchange="${It(this,Nr,kl)}"></slot>${this._iconSlotHasContent===!1?It(this,Mr,xl).call(this):""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div>`},Br=new WeakSet,Il=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}">${It(this,Ji,Dr).call(this)}</a>`},Vr=new WeakSet,Cl=function(){return u`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${It(this,Ji,Dr).call(this)}</button>`},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,p`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{text-decoration:none;color:inherit;align-self:stretch;line-height:normal;display:flex;position:relative;align-items:center;cursor:pointer}#icon{font-size:1.2em;margin-left:var(--uui-size-2,6px);margin-right:var(--uui-size-1,3px)}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#name{font-weight:700}#detail{font-size:var(--uui-type-small-size,12px)}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],xt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),xt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),xt([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),xt([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),xt([g()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=xt([b("uui-ref-node")],n.UUIRefNodeElement);var hv=Object.defineProperty,dv=Object.getOwnPropertyDescriptor,Sl=(i,e,t,r)=>{for(var o=r>1?void 0:r?dv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&hv(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],Sl([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=Sl([b("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var pv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,Pl=(i,e,t,r)=>{for(var o=r>1?void 0:r?bv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&pv(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],Pl([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=Pl([b("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var mv=Object.defineProperty,vv=Object.getOwnPropertyDescriptor,gv=(i,e,t,r)=>{for(var o=r>1?void 0:r?vv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&mv(e,t,o),o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=gv([b("uui-ref-node-form")],n.UUIRefNodeFormElement);var fv=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,Ol=(i,e,t,r)=>{for(var o=r>1?void 0:r?yv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&fv(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],Ol([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Ol([b("uui-ref-node-member")],n.UUIRefNodeMemberElement);var wv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,Hr=(i,e,t,r)=>{for(var o=r>1?void 0:r?_v(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&wv(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],Hr([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Hr([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Hr([b("uui-ref-node-package")],n.UUIRefNodePackageElement);var $v=Object.defineProperty,Uv=Object.getOwnPropertyDescriptor,zl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&$v(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],zl([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=zl([b("uui-ref-node-user")],n.UUIRefNodeUserElement);var Ev=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,Al=(i,e,t,r)=>{for(var o=r>1?void 0:r?kv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Ev(e,t,o),o};n.UUIScrollContainerElement=class extends m{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[p`: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}`],Al([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=Al([b("uui-scroll-container")],n.UUIScrollContainerElement);var xv=Object.defineProperty,jl=Object.getOwnPropertySymbols,Iv=Object.prototype.hasOwnProperty,Cv=Object.prototype.propertyIsEnumerable,Ll=(i,e,t)=>e in i?xv(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Tl=(i,e)=>{for(var t in e||(e={}))Iv.call(e,t)&&Ll(i,t,e[t]);if(jl)for(var t of jl(e))Cv.call(e,t)&&Ll(i,t,e[t]);return i};let eo=class extends P{constructor(e,t={}){super(e,Tl(Tl({},{bubbles:!0}),t))}};eo.CHANGE="change";var Sv=Object.defineProperty,Pv=Object.getOwnPropertyDescriptor,he=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Sv(e,t,o),o};n.UUISelectElement=class extends oe(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(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 eo(eo.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(e,t,r,o){return u`<option value="${t}" ?selected="${r}" ?disabled="${o}">${e}</option>`}_renderGrouped(){return this._groups.length===0?U: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>`)}`}render(){return 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=[p`:host{display:inline-block;position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,var(--uui-size-5,15px));height:var(--uui-select-height,var(--uui-size-11,33px));padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;box-sizing:border-box;border-radius:0;border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-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-danger-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],he([l({type:String})],n.UUISelectElement.prototype,"label",2),he([l()],n.UUISelectElement.prototype,"placeholder",2),he([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),he([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),he([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),he([g()],n.UUISelectElement.prototype,"_groups",2),he([l()],n.UUISelectElement.prototype,"disabledGroups",2),he([g()],n.UUISelectElement.prototype,"_disabledGroups",2),he([S("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=he([b("uui-select")],n.UUISelectElement);const Ov=p`
654
+ `],j([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),j([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",1),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",1),j([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),j([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",1),j([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",1),j([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",1),j([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),j([g()],n.UUIRangeSliderElement.prototype,"_movement",2),j([g()],n.UUIRangeSliderElement.prototype,"_lowInputValue",2),j([g()],n.UUIRangeSliderElement.prototype,"_highInputValue",2),j([g()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),j([g()],n.UUIRangeSliderElement.prototype,"_lowValuePercentStart",2),j([g()],n.UUIRangeSliderElement.prototype,"_highValuePercentEnd",2),j([S("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),j([S("#inputLow")],n.UUIRangeSliderElement.prototype,"_inputLow",2),j([S("#inputHigh")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),j([S(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),j([S("#inner-color-thumb")],n.UUIRangeSliderElement.prototype,"_innerColorThumb",2),n.UUIRangeSliderElement=j([b("uui-range-slider")],n.UUIRangeSliderElement);var tv=Object.defineProperty,iv=Object.getOwnPropertyDescriptor,ov=(i,e,t,r)=>{for(var o=r>1?void 0:r?iv(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&&tv(e,t,o),o};n.UUIRefListElement=class extends m{render(){return u`<slot></slot>`}},n.UUIRefListElement.styles=[p`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;left:0;right:0;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=ov([b("uui-ref-list")],n.UUIRefListElement);class kt extends P{}kt.OPEN="open";var rv=Object.defineProperty,nv=Object.getOwnPropertyDescriptor,Nr=(i,e,t,r)=>{for(var o=r>1?void 0:r?nv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&rv(e,t,o),o};n.UUIRefElement=class extends mi(rt(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new kt(kt.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new kt(kt.OPEN)))}},n.UUIRefElement.styles=[p`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([standalone]){border:1px solid var(--uui-color-border,#d8d7d9)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-color-selected,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,#3544b1),inset 0 0 2px 0 var(--uui-color-selected,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left;color:var(--uui-color-text,#060606)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-2,6px) * 4);margin-right:var(--uui-size-2,6px)}#actions-container{opacity:0;transition:opacity 120ms}:host(:hover) #actions-container{opacity:1}:host([standalone]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([standalone][disabled]){border-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Nr([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),Nr([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=Nr([b("uui-ref")],n.UUIRefElement);var sv=Object.defineProperty,av=Object.getOwnPropertyDescriptor,It=(i,e,t,r)=>{for(var o=r>1?void 0:r?av(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&sv(e,t,o),o},lv=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Qt=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},xt=(i,e,t)=>(lv(i,e,"access private method"),t),Mr,Il,Dr,xl,eo,Br,Vr,Cl,Hr,Sl;n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),Qt(this,Mr),Qt(this,Dr),Qt(this,eo),Qt(this,Vr),Qt(this,Hr),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return u`${this.href?xt(this,Vr,Cl).call(this):xt(this,Hr,Sl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},Mr=new WeakSet,Il=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},Dr=new WeakSet,xl=function(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},eo=new WeakSet,Br=function(){return u`<span id="icon"><slot name="icon" @slotchange="${xt(this,Mr,Il)}"></slot>${this._iconSlotHasContent===!1?xt(this,Dr,xl).call(this):""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div>`},Vr=new WeakSet,Cl=function(){return u`<a id="open-part" tabindex="${this.disabled?U:"0"}" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}">${xt(this,eo,Br).call(this)}</a>`},Hr=new WeakSet,Sl=function(){return u`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${xt(this,eo,Br).call(this)}</button>`},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,p`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{text-decoration:none;color:inherit;align-self:stretch;line-height:normal;display:flex;position:relative;align-items:center;cursor:pointer}#icon{font-size:1.2em;margin-left:var(--uui-size-2,6px);margin-right:var(--uui-size-1,3px)}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#name{font-weight:700}#detail{font-size:var(--uui-type-small-size,12px)}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,#3544b1)}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],It([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),It([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),It([l({type:String})],n.UUIRefNodeElement.prototype,"href",2),It([l({type:String})],n.UUIRefNodeElement.prototype,"target",2),It([g()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=It([b("uui-ref-node")],n.UUIRefNodeElement);var uv=Object.defineProperty,cv=Object.getOwnPropertyDescriptor,Pl=(i,e,t,r)=>{for(var o=r>1?void 0:r?cv(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&&uv(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],Pl([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=Pl([b("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var dv=Object.defineProperty,hv=Object.getOwnPropertyDescriptor,Ol=(i,e,t,r)=>{for(var o=r>1?void 0:r?hv(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&&dv(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],Ol([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=Ol([b("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var pv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,mv=(i,e,t,r)=>{for(var o=r>1?void 0:r?bv(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&&pv(e,t,o),o};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=mv([b("uui-ref-node-form")],n.UUIRefNodeFormElement);var vv=Object.defineProperty,gv=Object.getOwnPropertyDescriptor,Al=(i,e,t,r)=>{for(var o=r>1?void 0:r?gv(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&&vv(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],Al([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Al([b("uui-ref-node-member")],n.UUIRefNodeMemberElement);var fv=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,Rr=(i,e,t,r)=>{for(var o=r>1?void 0:r?yv(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&&fv(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],Rr([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Rr([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Rr([b("uui-ref-node-package")],n.UUIRefNodePackageElement);var wv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,zl=(i,e,t,r)=>{for(var o=r>1?void 0:r?_v(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&&wv(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],zl([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=zl([b("uui-ref-node-user")],n.UUIRefNodeUserElement);var $v=Object.defineProperty,Uv=Object.getOwnPropertyDescriptor,jl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Uv(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$v(e,t,o),o};n.UUIScrollContainerElement=class extends m{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[p`: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}`],jl([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=jl([b("uui-scroll-container")],n.UUIScrollContainerElement);var Ev=Object.defineProperty,Ll=Object.getOwnPropertySymbols,kv=Object.prototype.hasOwnProperty,Iv=Object.prototype.propertyIsEnumerable,Tl=(i,e,t)=>e in i?Ev(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Nl=(i,e)=>{for(var t in e||(e={}))kv.call(e,t)&&Tl(i,t,e[t]);if(Ll)for(var t of Ll(e))Iv.call(e,t)&&Tl(i,t,e[t]);return i};let to=class extends P{constructor(e,t={}){super(e,Nl(Nl({},{bubbles:!0}),t))}};to.CHANGE="change";var xv=Object.defineProperty,Cv=Object.getOwnPropertyDescriptor,ce=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cv(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&&xv(e,t,o),o};n.UUISelectElement=class extends ie(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(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 to(to.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(e,t,r,o){return u`<option value="${t}" ?selected="${r}" ?disabled="${o}">${e}</option>`}_renderGrouped(){return this._groups.length===0?U: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>`)}`}render(){return 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=[p`:host{display:inline-block;position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,var(--uui-size-5,15px));height:var(--uui-select-height,var(--uui-size-11,33px));padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;box-sizing:border-box;border-radius:0;border:1px solid var(--uui-select-border-color,var(--uui-color-border,#d8d7d9));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-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-danger-standalone,#bf214e)}:host([error]) #native[disabled]{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],ce([l({type:String})],n.UUISelectElement.prototype,"label",2),ce([l()],n.UUISelectElement.prototype,"placeholder",2),ce([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ce([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ce([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ce([g()],n.UUISelectElement.prototype,"_groups",2),ce([l()],n.UUISelectElement.prototype,"disabledGroups",2),ce([g()],n.UUISelectElement.prototype,"_disabledGroups",2),ce([S("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=ce([b("uui-select")],n.UUISelectElement);const Sv=p`
823
655
  input[type='range'] {
824
656
  left: 0;
825
657
  position: absolute;
@@ -926,15 +758,15 @@
926
758
  input[type='range']:focus::-ms-fill-upper {
927
759
  background: transparent;
928
760
  }
929
- `;var zv=Object.defineProperty,Nl=Object.getOwnPropertySymbols,Av=Object.prototype.hasOwnProperty,jv=Object.prototype.propertyIsEnumerable,Ml=(i,e,t)=>e in i?zv(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Dl=(i,e)=>{for(var t in e||(e={}))Av.call(e,t)&&Ml(i,t,e[t]);if(Nl)for(var t of Nl(e))jv.call(e,t)&&Ml(i,t,e[t]);return i};let Ye=class extends P{constructor(e,t={}){super(e,Dl(Dl({},{bubbles:!0}),t))}};Ye.INPUT="input",Ye.CHANGE="change";var Lv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,W=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Lv(e,t,o),o};const Jt=12,Bl=24,Nv=(i,e)=>w`
930
- ${i.map(t=>{if(e>=Bl){const r=Math.round(Jt+e*i.indexOf(t));return w`<circle class="track-step" cx="${r}" cy="50%" r="4.5" />`}return w``})}
931
- `,Mv=(i,e,t)=>t?U:u`<div id="step-values">
761
+ `;var Pv=Object.defineProperty,Ml=Object.getOwnPropertySymbols,Ov=Object.prototype.hasOwnProperty,Av=Object.prototype.propertyIsEnumerable,Dl=(i,e,t)=>e in i?Pv(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Bl=(i,e)=>{for(var t in e||(e={}))Ov.call(e,t)&&Dl(i,t,e[t]);if(Ml)for(var t of Ml(e))Av.call(e,t)&&Dl(i,t,e[t]);return i};let Ye=class extends P{constructor(e,t={}){super(e,Bl(Bl({},{bubbles:!0}),t))}};Ye.INPUT="input",Ye.CHANGE="change";var zv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,q=(i,e,t,r)=>{for(var o=r>1?void 0:r?jv(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&&zv(e,t,o),o};const Jt=12,Vl=24,Lv=(i,e)=>w`
762
+ ${i.map(t=>{if(e>=Vl){const r=Math.round(Jt+e*i.indexOf(t));return w`<circle class="track-step" cx="${r}" cy="50%" r="4.5" />`}return w``})}
763
+ `,Tv=(i,e,t)=>t?U:u`<div id="step-values">
932
764
  ${i.map(r=>u` <span
933
765
  ><span>
934
- ${i.length<=20&&e>=Bl?r.toFixed(0):U}
766
+ ${i.length<=20&&e>=Vl?r.toFixed(0):U}
935
767
  </span></span
936
768
  >`)}
937
- </div>`,Dv=(i,e,t)=>Array.from({length:(e-i)/t+1},(r,o)=>i+o*t);n.UUISliderElement=class extends oe(m){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){if(e instanceof File)return;const t=this._value;let r=e?parseFloat(e):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),this._value=r.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=Dv(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Jt*2)/(this._steps.length-1)}_onKeypress(e){e.key=="Enter"&&this.submit()}_calculateSliderPosition(){const e=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new Ye(Ye.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ye(Ye.CHANGE))}render(){return u`
769
+ </div>`,Nv=(i,e,t)=>Array.from({length:(e-i)/t+1},(r,o)=>i+o*t);n.UUISliderElement=class extends ie(m){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){if(e instanceof File)return;const t=this._value;let r=e?parseFloat(e):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),this._value=r.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=Nv(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Jt*2)/(this._steps.length-1)}_onKeypress(e){e.key=="Enter"&&this.submit()}_calculateSliderPosition(){const e=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new Ye(Ye.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ye(Ye.CHANGE))}render(){return u`
938
770
  <input
939
771
  id="input"
940
772
  type="range"
@@ -949,17 +781,17 @@
949
781
  <div id="track" aria-hidden="true">
950
782
  <svg height="100%" width="100%">
951
783
  <rect x="9" y="9" height="3" rx="2" />
952
- ${Nv(this._steps,this._stepWidth)}
784
+ ${Lv(this._steps,this._stepWidth)}
953
785
  </svg>
954
786
 
955
787
  <div id="track-inner" aria-hidden="true">
956
- <div id="thumb" style=${ne({left:this._sliderPosition})}>
788
+ <div id="thumb" style=${re({left:this._sliderPosition})}>
957
789
  <div id="thumb-label">${this.value}</div>
958
790
  </div>
959
791
  </div>
960
792
  </div>
961
- ${Mv(this._steps,this._stepWidth,this.hideStepValues)}
962
- `}},n.UUISliderElement.formAssociated=!0,n.UUISliderElement.styles=[Ah,Ov,p`
793
+ ${Tv(this._steps,this._stepWidth,this.hideStepValues)}
794
+ `}},n.UUISliderElement.formAssociated=!0,n.UUISliderElement.styles=[Od,Sv,p`
963
795
  :host {
964
796
  display: inline-block;
965
797
  width: 100%;
@@ -1098,348 +930,12 @@
1098
930
  :host(:not([pristine]):invalid) #thumb:after {
1099
931
  background-color: var(--uui-color-danger,#d42054);
1100
932
  }
1101
- `],W([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),W([l({type:Number})],n.UUISliderElement.prototype,"min",2),W([l({type:Number})],n.UUISliderElement.prototype,"max",2),W([l({type:Number})],n.UUISliderElement.prototype,"step",2),W([l({type:String})],n.UUISliderElement.prototype,"value",1),W([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),W([l({type:String})],n.UUISliderElement.prototype,"label",2),W([S("#input")],n.UUISliderElement.prototype,"_input",2),W([S("#track")],n.UUISliderElement.prototype,"_track",2),W([g()],n.UUISliderElement.prototype,"_stepWidth",2),W([g()],n.UUISliderElement.prototype,"_steps",2),W([g()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=W([b("uui-slider")],n.UUISliderElement);var Bv=Object.defineProperty,Vv=Object.getOwnPropertyDescriptor,Vl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Bv(e,t,o),o};n.UUISymbolExpandElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolExpandElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform 120ms ease-in-out;width:100%;height:100%}:host([open]) svg{transform:rotate(0)}`],Vl([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=Vl([b("uui-symbol-expand")],n.UUISymbolExpandElement);var Hv=Object.defineProperty,Rv=Object.getOwnPropertyDescriptor,Hl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Hv(e,t,o),o};n.UUISymbolFileDropzoneElement=class extends m{constructor(){super(...arguments),this.error=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="upload-icon"><path d="${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"}"/></svg>`}},n.UUISymbolFileDropzoneElement.styles=[p`:host{display:flex;flex-direction:column;align-items:center;justify-content:center}#upload-icon{fill:var(--uui-color-default,#1b264f);width:100px;transition:fill .3s ease;position:relative;z-index:2}:host([error]) #upload-icon{fill:var(--uui-color-danger,#d42054)}`],Hl([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=Hl([b("uui-symbol-file-dropzone")],n.UUISymbolFileDropzoneElement);var Fv=Object.defineProperty,Gv=Object.getOwnPropertyDescriptor,Rr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Fv(e,t,o),o};n.UUISymbolFileThumbnailElement=class extends m{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${qh.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[p`:host{display:block;width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}uui-icon{width:100%;height:100%;max-width:100%;display:flex;max-height:100%;justify-content:center;color:var(--uui-color-surface,#fff);background:var(--uui-color-surface-alt,#f3f3f5)}`],Rr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),Rr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=Rr([b("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var qv=Object.defineProperty,Wv=Object.getOwnPropertyDescriptor,Rl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&qv(e,t,o),o};n.UUISymbolFileElement=class extends m{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[p`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;background-color:var(--uui-color-surface-alt,#f3f3f5);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],Rl([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Rl([b("uui-symbol-file")],n.UUISymbolFileElement);var Kv=Object.defineProperty,Xv=Object.getOwnPropertyDescriptor,Yv=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Kv(e,t,o),o};n.UUISymbolFolderElement=class extends m{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[p`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=Yv([b("uui-symbol-folder")],n.UUISymbolFolderElement);var Zv=Object.defineProperty,Qv=Object.getOwnPropertyDescriptor,Fl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qv(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Zv(e,t,o),o};n.UUISymbolLockElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return w`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?w`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:w`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[p`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Fl([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Fl([b("uui-symbol-lock")],n.UUISymbolLockElement);var Jv=Object.defineProperty,eg=Object.getOwnPropertyDescriptor,tg=(i,e,t,r)=>{for(var o=r>1?void 0:r?eg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Jv(e,t,o),o};n.UUISymbolMoreElement=class extends m{render(){return u`•••`}},n.UUISymbolMoreElement.styles=[p`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],n.UUISymbolMoreElement=tg([b("uui-symbol-more")],n.UUISymbolMoreElement);var ig=Object.defineProperty,og=Object.getOwnPropertyDescriptor,Gl=(i,e,t,r)=>{for(var o=r>1?void 0:r?og(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&ig(e,t,o),o};n.UUISymbolSortElement=class extends Mt(m){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolSortElement.styles=[p`:host{position:relative;display:inline-block;width:.8em;height:1em;vertical-align:middle;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.8em;fill:currentColor;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-.5em}#up{transform:rotate(180deg);margin-top:-.7em}#down{margin-top:-.3em}:host([active]) #up{margin-top:calc(-.5em - (.2em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.5em + (.2em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],Gl([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Gl([b("uui-symbol-sort")],n.UUISymbolSortElement);var rg=Object.defineProperty,ng=Object.getOwnPropertyDescriptor,ag=(i,e,t,r)=>{for(var o=r>1?void 0:r?ng(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&rg(e,t,o),o};n.UUITableElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[p`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=ag([b("uui-table")],n.UUITableElement);var sg=Object.defineProperty,lg=Object.getOwnPropertyDescriptor,to=(i,e,t,r)=>{for(var o=r>1?void 0:r?lg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&sg(e,t,o),o};n.UUITableCellElement=class extends m{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[p`:host{position:relative;display:table-cell;height:var(--uui-table-cell-height,var(--uui-size-12,36px));padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-color-border,#d8d7d9);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}:host([no-padding]){padding:0}`],to([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),to([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),to([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=to([b("uui-table-cell")],n.UUITableCellElement);var ug=Object.defineProperty,cg=Object.getOwnPropertyDescriptor,hg=(i,e,t,r)=>{for(var o=r>1?void 0:r?cg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&ug(e,t,o),o};n.UUITableColumnElement=class extends m{},n.UUITableColumnElement.styles=[p`:host{display:table-column}`],n.UUITableColumnElement=hg([b("uui-table-column")],n.UUITableColumnElement);var dg=Object.defineProperty,pg=Object.getOwnPropertyDescriptor,bg=(i,e,t,r)=>{for(var o=r>1?void 0:r?pg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&dg(e,t,o),o};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,p`:host{border-top:none}`],n.UUITableHeadCellElement=bg([b("uui-table-head-cell")],n.UUITableHeadCellElement);var mg=Object.defineProperty,vg=Object.getOwnPropertyDescriptor,gg=(i,e,t,r)=>{for(var o=r>1?void 0:r?vg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&mg(e,t,o),o};n.UUITableHeadElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[p`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=gg([b("uui-table-head")],n.UUITableHeadElement);var fg=Object.defineProperty,yg=Object.getOwnPropertyDescriptor,ql=(i,e,t,r)=>{for(var o=r>1?void 0:r?yg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&fg(e,t,o),o};n.UUITableRowElement=class extends bi(rt(m)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[p`:host{display:table-row;position:relative;outline-offset:-3px}:host([selectable]){cursor:pointer}:host(:focus){outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:focus){outline-color:var(--uui-color-focus,#3879ff)}`],ql([Ce({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=ql([b("uui-table-row")],n.UUITableRowElement);var wg=Object.defineProperty,_g=Object.getOwnPropertyDescriptor,ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?_g(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&wg(e,t,o),o};n.UUITabElement=class extends Mt(ie("",m)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[p`:host{color:var(--uui-tab-text,var(--uui-color-interactive,#1b264f));font-family:inherit;width:fit-content}#button{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:var(--uui-size-12,36px);min-width:70px;padding:var(--uui-size-3,9px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px));border:none;font-size:inherit;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}:host([orientation=vertical]) #button{min-height:var(--uui-size-14,42px);padding:var(--uui-size-2,6px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px))}:host(:not([active]):not([disabled])) #button:hover{color:var(--uui-tab-text-hover,var(--uui-color-default-emphasis,#3544b1))}:host(:not([active]):not([disabled])) #button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}:host([active]){color:var(--uui-tab-text-active,unset)}:host([active]) #button{cursor:default}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button::before{content:'';position:absolute;background-color:var(--uui-color-current,#f5c1bc);opacity:0;--transitionDuration:120ms;--barWidth:4px;--borderRadius:3px}:host([active]) #button::before{opacity:1}:host([orientation=horizontal]) #button::before{left:auto;right:auto;border-radius:var(--borderRadius) var(--borderRadius) 0 0;height:0;width:calc(100% - 15px);bottom:0;transition:opacity ease-in-out var(--transitionDuration),height ease-in-out var(--transitionDuration)}:host([active][orientation=horizontal]) #button::before{height:var(--barWidth)}:host([orientation=vertical]) #button::before{top:auto;bottom:auto;border-radius:0 var(--borderRadius) var(--borderRadius) 0;height:calc(100% - 12px);width:0;left:0;transition:opacity ease-in-out var(--transitionDuration),width ease-in-out var(--transitionDuration)}:host([active][orientation=vertical]) #button::before{width:var(--barWidth)}#button:hover::before{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #button::before{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=icon]::slotted(*){font-size:20px;margin-bottom:var(--uui-size-2,6px)}slot.label{text-align:center;display:flex;width:100%;flex-direction:column}:host([orientation=vertical]) slot.label{text-align:left}`],ei([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),ei([l({type:String})],n.UUITabElement.prototype,"href",2),ei([l({type:String})],n.UUITabElement.prototype,"target",2),ei([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=ei([b("uui-tab")],n.UUITabElement);var $g=Object.defineProperty,Ug=Object.getOwnPropertyDescriptor,Ct=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ug(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&$g(e,t,o),o},Fr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},C=(i,e,t)=>(Fr(i,e,"read from private field"),t?t.call(i):e.get(i)),B=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ti=(i,e,t,r)=>(Fr(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),K=(i,e,t)=>(Fr(i,e,"access private method"),t),io,de,Ee,St,ii,oo,oi,ri,Gr,Wl,qr,Kl,ro,Wr,Kr,Xl,Pt,ni,no,Xr,Yl,ao,Yr,so,Zr;n.UUITabGroupElement=class extends m{constructor(){super(...arguments),B(this,Gr),B(this,qr),B(this,ro),B(this,Kr),B(this,ni),B(this,Xr),B(this,ao),B(this,so),B(this,io,0),this.dropdownContentDirection="vertical",B(this,de,[]),B(this,Ee,[]),B(this,St,new Map),B(this,ii,[]),B(this,oo,new ResizeObserver(K(this,qr,Kl).bind(this))),B(this,oi,[]),B(this,ri,!1),B(this,Pt,e=>{const t=e.currentTarget;if(K(this,so,Zr).call(this,t)){t.active=!0;const r=C(this,St).get(t);r&&(r.active=!0),[...C(this,de),...C(this,Ee)].filter(o=>o!==t&&o!==r).forEach(o=>{K(this,so,Zr).call(this,o)&&(o.active=!1)}),C(this,Ee).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),K(this,Gr,Wl).call(this)}disconnectedCallback(){super.disconnectedCallback(),C(this,oo).unobserve(this),K(this,ro,Wr).call(this)}render(){return u`<div id="main"><div id="grid"><slot @slotchange="${K(this,Kr,Xl)}"></slot></div><uui-button popovertarget="popover-container" style="display:none" id="more-button" label="More" compact="compact"><uui-symbol-more></uui-symbol-more></uui-button></div><uui-popover-container id="popover-container" popover placement="bottom-end"><div id="hidden-tabs-container">${cr(C(this,Ee),e=>u`${e}`)}</div></uui-popover-container>`}},io=new WeakMap,de=new WeakMap,Ee=new WeakMap,St=new WeakMap,ii=new WeakMap,oo=new WeakMap,oi=new WeakMap,ri=new WeakMap,Gr=new WeakSet,Wl=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,C(this,oo).observe(this._mainElement)},qr=new WeakSet,Kl=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==C(this,io)?K(this,ni,no).call(this):K(this,ao,Yr).call(this,i[0].contentBoxSize[0].inlineSize)},ro=new WeakSet,Wr=function(){C(this,de).forEach(i=>{i.removeEventListener("click",C(this,Pt)),C(this,oi).forEach(e=>e.disconnect())}),C(this,oi).length=0},Kr=new WeakSet,Xl=function(){K(this,ro,Wr).call(this),K(this,Xr,Yl).call(this),C(this,de).forEach(i=>{i.addEventListener("click",C(this,Pt));const e=new ResizeObserver(K(this,ni,no).bind(this));e.observe(i),C(this,oi).push(e)})},Pt=new WeakMap,ni=new WeakSet,no=async function(){if(C(this,ri))return;ti(this,ri,!0),requestAnimationFrame(()=>{ti(this,ri,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;ti(this,io,e);let t=0;for(let o=0;o<C(this,de).length;o++)C(this,de)[o].style.display="",t+=C(this,de)[o].offsetWidth,C(this,ii)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",K(this,ao,Yr).call(this,this._mainElement.offsetWidth)},Xr=new WeakSet,Yl=function(){ti(this,de,this._slottedNodes?this._slottedNodes:[]),K(this,ni,no).call(this)},ao=new WeakSet,Yr=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);C(this,Ee).forEach(a=>{a.removeEventListener("click",C(this,Pt))}),ti(this,Ee,[]),C(this,St).clear();let r=!1;const o=C(this,ii).length;for(let a=0;a<o;a++){const s=C(this,ii)[a],h=C(this,de)[a];if(s<=(a===o-1?i:t))h.style.display="";else{const c=h.cloneNode(!0);c.addEventListener("click",C(this,Pt)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,C(this,St).set(c,h),C(this,St).set(h,c),C(this,Ee).push(c),h.style.display="none",h.active&&(r=!0)}}C(this,Ee).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",r?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},so=new WeakSet,Zr=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[p`:host{min-width:0;display:flex;height:100%}#main{display:flex;justify-content:space-between;overflow:hidden}#grid{width:1fr;display:flex;height:100%;min-height:48px;overflow:hidden;text-wrap:nowrap;color:var(--uui-tab-text);gap:var(--uui-tab-group-gap,0)}#popover-container{--uui-tab-text:var(--uui-tab-group-dropdown-tab-text, unset);--uui-tab-text-hover:var(
933
+ `],q([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),q([l({type:Number})],n.UUISliderElement.prototype,"min",2),q([l({type:Number})],n.UUISliderElement.prototype,"max",2),q([l({type:Number})],n.UUISliderElement.prototype,"step",2),q([l({type:String})],n.UUISliderElement.prototype,"value",1),q([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),q([l({type:String})],n.UUISliderElement.prototype,"label",2),q([S("#input")],n.UUISliderElement.prototype,"_input",2),q([S("#track")],n.UUISliderElement.prototype,"_track",2),q([g()],n.UUISliderElement.prototype,"_stepWidth",2),q([g()],n.UUISliderElement.prototype,"_steps",2),q([g()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=q([b("uui-slider")],n.UUISliderElement);var Mv=Object.defineProperty,Dv=Object.getOwnPropertyDescriptor,Hl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dv(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&&Mv(e,t,o),o};n.UUISymbolExpandElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolExpandElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform 120ms ease-in-out;width:100%;height:100%}:host([open]) svg{transform:rotate(0)}`],Hl([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=Hl([b("uui-symbol-expand")],n.UUISymbolExpandElement);var Bv=Object.defineProperty,Vv=Object.getOwnPropertyDescriptor,Rl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vv(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&&Bv(e,t,o),o};n.UUISymbolFileDropzoneElement=class extends m{constructor(){super(...arguments),this.error=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="upload-icon"><path d="${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"}"/></svg>`}},n.UUISymbolFileDropzoneElement.styles=[p`:host{display:flex;flex-direction:column;align-items:center;justify-content:center}#upload-icon{fill:var(--uui-color-default,#1b264f);width:100px;transition:fill .3s ease;position:relative;z-index:2}:host([error]) #upload-icon{fill:var(--uui-color-danger,#d42054)}`],Rl([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=Rl([b("uui-symbol-file-dropzone")],n.UUISymbolFileDropzoneElement);var Hv=Object.defineProperty,Rv=Object.getOwnPropertyDescriptor,Fr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rv(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&&Hv(e,t,o),o};n.UUISymbolFileThumbnailElement=class extends m{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${Fd.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[p`:host{display:block;width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}uui-icon{width:100%;height:100%;max-width:100%;display:flex;max-height:100%;justify-content:center;color:var(--uui-color-surface,#fff);background:var(--uui-color-surface-alt,#f3f3f5)}`],Fr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),Fr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=Fr([b("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var Fv=Object.defineProperty,Gv=Object.getOwnPropertyDescriptor,Fl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gv(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&&Fv(e,t,o),o};n.UUISymbolFileElement=class extends m{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[p`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;background-color:var(--uui-color-surface-alt,#f3f3f5);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],Fl([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Fl([b("uui-symbol-file")],n.UUISymbolFileElement);var Wv=Object.defineProperty,qv=Object.getOwnPropertyDescriptor,Kv=(i,e,t,r)=>{for(var o=r>1?void 0:r?qv(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&&Wv(e,t,o),o};n.UUISymbolFolderElement=class extends m{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[p`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=Kv([b("uui-symbol-folder")],n.UUISymbolFolderElement);var Xv=Object.defineProperty,Yv=Object.getOwnPropertyDescriptor,Gl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yv(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&&Xv(e,t,o),o};n.UUISymbolLockElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return w`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?w`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:w`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[p`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Gl([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Gl([b("uui-symbol-lock")],n.UUISymbolLockElement);var Zv=Object.defineProperty,Qv=Object.getOwnPropertyDescriptor,Jv=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qv(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&&Zv(e,t,o),o};n.UUISymbolMoreElement=class extends m{render(){return u`•••`}},n.UUISymbolMoreElement.styles=[p`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],n.UUISymbolMoreElement=Jv([b("uui-symbol-more")],n.UUISymbolMoreElement);var eg=Object.defineProperty,tg=Object.getOwnPropertyDescriptor,Wl=(i,e,t,r)=>{for(var o=r>1?void 0:r?tg(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&&eg(e,t,o),o};n.UUISymbolSortElement=class extends Mt(m){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolSortElement.styles=[p`:host{position:relative;display:inline-block;width:.8em;height:1em;vertical-align:middle;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.8em;fill:currentColor;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-.5em}#up{transform:rotate(180deg);margin-top:-.7em}#down{margin-top:-.3em}:host([active]) #up{margin-top:calc(-.5em - (.2em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.5em + (.2em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],Wl([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Wl([b("uui-symbol-sort")],n.UUISymbolSortElement);var ig=Object.defineProperty,og=Object.getOwnPropertyDescriptor,rg=(i,e,t,r)=>{for(var o=r>1?void 0:r?og(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&&ig(e,t,o),o};n.UUITableElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[p`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=rg([b("uui-table")],n.UUITableElement);var ng=Object.defineProperty,sg=Object.getOwnPropertyDescriptor,io=(i,e,t,r)=>{for(var o=r>1?void 0:r?sg(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&&ng(e,t,o),o};n.UUITableCellElement=class extends m{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[p`:host{position:relative;display:table-cell;height:var(--uui-table-cell-height,var(--uui-size-12,36px));padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-color-border,#d8d7d9);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}:host([no-padding]){padding:0}`],io([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),io([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),io([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=io([b("uui-table-cell")],n.UUITableCellElement);var ag=Object.defineProperty,lg=Object.getOwnPropertyDescriptor,ug=(i,e,t,r)=>{for(var o=r>1?void 0:r?lg(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&&ag(e,t,o),o};n.UUITableColumnElement=class extends m{},n.UUITableColumnElement.styles=[p`:host{display:table-column}`],n.UUITableColumnElement=ug([b("uui-table-column")],n.UUITableColumnElement);var cg=Object.defineProperty,dg=Object.getOwnPropertyDescriptor,hg=(i,e,t,r)=>{for(var o=r>1?void 0:r?dg(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&&cg(e,t,o),o};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,p`:host{border-top:none}`],n.UUITableHeadCellElement=hg([b("uui-table-head-cell")],n.UUITableHeadCellElement);var pg=Object.defineProperty,bg=Object.getOwnPropertyDescriptor,mg=(i,e,t,r)=>{for(var o=r>1?void 0:r?bg(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&&pg(e,t,o),o};n.UUITableHeadElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[p`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=mg([b("uui-table-head")],n.UUITableHeadElement);var vg=Object.defineProperty,gg=Object.getOwnPropertyDescriptor,ql=(i,e,t,r)=>{for(var o=r>1?void 0:r?gg(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&&vg(e,t,o),o};n.UUITableRowElement=class extends mi(rt(m)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[p`:host{display:table-row;position:relative;outline-offset:-3px}:host([selectable]){cursor:pointer}:host(:focus){outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:focus){outline-color:var(--uui-color-focus,#3879ff)}`],ql([Ce({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=ql([b("uui-table-row")],n.UUITableRowElement);var fg=Object.defineProperty,yg=Object.getOwnPropertyDescriptor,ei=(i,e,t,r)=>{for(var o=r>1?void 0:r?yg(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&&fg(e,t,o),o};n.UUITabElement=class extends Mt(te("",m)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${E(this.disabled?void 0:this.href)}" target="${E(this.target||void 0)}" rel="${E(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[p`:host{color:var(--uui-tab-text,var(--uui-color-interactive,#1b264f));font-family:inherit;width:fit-content}#button{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:var(--uui-size-12,36px);min-width:70px;padding:var(--uui-size-3,9px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px));border:none;font-size:inherit;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}:host([orientation=vertical]) #button{min-height:var(--uui-size-14,42px);padding:var(--uui-size-2,6px) var(--uui-tab-padding-horizontal,var(--uui-size-5,15px))}:host(:not([active]):not([disabled])) #button:hover{color:var(--uui-tab-text-hover,var(--uui-color-default-emphasis,#3544b1))}:host(:not([active]):not([disabled])) #button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}:host([active]){color:var(--uui-tab-text-active,unset)}:host([active]) #button{cursor:default}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button::before{content:'';position:absolute;background-color:var(--uui-color-current,#f5c1bc);opacity:0;--transitionDuration:120ms;--barWidth:4px;--borderRadius:3px}:host([active]) #button::before{opacity:1}:host([orientation=horizontal]) #button::before{left:auto;right:auto;border-radius:var(--borderRadius) var(--borderRadius) 0 0;height:0;width:calc(100% - 15px);bottom:0;transition:opacity ease-in-out var(--transitionDuration),height ease-in-out var(--transitionDuration)}:host([active][orientation=horizontal]) #button::before{height:var(--barWidth)}:host([orientation=vertical]) #button::before{top:auto;bottom:auto;border-radius:0 var(--borderRadius) var(--borderRadius) 0;height:calc(100% - 12px);width:0;left:0;transition:opacity ease-in-out var(--transitionDuration),width ease-in-out var(--transitionDuration)}:host([active][orientation=vertical]) #button::before{width:var(--barWidth)}#button:hover::before{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([disabled]) #button::before{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=icon]::slotted(*){font-size:20px;margin-bottom:var(--uui-size-2,6px)}slot.label{text-align:center;display:flex;width:100%;flex-direction:column}:host([orientation=vertical]) slot.label{text-align:left}`],ei([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),ei([l({type:String})],n.UUITabElement.prototype,"href",2),ei([l({type:String})],n.UUITabElement.prototype,"target",2),ei([l({type:String,reflect:!0})],n.UUITabElement.prototype,"orientation",2),n.UUITabElement=ei([b("uui-tab")],n.UUITabElement);var wg=Object.defineProperty,_g=Object.getOwnPropertyDescriptor,Ct=(i,e,t,r)=>{for(var o=r>1?void 0:r?_g(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&&wg(e,t,o),o},Gr=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},C=(i,e,t)=>(Gr(i,e,"read from private field"),t?t.call(i):e.get(i)),B=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ti=(i,e,t,r)=>(Gr(i,e,"write to private field"),r?r.call(i,t):e.set(i,t),t),K=(i,e,t)=>(Gr(i,e,"access private method"),t),oo,de,Ue,St,ii,ro,oi,ri,Wr,Kl,qr,Xl,no,Kr,Xr,Yl,Pt,ni,so,Yr,Zl,ao,Zr,lo,Qr;n.UUITabGroupElement=class extends m{constructor(){super(...arguments),B(this,Wr),B(this,qr),B(this,no),B(this,Xr),B(this,ni),B(this,Yr),B(this,ao),B(this,lo),B(this,oo,0),this.dropdownContentDirection="vertical",B(this,de,[]),B(this,Ue,[]),B(this,St,new Map),B(this,ii,[]),B(this,ro,new ResizeObserver(K(this,qr,Xl).bind(this))),B(this,oi,[]),B(this,ri,!1),B(this,Pt,e=>{const t=e.currentTarget;if(K(this,lo,Qr).call(this,t)){t.active=!0;const r=C(this,St).get(t);r&&(r.active=!0),[...C(this,de),...C(this,Ue)].filter(o=>o!==t&&o!==r).forEach(o=>{K(this,lo,Qr).call(this,o)&&(o.active=!1)}),C(this,Ue).some(o=>o.active&&o!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),K(this,Wr,Kl).call(this)}disconnectedCallback(){super.disconnectedCallback(),C(this,ro).unobserve(this),K(this,no,Kr).call(this)}render(){return u`<div id="main"><div id="grid"><slot @slotchange="${K(this,Xr,Yl)}"></slot></div><uui-button popovertarget="popover-container" style="display:none" id="more-button" label="More" compact="compact"><uui-symbol-more></uui-symbol-more></uui-button></div><uui-popover-container id="popover-container" popover placement="bottom-end"><div id="hidden-tabs-container">${dr(C(this,Ue),e=>u`${e}`)}</div></uui-popover-container>`}},oo=new WeakMap,de=new WeakMap,Ue=new WeakMap,St=new WeakMap,ii=new WeakMap,ro=new WeakMap,oi=new WeakMap,ri=new WeakMap,Wr=new WeakSet,Kl=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,C(this,ro).observe(this._mainElement)},qr=new WeakSet,Xl=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==C(this,oo)?K(this,ni,so).call(this):K(this,ao,Zr).call(this,i[0].contentBoxSize[0].inlineSize)},no=new WeakSet,Kr=function(){C(this,de).forEach(i=>{i.removeEventListener("click",C(this,Pt)),C(this,oi).forEach(e=>e.disconnect())}),C(this,oi).length=0},Xr=new WeakSet,Yl=function(){K(this,no,Kr).call(this),K(this,Yr,Zl).call(this),C(this,de).forEach(i=>{i.addEventListener("click",C(this,Pt));const e=new ResizeObserver(K(this,ni,so).bind(this));e.observe(i),C(this,oi).push(e)})},Pt=new WeakMap,ni=new WeakSet,so=async function(){if(C(this,ri))return;ti(this,ri,!0),requestAnimationFrame(()=>{ti(this,ri,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;ti(this,oo,e);let t=0;for(let o=0;o<C(this,de).length;o++)C(this,de)[o].style.display="",t+=C(this,de)[o].offsetWidth,C(this,ii)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",K(this,ao,Zr).call(this,this._mainElement.offsetWidth)},Yr=new WeakSet,Zl=function(){ti(this,de,this._slottedNodes?this._slottedNodes:[]),K(this,ni,so).call(this)},ao=new WeakSet,Zr=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);C(this,Ue).forEach(s=>{s.removeEventListener("click",C(this,Pt))}),ti(this,Ue,[]),C(this,St).clear();let r=!1;const o=C(this,ii).length;for(let s=0;s<o;s++){const a=C(this,ii)[s],d=C(this,de)[s];if(a<=(s===o-1?i:t))d.style.display="";else{const c=d.cloneNode(!0);c.addEventListener("click",C(this,Pt)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,C(this,St).set(c,d),C(this,St).set(d,c),C(this,Ue).push(c),d.style.display="none",d.active&&(r=!0)}}C(this,Ue).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",r?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},lo=new WeakSet,Qr=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},n.UUITabGroupElement.styles=[p`:host{min-width:0;display:flex;height:100%}#main{display:flex;justify-content:space-between;overflow:hidden}#grid{width:1fr;display:flex;height:100%;min-height:48px;overflow:hidden;text-wrap:nowrap;color:var(--uui-tab-text);gap:var(--uui-tab-group-gap,0)}#popover-container{--uui-tab-text:var(--uui-tab-group-dropdown-tab-text, unset);--uui-tab-text-hover:var(
1102
934
  --uui-tab-group-dropdown-tab-text-hover,
1103
935
  unset
1104
936
  );--uui-tab-text-active:var(
1105
937
  --uui-tab-group-dropdown-tab-text-active,
1106
938
  unset
1107
- )}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}.hidden-tab{width:100%}#hidden-tabs-container{width:fit-content;display:flex;flex-direction:column;background-color:var(--uui-tab-group-dropdown-background,var(--uui-color-surface,#fff));border-radius:var(--uui-border-radius,3px);box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23));overflow:hidden}:host([dropdown-direction=horizontal]) #hidden-tabs-container{flex-direction:row}#more-button{position:relative;--uui-button-contrast:var(--uui-tab-text);--uui-button-contrast-hover:var(--uui-tab-text-hover);--uui-button-background-color:transparent;--uui-button-background-color-hover:transparent}#more-button::before{content:'';position:absolute;bottom:0;width:100%;background-color:var(--uui-color-current,#f5c1bc);height:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#more-button.active-inside::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}`],Ct([S("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),Ct([S("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),Ct([S("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),Ct([Ce({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),Ct([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=Ct([b("uui-tab-group")],n.UUITabGroupElement);class Eg extends P{}class kg extends P{}var xg=Object.defineProperty,Ig=Object.getOwnPropertyDescriptor,Qr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ig(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&xg(e,t,o),o};n.UUITagElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[p`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em);border-radius:100px;user-select:none;border-radius:var(--uui-size-4,12px);border:1px solid transparent}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:transparent;color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:transparent;color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}`],Qr([l({reflect:!0})],n.UUITagElement.prototype,"color",2),Qr([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=Qr([b("uui-tag")],n.UUITagElement);var Cg=Object.defineProperty,Zl=Object.getOwnPropertySymbols,Sg=Object.prototype.hasOwnProperty,Pg=Object.prototype.propertyIsEnumerable,Ql=(i,e,t)=>e in i?Cg(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Jl=(i,e)=>{for(var t in e||(e={}))Sg.call(e,t)&&Ql(i,t,e[t]);if(Zl)for(var t of Zl(e))Pg.call(e,t)&&Ql(i,t,e[t]);return i};class ai extends P{constructor(e,t={}){super(e,Jl(Jl({},{bubbles:!0}),t))}}ai.CHANGE="change",ai.INPUT="input";var Og=Object.defineProperty,zg=Object.getOwnPropertyDescriptor,V=(i,e,t,r)=>{for(var o=r>1?void 0:r?zg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Og(e,t,o),o};n.UUITextareaElement=class extends oe(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}focus(){var e;(e=this._textarea)==null||e.focus()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ai(ai.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return u`<textarea id="textarea" rows="${E(this.rows)}" cols="${E(this.cols)}" .value="${this.value}" .name="${this.name}" wrap="${E(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
1108
- </textarea>`}},n.UUITextareaElement.formAssociated=!0,n.UUITextareaElement.styles=[p`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-color-danger,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-color-danger,#d42054)!important}:host([auto-height]) textarea{resize:none}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}textarea[readonly]{border-color:var(--uui-textarea-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2));background-color:var(--uui-textarea-background-color-readonly,var(--uui-color-disabled,#f3f3f5))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-textarea-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}textarea{color:var(--uui-color-text,#060606);font-family:inherit;line-height:var(--uui-size-6,18px);box-sizing:border-box;min-width:100%;max-width:100%;font-size:inherit;padding:var(--uui-size-2,6px);border:1px solid var(--uui-textarea-border-color,var(--uui-color-border,#d8d7d9));border-radius:0;outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height);background-color:var(--uui-textarea-background-color,var(--uui-color-surface,#fff))}:host(:focus) textarea,:host(:hover) textarea:not([readonly]):not([disabled]) :host(:focus-within) textarea{border-color:var(--uui-textarea-border-color,var(--uui-color-border-emphasis,#a1a1a1))}textarea::placeholder{transition:opacity 120ms}:host(:not([readonly])) textarea:focus::placeholder{opacity:0}textarea:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}`],V([l()],n.UUITextareaElement.prototype,"placeholder",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),V([l({type:String})],n.UUITextareaElement.prototype,"name",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),V([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),V([l({type:String,attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),V([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),V([l({type:String,attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),V([S("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),V([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),V([l({type:String})],n.UUITextareaElement.prototype,"label",2),V([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),V([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),V([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=V([b("uui-textarea")],n.UUITextareaElement);var Ag=`.uui-text {
1109
- font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
1110
- font-size: 15px;
1111
- line-height: calc(var(--uui-size-2,6px) * 4);
1112
- -webkit-font-smoothing: antialiased;
1113
- }
1114
-
1115
- .uui-text h1,
1116
- .uui-text .uui-h1 {
1117
- font-size: var(--uui-type-h1-size,60px);
1118
- line-height: var(--uui-size-layout-4,66px);
1119
- font-weight: 300;
1120
- margin-left: -5px;
1121
- margin-top: var(--uui-size-layout-1,24px);
1122
- margin-bottom: var(--uui-size-layout-1,24px);
1123
- }
1124
- .uui-text p + h1,
1125
- .uui-text p + .uui-h1 {
1126
- margin-top: var(--uui-size-layout-4,66px);
1127
- }
1128
- .uui-text h1.--no-top-margin,
1129
- .uui-text h1:first-child,
1130
- .uui-text .uui-h1.--no-top-margin,
1131
- .uui-text .uui-h1:first-child {
1132
- margin-top: 0;
1133
- }
1134
-
1135
- .uui-text h2,
1136
- .uui-text .uui-h2 {
1137
- font-size: var(--uui-type-h2-size,42px);
1138
- line-height: var(--uui-size-layout-3,42px);
1139
- font-weight: 300;
1140
- margin-left: -3px;
1141
- margin-top: var(--uui-size-layout-1,24px);
1142
- margin-bottom: var(--uui-size-layout-1,24px);
1143
- }
1144
- .uui-text p + h2,
1145
- .uui-text p + .uui-h2 {
1146
- margin-top: var(--uui-size-layout-3,42px);
1147
- }
1148
- .uui-text h2.--no-top-margin,
1149
- .uui-text h2:first-child,
1150
- .uui-text .uui-h2.--no-top-margin,
1151
- .uui-text .uui-h2:first-child {
1152
- margin-top: 0;
1153
- }
1154
-
1155
- .uui-text h3,
1156
- .uui-text .uui-h3 {
1157
- font-size: var(--uui-type-h3-size,30px);
1158
- line-height: var(--uui-size-large);
1159
- font-weight: 300;
1160
- margin-left: -2px;
1161
- margin-top: var(--uui-size-layout-1,24px);
1162
- margin-bottom: var(--uui-size-layout-1,24px);
1163
- }
1164
- .uui-text h3.--no-top-margin,
1165
- .uui-text h3:first-child,
1166
- .uui-text .uui-h3.--no-top-margin,
1167
- .uui-text .uui-h3:first-child {
1168
- margin-top: 0;
1169
- }
1170
-
1171
- .uui-text h4,
1172
- .uui-text .uui-h4 {
1173
- font-size: var(--uui-type-h4-size,21px);
1174
- line-height: 21px;
1175
- font-weight: 400;
1176
- margin-left: -1px;
1177
- margin-top: var(--uui-size-layout-1,24px);
1178
- margin-bottom: var(--uui-size-layout-1,24px);
1179
- }
1180
- .uui-text h4.--no-top-margin,
1181
- .uui-text h4:first-child,
1182
- .uui-text .uui-h4.--no-top-margin,
1183
- .uui-text .uui-h4:first-child {
1184
- margin-top: 0;
1185
- }
1186
-
1187
- .uui-text h5,
1188
- .uui-text .uui-h5 {
1189
- font-size: var(--uui-type-h5-size,15px);
1190
- line-height: inherit;
1191
- font-weight: 700;
1192
- margin-left: 0;
1193
- margin-top: var(--uui-size-layout-1,24px);
1194
- margin-bottom: 0;
1195
- }
1196
-
1197
- .uui-text h5.--no-top-margin,
1198
- .uui-text h5:first-child,
1199
- .uui-text .uui-h5.--no-top-margin,
1200
- .uui-text .uui-h5:first-child {
1201
- margin-top: 0;
1202
- }
1203
-
1204
- .uui-text p {
1205
- margin-top: var(--uui-size-layout-1,24px);
1206
- margin-bottom: var(--uui-size-layout-1,24px);
1207
- }
1208
- .uui-text p.uui-lead {
1209
- font-size: var(--uui-size-6,18px);
1210
- }
1211
-
1212
- .uui-text a {
1213
- color: var(--uui-color-interactive,#1b264f);
1214
- }
1215
-
1216
- .uui-text a:link,
1217
- .uui-text a:active {
1218
- color: var(--uui-color-interactive,#1b264f);
1219
- }
1220
- .uui-text a:hover {
1221
- color: var(--uui-color-interactive-emphasis,#3544b1);
1222
- }
1223
-
1224
- .uui-text small {
1225
- display: inline-block;
1226
- font-size: var(--uui-type-small-size,12px);
1227
- line-height: calc(var(--uui-size-2,6px) * 3);
1228
- margin-bottom: var(--uui-size-layout-1,24px);
1229
- }
1230
-
1231
- .uui-text blockquote {
1232
- float: right;
1233
- font-size: 15px;
1234
- font-weight: 700;
1235
- font-style: italic;
1236
- margin-top: 0;
1237
- margin-bottom: var(--uui-size-layout-1,24px);
1238
- margin-right: -0.035em;
1239
- max-width: 16em;
1240
- quotes: '\u201C' '\u201D' '\u2018' '\u2019';
1241
- line-height: inherit;
1242
- }
1243
-
1244
- .uui-text blockquote:before {
1245
- content: open-quote;
1246
- margin-left: -0.4em;
1247
- margin-right: 0.08em;
1248
- vertical-align: bottom;
1249
- font-weight: 400;
1250
- font-size: 2em;
1251
- }
1252
-
1253
- .uui-text blockquote:after {
1254
- content: close-quote;
1255
- margin-left: 0.04em;
1256
- margin-right: -0.4em;
1257
- vertical-align: bottom;
1258
- font-weight: 400;
1259
- font-size: 2em;
1260
- margin-bottom: -2px;
1261
- display: inline-block;
1262
- }
1263
-
1264
- .uui-text ul {
1265
- list-style-type: square;
1266
- padding-left: var(--uui-size-layout-1,24px);
1267
- margin-top: var(--uui-size-layout-1,24px);
1268
- margin-bottom: var(--uui-size-layout-1,24px);
1269
- }
1270
-
1271
- .uui-text ol {
1272
- padding-left: var(--uui-size-layout-1,24px);
1273
- margin-top: var(--uui-size-layout-1,24px);
1274
- margin-bottom: var(--uui-size-layout-1,24px);
1275
- }
1276
- `;const jg=Q(Ag);class H extends P{}H.OPENING="opening",H.OPENED="opened",H.CLOSING="closing",H.CLOSED="closed";var Lg=Object.defineProperty,Tg=Object.getOwnPropertyDescriptor,Ot=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Lg(e,t,o),o};n.UUIToastNotificationElement=class extends m{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,e!==null?(this._timer===null?this._timer=new Vh(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((t=this._timer)==null||t.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new H(H.OPENING)),this._animationTimeout=window.setTimeout(()=>{var e;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((e=this._timer)==null||e.start()),this.dispatchEvent(new H(H.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var e;if(this._open===!1)return;const t=new H(H.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,(e=this._timer)==null||e.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new H(H.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return u`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .color="${this.color}" .look="${this.color?"primary":"default"}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${jo.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}},n.UUIToastNotificationElement.styles=[jg,p`:host{--uui-toast-notification-margin:var(--uui-size-space-2,6px);position:relative;display:block;width:100%;max-width:400px;margin:0 var(--uui-toast-notification-margin);box-sizing:border-box;height:0;pointer-events:none;transition:height var(--uui-toast-notification-animation-duration,480ms) ease-in-out}:host([is-open]){pointer-events:all;transition-timing-function:cubic-bezier(.19,1,.22,1)}#toast{position:relative;display:block;padding:calc(var(--uui-toast-notification-margin) * .5) 0;width:100%;max-width:400px}#toast.animate{position:absolute}#toast>div{position:relative;display:block;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));background-color:var(--uui-color-surface,#fff);padding:var(--uui-size-layout-1,24px);padding-right:var(--uui-size-layout-1,24px);padding-left:var(--uui-size-layout-3,42px);border-radius:calc(var(--uui-border-radius,3px) * 2);opacity:0;transition:opacity var(--uui-toast-notification-animation-duration,480ms)}:host([is-open]) #toast>div{opacity:1}#close{float:right;margin-top:-6px;margin-left:var(--uui-size-space-1,3px);margin-bottom:-4px}#close>uui-button{--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}:host #toast>div{background-color:var(--uui-color-surface,#fff);color:var(--uui-color-text,#060606);border-color:var(--uui-color-surface,#fff)}:host([color=default]) #toast>div{background-color:var(--uui-color-default,#1b264f);color:var(--uui-color-default-contrast,#fff);border-color:var(--uui-color-default-standalone,#1c233b)}:host([color=positive]) #toast>div{background-color:var(--uui-color-positive,#0b8152);color:var(--uui-color-positive-contrast,#fff);border-color:var(--uui-color-positive-standalone,#0a7349)}:host([color=warning]) #toast>div{background-color:var(--uui-color-warning,#fbd142);color:var(--uui-color-warning-contrast,#000);border-color:var(--uui-color-warning-standalone,#a17700)}:host([color=danger]) #toast>div{background-color:var(--uui-color-danger,#d42054);color:var(--uui-color-danger-contrast,#fff);border-color:var(--uui-color-danger-standalone,#bf214e)}`],Ot([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),Ot([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),Ot([S("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),Ot([g()],n.UUIToastNotificationElement.prototype,"_animate",2),Ot([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=Ot([b("uui-toast-notification")],n.UUIToastNotificationElement);var Ng=Object.defineProperty,Mg=Object.getOwnPropertyDescriptor,eu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Ng(e,t,o),o};n.UUIToastNotificationContainerElement=class extends m{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var e;this._autoClosePause=!0,(e=this._toasts)==null||e.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{var e;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(e=this._toasts)==null||e.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(H.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(H.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,(t=this._toasts)==null||t.forEach(r=>r.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return u`<slot @slotchange="${this.onSlotChanged}"></slot>`}},n.UUIToastNotificationContainerElement.styles=[p`:host{position:absolute;overflow:hidden;max-width:100%;height:100%;pointer-events:none;box-sizing:border-box}slot{display:flex;flex-direction:column;align-items:end;height:100%;box-sizing:border-box;padding-top:var(--uui-size-space-1,3px);padding-bottom:var(--uui-size-space-1,3px)}:host([bottom-up]) slot{justify-content:end}:host([left-align]) slot{align-items:start}`],eu([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=eu([b("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Dg=`.uui-text {
1277
- font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
1278
- font-size: 15px;
1279
- line-height: calc(var(--uui-size-2,6px) * 4);
1280
- -webkit-font-smoothing: antialiased;
1281
- }
1282
-
1283
- .uui-text h1,
1284
- .uui-text .uui-h1 {
1285
- font-size: var(--uui-type-h1-size,60px);
1286
- line-height: var(--uui-size-layout-4,66px);
1287
- font-weight: 300;
1288
- margin-left: -5px;
1289
- margin-top: var(--uui-size-layout-1,24px);
1290
- margin-bottom: var(--uui-size-layout-1,24px);
1291
- }
1292
- .uui-text p + h1,
1293
- .uui-text p + .uui-h1 {
1294
- margin-top: var(--uui-size-layout-4,66px);
1295
- }
1296
- .uui-text h1.--no-top-margin,
1297
- .uui-text h1:first-child,
1298
- .uui-text .uui-h1.--no-top-margin,
1299
- .uui-text .uui-h1:first-child {
1300
- margin-top: 0;
1301
- }
1302
-
1303
- .uui-text h2,
1304
- .uui-text .uui-h2 {
1305
- font-size: var(--uui-type-h2-size,42px);
1306
- line-height: var(--uui-size-layout-3,42px);
1307
- font-weight: 300;
1308
- margin-left: -3px;
1309
- margin-top: var(--uui-size-layout-1,24px);
1310
- margin-bottom: var(--uui-size-layout-1,24px);
1311
- }
1312
- .uui-text p + h2,
1313
- .uui-text p + .uui-h2 {
1314
- margin-top: var(--uui-size-layout-3,42px);
1315
- }
1316
- .uui-text h2.--no-top-margin,
1317
- .uui-text h2:first-child,
1318
- .uui-text .uui-h2.--no-top-margin,
1319
- .uui-text .uui-h2:first-child {
1320
- margin-top: 0;
1321
- }
1322
-
1323
- .uui-text h3,
1324
- .uui-text .uui-h3 {
1325
- font-size: var(--uui-type-h3-size,30px);
1326
- line-height: var(--uui-size-large);
1327
- font-weight: 300;
1328
- margin-left: -2px;
1329
- margin-top: var(--uui-size-layout-1,24px);
1330
- margin-bottom: var(--uui-size-layout-1,24px);
1331
- }
1332
- .uui-text h3.--no-top-margin,
1333
- .uui-text h3:first-child,
1334
- .uui-text .uui-h3.--no-top-margin,
1335
- .uui-text .uui-h3:first-child {
1336
- margin-top: 0;
1337
- }
1338
-
1339
- .uui-text h4,
1340
- .uui-text .uui-h4 {
1341
- font-size: var(--uui-type-h4-size,21px);
1342
- line-height: 21px;
1343
- font-weight: 400;
1344
- margin-left: -1px;
1345
- margin-top: var(--uui-size-layout-1,24px);
1346
- margin-bottom: var(--uui-size-layout-1,24px);
1347
- }
1348
- .uui-text h4.--no-top-margin,
1349
- .uui-text h4:first-child,
1350
- .uui-text .uui-h4.--no-top-margin,
1351
- .uui-text .uui-h4:first-child {
1352
- margin-top: 0;
1353
- }
1354
-
1355
- .uui-text h5,
1356
- .uui-text .uui-h5 {
1357
- font-size: var(--uui-type-h5-size,15px);
1358
- line-height: inherit;
1359
- font-weight: 700;
1360
- margin-left: 0;
1361
- margin-top: var(--uui-size-layout-1,24px);
1362
- margin-bottom: 0;
1363
- }
1364
-
1365
- .uui-text h5.--no-top-margin,
1366
- .uui-text h5:first-child,
1367
- .uui-text .uui-h5.--no-top-margin,
1368
- .uui-text .uui-h5:first-child {
1369
- margin-top: 0;
1370
- }
1371
-
1372
- .uui-text p {
1373
- margin-top: var(--uui-size-layout-1,24px);
1374
- margin-bottom: var(--uui-size-layout-1,24px);
1375
- }
1376
- .uui-text p.uui-lead {
1377
- font-size: var(--uui-size-6,18px);
1378
- }
1379
-
1380
- .uui-text a {
1381
- color: var(--uui-color-interactive,#1b264f);
1382
- }
1383
-
1384
- .uui-text a:link,
1385
- .uui-text a:active {
1386
- color: var(--uui-color-interactive,#1b264f);
1387
- }
1388
- .uui-text a:hover {
1389
- color: var(--uui-color-interactive-emphasis,#3544b1);
1390
- }
1391
-
1392
- .uui-text small {
1393
- display: inline-block;
1394
- font-size: var(--uui-type-small-size,12px);
1395
- line-height: calc(var(--uui-size-2,6px) * 3);
1396
- margin-bottom: var(--uui-size-layout-1,24px);
1397
- }
1398
-
1399
- .uui-text blockquote {
1400
- float: right;
1401
- font-size: 15px;
1402
- font-weight: 700;
1403
- font-style: italic;
1404
- margin-top: 0;
1405
- margin-bottom: var(--uui-size-layout-1,24px);
1406
- margin-right: -0.035em;
1407
- max-width: 16em;
1408
- quotes: '\u201C' '\u201D' '\u2018' '\u2019';
1409
- line-height: inherit;
1410
- }
1411
-
1412
- .uui-text blockquote:before {
1413
- content: open-quote;
1414
- margin-left: -0.4em;
1415
- margin-right: 0.08em;
1416
- vertical-align: bottom;
1417
- font-weight: 400;
1418
- font-size: 2em;
1419
- }
1420
-
1421
- .uui-text blockquote:after {
1422
- content: close-quote;
1423
- margin-left: 0.04em;
1424
- margin-right: -0.4em;
1425
- vertical-align: bottom;
1426
- font-weight: 400;
1427
- font-size: 2em;
1428
- margin-bottom: -2px;
1429
- display: inline-block;
1430
- }
1431
-
1432
- .uui-text ul {
1433
- list-style-type: square;
1434
- padding-left: var(--uui-size-layout-1,24px);
1435
- margin-top: var(--uui-size-layout-1,24px);
1436
- margin-bottom: var(--uui-size-layout-1,24px);
1437
- }
1438
-
1439
- .uui-text ol {
1440
- padding-left: var(--uui-size-layout-1,24px);
1441
- margin-top: var(--uui-size-layout-1,24px);
1442
- margin-bottom: var(--uui-size-layout-1,24px);
1443
- }
1444
- `;const Bg=Q(Dg);var Vg=Object.defineProperty,Hg=Object.getOwnPropertyDescriptor,Jr=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Vg(e,t,o),o};n.UUIToastNotificationLayoutElement=class extends m{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return u`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}},n.UUIToastNotificationLayoutElement.styles=[Bg,p`#message{margin-bottom:calc(var(--uui-size-space-1,3px) * -1)}#message::after{content:'';display:block;clear:both}#actions{display:block;float:right;margin-top:var(--uui-size-space-4,12px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1)}`],Jr([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),Jr([g()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=Jr([b("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var Rg=Object.defineProperty,Fg=Object.getOwnPropertyDescriptor,Gg=(i,e,t,r)=>{for(var o=r>1?void 0:r?Fg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&Rg(e,t,o),o};n.UUIToggleElement=class extends re{constructor(){super("switch")}renderCheckbox(){return u`<div id="slider"><div id="icon-checked">${$i}</div><div id="icon-unchecked">${jo}</div></div>`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...re.styles,gi,p`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#slider{position:relative;grid-area:'input';display:flex;align-items:center;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-color-border,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-toggle-background-color-hover,var(--uui-color-border,#d8d7d9))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-color-focus,#3879ff));background-color:var(--uui-toggle-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked~#slider{background-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-checked,#icon-unchecked{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:color 120ms}#icon-checked{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}#icon-unchecked{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}input:checked~#slider #icon-checked{color:var(--uui-color-selected-contrast,#fff)}#slider::after{content:'';position:absolute;top:2px;left:2px;width:calc(var(--uui-toggle-size) - 4px);height:calc(var(--uui-toggle-size) - 4px);border-radius:100px;background-color:var(--uui-color-selected-contrast,#fff);transition:width 120ms ease,left 120ms ease,transform 120ms ease,background-color 120ms}input:checked~#slider::after{left:calc(100% - 2px);transform:translateX(-100%)}input:focus~#slider{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}:host([disabled]) input:checked~#slider{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #slider::after{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #slider #icon-unchecked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #slider{animation:${fi}}:host([disabled]) input:checked #slider #icon-checked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host(:not([pristine]):invalid) #slider,:host(:not([pristine]):invalid) label:hover #slider,:host(:not([pristine])[internals-invalid]) #slider,:host(:not([pristine])[internals-invalid]) label:hover #slider{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],n.UUIToggleElement=Gg([b("uui-toggle")],n.UUIToggleElement);var qg=Object.defineProperty,Wg=Object.getOwnPropertyDescriptor,Kg=(i,e,t,r)=>{for(var o=r>1?void 0:r?Wg(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(r?s(e,t,o):s(o))||o);return r&&o&&qg(e,t,o),o};n.UUIVisuallyHiddenElement=class extends m{render(){return u`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[p`:host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}`],n.UUIVisuallyHiddenElement=Kg([b("uui-visually-hidden")],n.UUIVisuallyHiddenElement),n.ActiveMixin=Lu,n.FormControlMixin=Ku,n.LabelMixin=Mu,n.PopoverTargetMixin=ac,n.SelectOnlyMixin=Gu,n.SelectableMixin=Vu,n.Timer=Xu,n.UUIBlinkAnimationValue=gu,n.UUIBlinkKeyframes=vu,n.UUIBooleanInputElement=re,n.UUIBooleanInputEvent=mi,n.UUIButtonInlineCreateEvent=yi,n.UUICardEvent=ct,n.UUIColorAreaEvent=xi,n.UUIColorPickerChangeEvent=Si,n.UUIColorSliderEvent=Pi,n.UUIColorSwatchesEvent=ht,n.UUIComboboxEvent=F,n.UUIComboboxListEvent=ee,n.UUIEvent=xo,n.UUIFileDropzoneEvent=mt,n.UUIFormControlEvent=Me,n.UUIHorizontalPulseAnimationValue=yu,n.UUIHorizontalPulseKeyframes=fu,n.UUIHorizontalShakeAnimationValue=_u,n.UUIHorizontalShakeKeyframes=wu,n.UUIIconHost=pr,n.UUIIconRegistry=br,n.UUIIconRegistryEssential=Xs,n.UUIIconRequestEvent=vt,n.UUIInputEvent=Ge,n.UUIInterfaceColorValues=uc,n.UUIInterfaceHeadingValues=cc,n.UUIInterfaceLookValues=lc,n.UUIMenuItemEvent=ye,n.UUIModalCloseEvent=qe,n.UUIModalElement=q,n.UUIPaginationEvent=Oe,n.UUIRadioEvent=Ut,n.UUIRadioGroupEvent=Qi,n.UUIRefEvent=kt,n.UUISelectEvent=eo,n.UUISelectableEvent=De,n.UUISliderEvent=Ye,n.UUITabEvent=Eg,n.UUITabGroupEvent=kg,n.UUITextStyles=hu,n.UUITextareaEvent=ai,n.UUIToastNotificationEvent=H,n.clamp=Qu,n.defineElement=sc,n.demandCustomElement=Yu,n.drag=Zu,n.findAncestorByAttributeValue=Dn,n.reverseNumberInRange=Ju,n.slotHasContent=tc,n.toHex=ec});
939
+ )}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}.hidden-tab{width:100%}#hidden-tabs-container{width:fit-content;display:flex;flex-direction:column;background-color:var(--uui-tab-group-dropdown-background,var(--uui-color-surface,#fff));border-radius:var(--uui-border-radius,3px);box-shadow:var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,.19) ,0 6px 6px rgba(0,0,0,.23));overflow:hidden}:host([dropdown-direction=horizontal]) #hidden-tabs-container{flex-direction:row}#more-button{position:relative;--uui-button-contrast:var(--uui-tab-text);--uui-button-contrast-hover:var(--uui-tab-text-hover);--uui-button-background-color:transparent;--uui-button-background-color-hover:transparent}#more-button::before{content:'';position:absolute;bottom:0;width:100%;background-color:var(--uui-color-current,#f5c1bc);height:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#more-button.active-inside::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}`],Ct([S("#more-button")],n.UUITabGroupElement.prototype,"_moreButtonElement",2),Ct([S("#popover-container")],n.UUITabGroupElement.prototype,"_popoverContainerElement",2),Ct([S("#main")],n.UUITabGroupElement.prototype,"_mainElement",2),Ct([Ce({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),Ct([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],n.UUITabGroupElement.prototype,"dropdownContentDirection",2),n.UUITabGroupElement=Ct([b("uui-tab-group")],n.UUITabGroupElement);class $g extends P{}class Ug extends P{}var Eg=Object.defineProperty,kg=Object.getOwnPropertyDescriptor,Jr=(i,e,t,r)=>{for(var o=r>1?void 0:r?kg(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&&Eg(e,t,o),o};n.UUITagElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[p`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em);border-radius:100px;user-select:none;border-radius:var(--uui-size-4,12px);border:1px solid transparent}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#0b8152);--color-standalone:var(--uui-color-positive-standalone,rgb(10, 115, 73));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fbd142);--color-standalone:var(--uui-color-warning-standalone,#a17700);--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,#d42054);--color-standalone:var(--uui-color-danger-standalone,rgb(191, 33, 78));--color-contrast:var(--uui-color-danger-contrast,white)}:host{background-color:var(--uui-color-surface,#fff);color:var(--color-standalone);border-color:transparent}:host([look=primary]){background-color:var(--color);color:var(--color-contrast);border-color:transparent}:host([look=secondary]){background-color:var(--uui-color-surface-alt,#f3f3f5);color:var(--color-standalone);border-color:transparent}:host([look=outline]){background-color:transparent;color:var(--color-standalone);border-color:var(--color-standalone)}:host([look=placeholder]){border-style:dashed;background-color:transparent;color:var(--color-standalone);border-color:var(--uui-color-border-standalone,#c2c2c2)}`],Jr([l({reflect:!0})],n.UUITagElement.prototype,"color",2),Jr([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=Jr([b("uui-tag")],n.UUITagElement);var Ig=Object.defineProperty,Ql=Object.getOwnPropertySymbols,xg=Object.prototype.hasOwnProperty,Cg=Object.prototype.propertyIsEnumerable,Jl=(i,e,t)=>e in i?Ig(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,eu=(i,e)=>{for(var t in e||(e={}))xg.call(e,t)&&Jl(i,t,e[t]);if(Ql)for(var t of Ql(e))Cg.call(e,t)&&Jl(i,t,e[t]);return i};class si extends P{constructor(e,t={}){super(e,eu(eu({},{bubbles:!0}),t))}}si.CHANGE="change",si.INPUT="input";var Sg=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,V=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pg(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&&Sg(e,t,o),o};n.UUITextareaElement=class extends ie(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}focus(){var e;(e=this._textarea)==null||e.focus()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new si(si.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return u`<textarea id="textarea" rows="${E(this.rows)}" cols="${E(this.cols)}" .value="${this.value}" .name="${this.name}" wrap="${E(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
940
+ </textarea>`}},n.UUITextareaElement.formAssociated=!0,n.UUITextareaElement.styles=[p`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-color-danger,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-color-danger,#d42054)!important}:host([auto-height]) textarea{resize:none}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}textarea[readonly]{border-color:var(--uui-textarea-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2));background-color:var(--uui-textarea-background-color-readonly,var(--uui-color-disabled,#f3f3f5))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-textarea-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}textarea{color:var(--uui-color-text,#060606);font-family:inherit;line-height:var(--uui-size-6,18px);box-sizing:border-box;min-width:100%;max-width:100%;font-size:inherit;padding:var(--uui-size-2,6px);border:1px solid var(--uui-textarea-border-color,var(--uui-color-border,#d8d7d9));border-radius:0;outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height);background-color:var(--uui-textarea-background-color,var(--uui-color-surface,#fff))}:host(:focus) textarea,:host(:hover) textarea:not([readonly]):not([disabled]) :host(:focus-within) textarea{border-color:var(--uui-textarea-border-color,var(--uui-color-border-emphasis,#a1a1a1))}textarea::placeholder{transition:opacity 120ms}:host(:not([readonly])) textarea:focus::placeholder{opacity:0}textarea:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}`],V([l()],n.UUITextareaElement.prototype,"placeholder",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),V([l({type:String})],n.UUITextareaElement.prototype,"name",2),V([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),V([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),V([l({type:String,attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),V([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),V([l({type:String,attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),V([S("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),V([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),V([l({type:String})],n.UUITextareaElement.prototype,"label",2),V([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),V([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),V([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=V([b("uui-textarea")],n.UUITextareaElement);class H extends P{}H.OPENING="opening",H.OPENED="opened",H.CLOSING="closing",H.CLOSED="closed";var Og=Object.defineProperty,Ag=Object.getOwnPropertyDescriptor,Ot=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ag(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&&Og(e,t,o),o};n.UUIToastNotificationElement=class extends m{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,e!==null?(this._timer===null?this._timer=new Dd(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((t=this._timer)==null||t.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new H(H.OPENING)),this._animationTimeout=window.setTimeout(()=>{var e;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((e=this._timer)==null||e.start()),this.dispatchEvent(new H(H.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var e;if(this._open===!1)return;const t=new H(H.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,(e=this._timer)==null||e.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new H(H.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return u`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .color="${this.color}" .look="${this.color?"primary":"default"}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${Lo.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}},n.UUIToastNotificationElement.styles=[hi,p`:host{--uui-toast-notification-margin:var(--uui-size-space-2,6px);position:relative;display:block;width:100%;max-width:400px;margin:0 var(--uui-toast-notification-margin);box-sizing:border-box;height:0;pointer-events:none;transition:height var(--uui-toast-notification-animation-duration,480ms) ease-in-out}:host([is-open]){pointer-events:all;transition-timing-function:cubic-bezier(.19,1,.22,1)}#toast{position:relative;display:block;padding:calc(var(--uui-toast-notification-margin) * .5) 0;width:100%;max-width:400px}#toast.animate{position:absolute}#toast>div{position:relative;display:block;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));background-color:var(--uui-color-surface,#fff);padding:var(--uui-size-layout-1,24px);padding-right:var(--uui-size-layout-1,24px);padding-left:var(--uui-size-layout-3,42px);border-radius:calc(var(--uui-border-radius,3px) * 2);opacity:0;transition:opacity var(--uui-toast-notification-animation-duration,480ms)}:host([is-open]) #toast>div{opacity:1}#close{float:right;margin-top:-6px;margin-left:var(--uui-size-space-1,3px);margin-bottom:-4px}#close>uui-button{--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}:host #toast>div{background-color:var(--uui-color-surface,#fff);color:var(--uui-color-text,#060606);border-color:var(--uui-color-surface,#fff)}:host([color=default]) #toast>div{background-color:var(--uui-color-default,#1b264f);color:var(--uui-color-default-contrast,#fff);border-color:var(--uui-color-default-standalone,#1c233b)}:host([color=positive]) #toast>div{background-color:var(--uui-color-positive,#0b8152);color:var(--uui-color-positive-contrast,#fff);border-color:var(--uui-color-positive-standalone,#0a7349)}:host([color=warning]) #toast>div{background-color:var(--uui-color-warning,#fbd142);color:var(--uui-color-warning-contrast,#000);border-color:var(--uui-color-warning-standalone,#a17700)}:host([color=danger]) #toast>div{background-color:var(--uui-color-danger,#d42054);color:var(--uui-color-danger-contrast,#fff);border-color:var(--uui-color-danger-standalone,#bf214e)}`],Ot([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),Ot([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),Ot([S("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),Ot([g()],n.UUIToastNotificationElement.prototype,"_animate",2),Ot([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=Ot([b("uui-toast-notification")],n.UUIToastNotificationElement);var zg=Object.defineProperty,jg=Object.getOwnPropertyDescriptor,tu=(i,e,t,r)=>{for(var o=r>1?void 0:r?jg(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&&zg(e,t,o),o};n.UUIToastNotificationContainerElement=class extends m{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var e;this._autoClosePause=!0,(e=this._toasts)==null||e.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{var e;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(e=this._toasts)==null||e.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(H.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(H.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,(t=this._toasts)==null||t.forEach(r=>r.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return u`<slot @slotchange="${this.onSlotChanged}"></slot>`}},n.UUIToastNotificationContainerElement.styles=[p`:host{position:absolute;overflow:hidden;max-width:100%;height:100%;pointer-events:none;box-sizing:border-box}slot{display:flex;flex-direction:column;align-items:end;height:100%;box-sizing:border-box;padding-top:var(--uui-size-space-1,3px);padding-bottom:var(--uui-size-space-1,3px)}:host([bottom-up]) slot{justify-content:end}:host([left-align]) slot{align-items:start}`],tu([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=tu([b("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Lg=Object.defineProperty,Tg=Object.getOwnPropertyDescriptor,en=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tg(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&&Lg(e,t,o),o};n.UUIToastNotificationLayoutElement=class extends m{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return u`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}},n.UUIToastNotificationLayoutElement.styles=[hi,p`#message{margin-bottom:calc(var(--uui-size-space-1,3px) * -1)}#message::after{content:'';display:block;clear:both}#actions{display:block;float:right;margin-top:var(--uui-size-space-4,12px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1)}`],en([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),en([g()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=en([b("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var Ng=Object.defineProperty,Mg=Object.getOwnPropertyDescriptor,Dg=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mg(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&&Ng(e,t,o),o};n.UUIToggleElement=class extends oe{constructor(){super("switch")}renderCheckbox(){return u`<div id="slider"><div id="icon-checked">${Ui}</div><div id="icon-unchecked">${Lo}</div></div>`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...oe.styles,fi,p`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#slider{position:relative;grid-area:'input';display:flex;align-items:center;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-color-border,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-toggle-background-color-hover,var(--uui-color-border,#d8d7d9))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-color-focus,#3879ff));background-color:var(--uui-toggle-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked~#slider{background-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-checked,#icon-unchecked{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:color 120ms}#icon-checked{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}#icon-unchecked{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);color:var(--uui-color-interactive,#1b264f)}input:checked~#slider #icon-checked{color:var(--uui-color-selected-contrast,#fff)}#slider::after{content:'';position:absolute;top:2px;left:2px;width:calc(var(--uui-toggle-size) - 4px);height:calc(var(--uui-toggle-size) - 4px);border-radius:100px;background-color:var(--uui-color-selected-contrast,#fff);transition:width 120ms ease,left 120ms ease,transform 120ms ease,background-color 120ms}input:checked~#slider::after{left:calc(100% - 2px);transform:translateX(-100%)}input:focus~#slider{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-color-disabled-standalone,#e2e2e2)}:host([disabled]) input:checked~#slider{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) #slider::after{background-color:var(--uui-color-disabled,#f3f3f5)}:host([disabled]) #slider #icon-unchecked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #slider{animation:${yi}}:host([disabled]) input:checked #slider #icon-checked{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host(:not([pristine]):invalid) #slider,:host(:not([pristine]):invalid) label:hover #slider,:host(:not([pristine])[internals-invalid]) #slider,:host(:not([pristine])[internals-invalid]) label:hover #slider{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],n.UUIToggleElement=Dg([b("uui-toggle")],n.UUIToggleElement);var Bg=Object.defineProperty,Vg=Object.getOwnPropertyDescriptor,Hg=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vg(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&&Bg(e,t,o),o};n.UUIVisuallyHiddenElement=class extends m{render(){return u`<slot></slot>`}},n.UUIVisuallyHiddenElement.styles=[p`:host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}`],n.UUIVisuallyHiddenElement=Hg([b("uui-visually-hidden")],n.UUIVisuallyHiddenElement),n.ActiveMixin=Lu,n.FormControlMixin=Ku,n.LabelMixin=Mu,n.PopoverTargetMixin=sc,n.SelectOnlyMixin=Gu,n.SelectableMixin=Vu,n.Timer=Xu,n.UUIBlinkAnimationValue=gu,n.UUIBlinkKeyframes=vu,n.UUIBooleanInputElement=oe,n.UUIBooleanInputEvent=vi,n.UUIButtonInlineCreateEvent=wi,n.UUICardEvent=ct,n.UUIColorAreaEvent=xi,n.UUIColorPickerChangeEvent=Pi,n.UUIColorSliderEvent=Oi,n.UUIColorSwatchesEvent=dt,n.UUIComboboxEvent=F,n.UUIComboboxListEvent=J,n.UUIEvent=xo,n.UUIFileDropzoneEvent=mt,n.UUIFormControlEvent=Me,n.UUIHorizontalPulseAnimationValue=yu,n.UUIHorizontalPulseKeyframes=fu,n.UUIHorizontalShakeAnimationValue=_u,n.UUIHorizontalShakeKeyframes=wu,n.UUIIconHost=br,n.UUIIconRegistry=mr,n.UUIIconRegistryEssential=Ya,n.UUIIconRequestEvent=vt,n.UUIInputEvent=Ge,n.UUIInterfaceColorValues=uc,n.UUIInterfaceHeadingValues=cc,n.UUIInterfaceLookValues=lc,n.UUIMenuItemEvent=fe,n.UUIModalCloseEvent=We,n.UUIModalElement=W,n.UUIPaginationEvent=Oe,n.UUIRadioEvent=Ut,n.UUIRadioGroupEvent=Ji,n.UUIRefEvent=kt,n.UUISelectEvent=to,n.UUISelectableEvent=De,n.UUISliderEvent=Ye,n.UUITabEvent=$g,n.UUITabGroupEvent=Ug,n.UUITextStyles=hi,n.UUITextareaEvent=si,n.UUIToastNotificationEvent=H,n.clamp=Qu,n.defineElement=ac,n.demandCustomElement=Yu,n.drag=Zu,n.findAncestorByAttributeValue=Bn,n.reverseNumberInRange=Ju,n.slotHasContent=tc,n.toHex=ec});
1445
941
  //# sourceMappingURL=uui.min.js.map