@umbraco-ui/uui 1.7.0-rc.0 → 1.7.0
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 +36 -37
- package/dist/uui.min.js.map +1 -1
- package/package.json +84 -84
- package/vscode-html-custom-data.json +1 -1
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 se=window,_r=se.ShadowRoot&&(se.ShadyCSS===void 0||se.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wr=Symbol(),
|
|
5
|
+
*/const se=window,_r=se.ShadowRoot&&(se.ShadyCSS===void 0||se.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wr=Symbol(),On=new WeakMap;let zn=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==wr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(_r&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=On.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&On.set(e,t))}return t}toString(){return this.cssText}};const Wt=i=>new zn(typeof i=="string"?i:i+"",void 0,wr),d=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((r,o,s)=>r+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[s+1],i[0]);return new zn(e,i,wr)},iu=(i,t)=>{_r?i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const r=document.createElement("style"),o=se.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=e.cssText,i.appendChild(r)})},Ln=_r?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return Wt(e)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var $r;const oo=window,
|
|
9
|
+
*/var $r;const oo=window,In=oo.trustedTypes,ou=In?In.emptyScript:"",jn=oo.reactiveElementPolyfillSupport,kr={toAttribute(i,t){switch(t){case Boolean:i=i?ou:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},Nn=(i,t)=>t!==i&&(t==t||i==i),Er={attribute:!0,type:String,converter:kr,reflect:!1,hasChanged:Nn},Cr="finalized";let Ce=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,r)=>{const o=this._$Ep(r,e);o!==void 0&&(this._$Ev.set(o,r),t.push(o))}),t}static createProperty(t,e=Er){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r=typeof t=="symbol"?Symbol():"__"+t,o=this.getPropertyDescriptor(t,r,e);o!==void 0&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(o){const s=this[t];this[e]=o,this.requestUpdate(t,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||Er}static finalize(){if(this.hasOwnProperty(Cr))return!1;this[Cr]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,r=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const o of r)this.createProperty(o,e[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const o of r)e.unshift(Ln(o))}else t!==void 0&&e.push(Ln(t));return e}static _$Ep(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)===null||r===void 0||r.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return iu(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostConnected)===null||r===void 0?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var r;return(r=e.hostDisconnected)===null||r===void 0?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=Er){var o;const s=this.constructor._$Ep(t,r);if(s!==void 0&&r.reflect===!0){const n=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:kr).toAttribute(e,r.type);this._$El=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(t,e){var r;const o=this.constructor,s=o._$Ev.get(t);if(s!==void 0&&this._$El!==s){const n=o.getPropertyOptions(s),c=typeof n.converter=="function"?{fromAttribute:n.converter}:((r=n.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?n.converter:kr;this._$El=s,this[s]=c.fromAttribute(e,n.type),this._$El=null}}requestUpdate(t,e,r){let o=!0;t!==void 0&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||Nn)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((o,s)=>this[s]=o),this._$Ei=void 0);let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),(t=this._$ES)===null||t===void 0||t.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 e=!1,this._$Ek(),o}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,r)=>this._$EO(r,this[r],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};Ce[Cr]=!0,Ce.elementProperties=new Map,Ce.elementStyles=[],Ce.shadowRootOptions={mode:"open"},jn?.({ReactiveElement:Ce}),(($r=oo.reactiveElementVersions)!==null&&$r!==void 0?$r:oo.reactiveElementVersions=[]).push("1.6.3");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var Sr;const ro=window,Se=ro.trustedTypes,
|
|
14
|
-
\f\r]`,pi=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/var Sr;const ro=window,Se=ro.trustedTypes,Mn=Se?Se.createPolicy("lit-html",{createHTML:i=>i}):void 0,so="$lit$",Pt=`lit$${(Math.random()+"").slice(9)}$`,Pr="?"+Pt,ru=`<${Pr}>`,ne=document,hi=()=>ne.createComment(""),di=i=>i===null||typeof i!="object"&&typeof i!="function",Dn=Array.isArray,Tn=i=>Dn(i)||typeof i?.[Symbol.iterator]=="function",Ar=`[
|
|
14
|
+
\f\r]`,pi=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Hn=/-->/g,Vn=/>/g,ae=RegExp(`>|${Ar}(?:([^\\s"'>=/]+)(${Ar}*=${Ar}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Bn=/'/g,Rn=/"/g,Un=/^(?:script|style|textarea|title)$/i,Gn=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),l=Gn(1),y=Gn(2),X=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Wn=new WeakMap,le=ne.createTreeWalker(ne,129,null,!1);function Fn(i,t){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Mn!==void 0?Mn.createHTML(t):t}const qn=(i,t)=>{const e=i.length-1,r=[];let o,s=t===2?"<svg>":"",n=pi;for(let c=0;c<e;c++){const u=i[c];let h,f,g=-1,m=0;for(;m<u.length&&(n.lastIndex=m,f=n.exec(u),f!==null);)m=n.lastIndex,n===pi?f[1]==="!--"?n=Hn:f[1]!==void 0?n=Vn:f[2]!==void 0?(Un.test(f[2])&&(o=RegExp("</"+f[2],"g")),n=ae):f[3]!==void 0&&(n=ae):n===ae?f[0]===">"?(n=o??pi,g=-1):f[1]===void 0?g=-2:(g=n.lastIndex-f[2].length,h=f[1],n=f[3]===void 0?ae:f[3]==='"'?Rn:Bn):n===Rn||n===Bn?n=ae:n===Hn||n===Vn?n=pi:(n=ae,o=void 0);const $=n===ae&&i[c+1].startsWith("/>")?" ":"";s+=n===pi?u+ru:g>=0?(r.push(h),u.slice(0,g)+so+u.slice(g)+Pt+$):u+Pt+(g===-2?(r.push(void 0),c):$)}return[Fn(i,s+(i[e]||"<?>")+(t===2?"</svg>":"")),r]};let Or=class tu{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let s=0,n=0;const c=t.length-1,u=this.parts,[h,f]=qn(t,e);if(this.el=tu.createElement(h,r),le.currentNode=this.el.content,e===2){const g=this.el.content,m=g.firstChild;m.remove(),g.append(...m.childNodes)}for(;(o=le.nextNode())!==null&&u.length<c;){if(o.nodeType===1){if(o.hasAttributes()){const g=[];for(const m of o.getAttributeNames())if(m.endsWith(so)||m.startsWith(Pt)){const $=f[n++];if(g.push(m),$!==void 0){const E=o.getAttribute($.toLowerCase()+so).split(Pt),P=/([.?@])?(.*)/.exec($);u.push({type:1,index:s,name:P[2],strings:E,ctor:P[1]==="."?Xn:P[1]==="?"?Yn:P[1]==="@"?Zn:bi})}else u.push({type:6,index:s})}for(const m of g)o.removeAttribute(m)}if(Un.test(o.tagName)){const g=o.textContent.split(Pt),m=g.length-1;if(m>0){o.textContent=Se?Se.emptyScript:"";for(let $=0;$<m;$++)o.append(g[$],hi()),le.nextNode(),u.push({type:2,index:++s});o.append(g[m],hi())}}}else if(o.nodeType===8)if(o.data===Pr)u.push({type:2,index:s});else{let g=-1;for(;(g=o.data.indexOf(Pt,g+1))!==-1;)u.push({type:7,index:s}),g+=Pt.length-1}s++}}static createElement(t,e){const r=ne.createElement("template");return r.innerHTML=t,r}};function ue(i,t,e=i,r){var o,s,n,c;if(t===X)return t;let u=r!==void 0?(o=e._$Co)===null||o===void 0?void 0:o[r]:e._$Cl;const h=di(t)?void 0:t._$litDirective$;return u?.constructor!==h&&((s=u?._$AO)===null||s===void 0||s.call(u,!1),h===void 0?u=void 0:(u=new h(i),u._$AT(i,e,r)),r!==void 0?((n=(c=e)._$Co)!==null&&n!==void 0?n:c._$Co=[])[r]=u:e._$Cl=u),u!==void 0&&(t=ue(i,u._$AS(i,t.values),u,r)),t}let Kn=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:r},parts:o}=this._$AD,s=((e=t?.creationScope)!==null&&e!==void 0?e:ne).importNode(r,!0);le.currentNode=s;let n=le.nextNode(),c=0,u=0,h=o[0];for(;h!==void 0;){if(c===h.index){let f;h.type===2?f=new no(n,n.nextSibling,this,t):h.type===1?f=new h.ctor(n,h.name,h.strings,this,t):h.type===6&&(f=new Qn(n,this,t)),this._$AV.push(f),h=o[++u]}c!==h?.index&&(n=le.nextNode(),c++)}return le.currentNode=ne,s}v(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},no=class eu{constructor(t,e,r,o){var s;this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=o,this._$Cp=(s=o?.isConnected)===null||s===void 0||s}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ue(this,t,e),di(t)?t===_||t==null||t===""?(this._$AH!==_&&this._$AR(),this._$AH=_):t!==this._$AH&&t!==X&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Tn(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==_&&di(this._$AH)?this._$AA.nextSibling.data=t:this.$(ne.createTextNode(t)),this._$AH=t}g(t){var e;const{values:r,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Or.createElement(Fn(o.h,o.h[0]),this.options)),o);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===s)this._$AH.v(r);else{const n=new Kn(s,this),c=n.u(this.options);n.v(r),this.$(c),this._$AH=n}}_$AC(t){let e=Wn.get(t.strings);return e===void 0&&Wn.set(t.strings,e=new Or(t)),e}T(t){Dn(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const s of t)o===e.length?e.push(r=new eu(this.k(hi()),this.k(hi()),this,this.options)):r=e[o],r._$AI(s),o++;o<e.length&&(this._$AR(r&&r._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cp=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},bi=class{constructor(t,e,r,o,s){this.type=1,this._$AH=_,this._$AN=void 0,this.element=t,this.name=e,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=_}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,r,o){const s=this.strings;let n=!1;if(s===void 0)t=ue(this,t,e,0),n=!di(t)||t!==this._$AH&&t!==X,n&&(this._$AH=t);else{const c=t;let u,h;for(t=s[0],u=0;u<s.length-1;u++)h=ue(this,c[r+u],e,u),h===X&&(h=this._$AH[u]),n||(n=!di(h)||h!==this._$AH[u]),h===_?t=_:t!==_&&(t+=(h??"")+s[u+1]),this._$AH[u]=h}n&&!o&&this.j(t)}j(t){t===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Xn=class extends bi{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===_?void 0:t}};const su=Se?Se.emptyScript:"";let Yn=class extends bi{constructor(){super(...arguments),this.type=4}j(t){t&&t!==_?this.element.setAttribute(this.name,su):this.element.removeAttribute(this.name)}},Zn=class extends bi{constructor(t,e,r,o,s){super(t,e,r,o,s),this.type=5}_$AI(t,e=this){var r;if((t=(r=ue(this,t,e,0))!==null&&r!==void 0?r:_)===X)return;const o=this._$AH,s=t===_&&o!==_||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==_&&(o===_||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&r!==void 0?r:this.element,t):this._$AH.handleEvent(t)}},Qn=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){ue(this,t)}};const nu={O:so,P:Pt,A:Pr,C:1,M:qn,L:Kn,R:Tn,D:ue,I:no,V:bi,H:Yn,N:Zn,U:Xn,F:Qn},Jn=ro.litHtmlPolyfillSupport;Jn?.(Or,no),((Sr=ro.litHtmlVersions)!==null&&Sr!==void 0?Sr:ro.litHtmlVersions=[]).push("2.8.0");const au=(i,t,e)=>{var r,o;const s=(r=e?.renderBefore)!==null&&r!==void 0?r:t;let n=s._$litPart$;if(n===void 0){const c=(o=e?.renderBefore)!==null&&o!==void 0?o:null;s._$litPart$=n=new no(t.insertBefore(hi(),c),c,void 0,e??{})}return n._$AI(i),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var zr,Lr;let b=class extends Ce{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=au(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return X}};b.finalized=!0,b._$litElement$=!0,(zr=globalThis.litElementHydrateSupport)===null||zr===void 0||zr.call(globalThis,{LitElement:b});const
|
|
19
|
+
*/var zr,Lr;let b=class extends Ce{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=au(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return X}};b.finalized=!0,b._$litElement$=!0,(zr=globalThis.litElementHydrateSupport)===null||zr===void 0||zr.call(globalThis,{LitElement:b});const ta=globalThis.litElementPolyfillSupport;ta?.({LitElement:b}),((Lr=globalThis.litElementVersions)!==null&&Lr!==void 0?Lr:globalThis.litElementVersions=[]).push("3.3.3");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -208,22 +208,21 @@
|
|
|
208
208
|
margin-top: var(--uui-size-layout-1,24px);
|
|
209
209
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
210
210
|
}
|
|
211
|
-
`;const Nr=Wt(du);d`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,Wt("uui-blink 0.9s infinite both"),d`@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}}`,Wt("pulse 0.8s ease-in-out infinite both"),d`@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)}}`,Wt("uui-horizontal-shake 600ms ease backwards");let ia=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},oa=class extends ia{constructor(t,e={}){super(t,{bubbles:!0,...e})}};oa.VALID="valid",oa.INVALID="invalid";let ra=class extends ia{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};ra.SELECTED="selected",ra.DESELECTED="deselected";function p(i,t){return e=>{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,e,t)}}var pu=Object.defineProperty,bu=Object.getOwnPropertyDescriptor,vu=(i,t,e,r)=>{for(var o=r>1?void 0:r?bu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&pu(t,e,o),o};let vi=class extends b{render(){return l`<slot></slot>`}};vi.styles=[d`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],vi=vu([p("uui-button-group")],vi);var gu=Object.defineProperty,fu=Object.getOwnPropertyDescriptor,mu=(i,t,e,r)=>{for(var o=r>1?void 0:r?fu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&gu(t,e,o),o};let Mr=class extends vi{};Mr.styles=[...vi.styles,d`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],Mr=mu([p("uui-action-bar")],Mr);var yu=Object.defineProperty,xu=Object.getOwnPropertyDescriptor,ao=(i,t,e,r)=>{for(var o=r>1?void 0:r?xu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yu(t,e,o),o};let Pe=class extends b{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}};Pe.styles=[d`: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}`],ao([Ft({selector:"uui-avatar, [uui-avatar]",flatten:!0})],Pe.prototype,"_avatarNodes",2),ao([v()],Pe.prototype,"_avatarArray",2),ao([a({type:Number,attribute:!0})],Pe.prototype,"limit",2),Pe=ao([p("uui-avatar-group")],Pe);var _u=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,Ae=(i,t,e,r)=>{for(var o=r>1?void 0:r?wu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_u(t,e,o),o};let qt=class extends b{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(!t)return e;const r=t.match(/(\w+)/g);return r?.length?(e=r[0].substring(0,1),r.length>1&&(e+=r[r.length-1].substring(0,1)),e.toUpperCase()):e}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}};qt.styles=[d`: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%}`],Ae([a({type:Boolean,attribute:!0,reflect:!0})],qt.prototype,"overflow",2),Ae([a({type:String,attribute:"img-src"})],qt.prototype,"imgSrc",2),Ae([a({type:String,attribute:"img-srcset"})],qt.prototype,"imgSrcset",2),Ae([a({type:String,reflect:!0})],qt.prototype,"name",1),Ae([v()],qt.prototype,"initials",2),qt=Ae([p("uui-avatar")],qt);var $u=Object.defineProperty,ku=Object.getOwnPropertyDescriptor,lo=(i,t,e,r)=>{for(var o=r>1?void 0:r?ku(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&$u(t,e,o),o};let Oe=class extends b{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l`<slot></slot>`}};Oe.styles=[d`: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}}`],lo([a({reflect:!0})],Oe.prototype,"color",2),lo([a({reflect:!0})],Oe.prototype,"look",2),lo([a({type:Boolean,reflect:!0})],Oe.prototype,"attention",2),Oe=lo([p("uui-badge")],Oe);var Eu=Object.defineProperty,Cu=Object.getOwnPropertyDescriptor,Su=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Eu(t,e,o),o};const gi=i=>{class t extends i{constructor(){super(...arguments),this.active=!1}}return Su([a({type:Boolean,reflect:!0})],t.prototype,"active",2),t};var Pu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,sa=(i,t,e,r)=>{for(var o=r>1?void 0:r?Au(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pu(t,e,o),o};const vt=(i,t)=>{class e extends t{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 l`${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return sa([a({type:String})],e.prototype,"label",2),sa([v()],e.prototype,"_labelSlotHasContent",2),e};let Ou=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},ze=class extends Ou{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};ze.SELECTED="selected",ze.DESELECTED="deselected";var zu=Object.defineProperty,Lu=Object.getOwnPropertyDescriptor,na=(i,t,e,r)=>{for(var o=r>1?void 0:r?Lu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&zu(t,e,o),o};const Le=i=>{class t 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 ze(ze.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new ze(ze.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 na([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),na([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var Iu=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,Nu=(i,t,e,r)=>{for(var o=r>1?void 0:r?ju(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Iu(t,e,o),o};const uo=i=>{class t 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 Nu([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly",1),t};let aa=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},Ie=class extends aa{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ie.VALID="valid",Ie.INVALID="invalid";let la=class extends aa{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};la.SELECTED="selected",la.DESELECTED="deselected";var Mu=Object.defineProperty,Du=Object.getOwnPropertyDescriptor,ce=(i,t,e,r)=>{for(var o=r>1?void 0:r?Du(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Mu(t,e,o),o};const gt=i=>{class t 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 n={flagKey:r,getMessageMethod:o,checkMethod:s};return this._validators.push(n),n}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 Ie(Ie.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ie(Ie.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){this._form?.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(){for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this._validityState}get validationMessage(){return this._internals?.validationMessage}}return t.formAssociated=!0,ce([a({type:String})],t.prototype,"name",2),ce([a()],t.prototype,"value",1),ce([a({type:Boolean,reflect:!0})],t.prototype,"pristine",2),ce([a({type:Boolean,reflect:!0})],t.prototype,"required",2),ce([a({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),ce([a({type:Boolean,reflect:!0})],t.prototype,"error",2),ce([a({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t},Tu=(i,t,e)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(t)&&r.getAttribute(t)===e,s=r.querySelector(`[${t}="${e}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${t}="${e}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var Hu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Bu=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hu(t,e,o),o},ua=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},ca=(i,t,e)=>(ua(i,t,"read from private field"),e?e.call(i):t.get(i)),ha=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ru=(i,t,e,r)=>(ua(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e);const Uu=i=>{var t,e;class r extends i{constructor(...s){super(...s),ha(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=Tu(this,"id",this.popoverContainerElement);n&&(ca(this,t)?n.hidePopover():n.showPopover())},ha(this,e,n=>{requestAnimationFrame(()=>{Ru(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",ca(this,e))}}return t=new WeakMap,e=new WeakMap,Bu([a({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};let O=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},je=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};je.VALID="valid",je.INVALID="invalid";let Kt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};Kt.SELECTED="selected",Kt.DESELECTED="deselected";let Dr=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Dr.CHANGE="change";var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,co=(i,t,e,r)=>{for(var o=r>1?void 0:r?Wu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Gu(t,e,o),o};let At=class extends gt(vt("",b)){constructor(t="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=t,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){const e=this._value;this._value=t,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",e)}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",e)}getFormElement(){return this._input}_onKeypress(t){t.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(t){super.firstUpdated(t);const e=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),e.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),e.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(t){t.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new Dr(Dr.CHANGE))}render(){return l`<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>`}};At.styles=[d`: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}`],co([a({type:String,attribute:"label-position",reflect:!0})],At.prototype,"labelPosition",2),co([a({type:Boolean})],At.prototype,"checked",1),co([a({type:Boolean,reflect:!0})],At.prototype,"disabled",2),co([S("#input")],At.prototype,"_input",2);/**
|
|
211
|
+
`;const Nr=Wt(du);d`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,Wt("uui-blink 0.9s infinite both"),d`@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}}`,Wt("pulse 0.8s ease-in-out infinite both"),d`@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)}}`,Wt("uui-horizontal-shake 600ms ease backwards");let ea=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},ia=class extends ea{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ia.VALID="valid",ia.INVALID="invalid";let oa=class extends ea{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};oa.SELECTED="selected",oa.DESELECTED="deselected";function p(i,t){return e=>{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,e,t)}}var pu=Object.defineProperty,bu=Object.getOwnPropertyDescriptor,vu=(i,t,e,r)=>{for(var o=r>1?void 0:r?bu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&pu(t,e,o),o};let vi=class extends b{render(){return l`<slot></slot>`}};vi.styles=[d`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],vi=vu([p("uui-button-group")],vi);var gu=Object.defineProperty,fu=Object.getOwnPropertyDescriptor,mu=(i,t,e,r)=>{for(var o=r>1?void 0:r?fu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&gu(t,e,o),o};let Mr=class extends vi{};Mr.styles=[...vi.styles,d`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],Mr=mu([p("uui-action-bar")],Mr);var yu=Object.defineProperty,xu=Object.getOwnPropertyDescriptor,ao=(i,t,e,r)=>{for(var o=r>1?void 0:r?xu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yu(t,e,o),o};let Pe=class extends b{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}};Pe.styles=[d`: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}`],ao([Ft({selector:"uui-avatar, [uui-avatar]",flatten:!0})],Pe.prototype,"_avatarNodes",2),ao([v()],Pe.prototype,"_avatarArray",2),ao([a({type:Number,attribute:!0})],Pe.prototype,"limit",2),Pe=ao([p("uui-avatar-group")],Pe);var _u=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,Ae=(i,t,e,r)=>{for(var o=r>1?void 0:r?wu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_u(t,e,o),o};let qt=class extends b{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(!t)return e;const r=t.match(/(\w+)/g);return r?.length?(e=r[0].substring(0,1),r.length>1&&(e+=r[r.length-1].substring(0,1)),e.toUpperCase()):e}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}};qt.styles=[d`: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%}`],Ae([a({type:Boolean,attribute:!0,reflect:!0})],qt.prototype,"overflow",2),Ae([a({type:String,attribute:"img-src"})],qt.prototype,"imgSrc",2),Ae([a({type:String,attribute:"img-srcset"})],qt.prototype,"imgSrcset",2),Ae([a({type:String,reflect:!0})],qt.prototype,"name",1),Ae([v()],qt.prototype,"initials",2),qt=Ae([p("uui-avatar")],qt);var $u=Object.defineProperty,ku=Object.getOwnPropertyDescriptor,lo=(i,t,e,r)=>{for(var o=r>1?void 0:r?ku(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&$u(t,e,o),o};let Oe=class extends b{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l`<slot></slot>`}};Oe.styles=[d`: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}}`],lo([a({reflect:!0})],Oe.prototype,"color",2),lo([a({reflect:!0})],Oe.prototype,"look",2),lo([a({type:Boolean,reflect:!0})],Oe.prototype,"attention",2),Oe=lo([p("uui-badge")],Oe);var Eu=Object.defineProperty,Cu=Object.getOwnPropertyDescriptor,Su=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Eu(t,e,o),o};const gi=i=>{class t extends i{constructor(){super(...arguments),this.active=!1}}return Su([a({type:Boolean,reflect:!0})],t.prototype,"active",2),t};var Pu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,ra=(i,t,e,r)=>{for(var o=r>1?void 0:r?Au(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pu(t,e,o),o};const vt=(i,t)=>{class e extends t{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 l`${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return ra([a({type:String})],e.prototype,"label",2),ra([v()],e.prototype,"_labelSlotHasContent",2),e};let Ou=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},ze=class extends Ou{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};ze.SELECTED="selected",ze.DESELECTED="deselected";var zu=Object.defineProperty,Lu=Object.getOwnPropertyDescriptor,sa=(i,t,e,r)=>{for(var o=r>1?void 0:r?Lu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&zu(t,e,o),o};const Le=i=>{class t 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 ze(ze.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const r=new ze(ze.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 sa([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),sa([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var Iu=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,Nu=(i,t,e,r)=>{for(var o=r>1?void 0:r?ju(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Iu(t,e,o),o};const uo=i=>{class t 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 Nu([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly",1),t};let na=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},Ie=class extends na{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ie.VALID="valid",Ie.INVALID="invalid";let aa=class extends na{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};aa.SELECTED="selected",aa.DESELECTED="deselected";var Mu=Object.defineProperty,Du=Object.getOwnPropertyDescriptor,ce=(i,t,e,r)=>{for(var o=r>1?void 0:r?Du(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Mu(t,e,o),o};const gt=i=>{class t 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 n={flagKey:r,getMessageMethod:o,checkMethod:s};return this._validators.push(n),n}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 Ie(Ie.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ie(Ie.VALID)))}updated(r){super.updated(r),this._runValidators()}submit(){this._form?.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(){for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this._validityState}get validationMessage(){return this._internals?.validationMessage}}return t.formAssociated=!0,ce([a({type:String})],t.prototype,"name",2),ce([a()],t.prototype,"value",1),ce([a({type:Boolean,reflect:!0})],t.prototype,"pristine",2),ce([a({type:Boolean,reflect:!0})],t.prototype,"required",2),ce([a({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),ce([a({type:Boolean,reflect:!0})],t.prototype,"error",2),ce([a({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t},Tu=(i,t,e)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(t)&&r.getAttribute(t)===e,s=r.querySelector(`[${t}="${e}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${t}="${e}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var Hu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Bu=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hu(t,e,o),o},la=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},ua=(i,t,e)=>(la(i,t,"read from private field"),e?e.call(i):t.get(i)),ca=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ru=(i,t,e,r)=>(la(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e);const Uu=i=>{var t,e;class r extends i{constructor(...s){super(...s),ca(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=Tu(this,"id",this.popoverContainerElement);n&&(ua(this,t)?n.hidePopover():n.showPopover())},ca(this,e,n=>{requestAnimationFrame(()=>{Ru(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",ua(this,e))}}return t=new WeakMap,e=new WeakMap,Bu([a({type:String,attribute:"popovertarget"})],r.prototype,"popoverContainerElement",2),r};let O=class extends Event{constructor(t,e={}){super(t,{...e}),this.detail=e.detail||{}}},je=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};je.VALID="valid",je.INVALID="invalid";let Kt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,cancelable:!0,...e})}};Kt.SELECTED="selected",Kt.DESELECTED="deselected";let Dr=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Dr.CHANGE="change";var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,co=(i,t,e,r)=>{for(var o=r>1?void 0:r?Wu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Gu(t,e,o),o};let At=class extends gt(vt("",b)){constructor(t="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=t,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){const e=this._value;this._value=t,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",e)}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",e)}getFormElement(){return this._input}_onKeypress(t){t.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(t){super.firstUpdated(t);const e=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),e.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),e.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(t){t.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new Dr(Dr.CHANGE))}render(){return l`<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>`}};At.styles=[d`: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}`],co([a({type:String,attribute:"label-position",reflect:!0})],At.prototype,"labelPosition",2),co([a({type:Boolean})],At.prototype,"checked",1),co([a({type:Boolean,reflect:!0})],At.prototype,"disabled",2),co([S("#input")],At.prototype,"_input",2);/**
|
|
212
212
|
* @license
|
|
213
213
|
* Copyright 2020 Google LLC
|
|
214
214
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
215
|
-
*/const
|
|
216
|
-
take care to ensure page security.`)})(r)+i[o+1],i[0]),r:Tr}),pa=new Map,Ku=i=>(t,...e)=>{const r=e.length;let o,s;const n=[],c=[];let u,h=0,f=!1;for(;h<r;){for(u=t[h];h<r&&(s=e[h],(o=Fu(s))!==void 0);)u+=o+t[++h],f=!0;h!==r&&c.push(s),n.push(u),h++}if(h===r&&n.push(t[r]),f){const g=n.join("$$lit$$");(t=pa.get(g))===void 0&&(n.raw=n,pa.set(g,t=n)),e=c}return i(t,...e)},ba=Ku(l);var Xu=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,he=(i,t,e,r)=>{for(var o=r>1?void 0:r?Yu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Xu(t,e,o),o};function Hr(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}let Ot=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=da`h5`,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=Hr(t.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=Hr(t.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=t=>{this._headerActionsSlotHasContent=Hr(t.target)}}set headlineVariant(t){t?this._headlineVariantTag=qu(t):this._headlineVariantTag=da`h5`}renderHeader(){return ba`<div
|
|
215
|
+
*/const ha=Symbol.for(""),Fu=i=>{if(i?.r===ha)return i?._$litStatic$},da=i=>({_$litStatic$:i,r:ha}),pa=new Map,qu=i=>(t,...e)=>{const r=e.length;let o,s;const n=[],c=[];let u,h=0,f=!1;for(;h<r;){for(u=t[h];h<r&&(s=e[h],(o=Fu(s))!==void 0);)u+=o+t[++h],f=!0;h!==r&&c.push(s),n.push(u),h++}if(h===r&&n.push(t[r]),f){const g=n.join("$$lit$$");(t=pa.get(g))===void 0&&(n.raw=n,pa.set(g,t=n)),e=c}return i(t,...e)},ba=qu(l);var Ku=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,he=(i,t,e,r)=>{for(var o=r>1?void 0:r?Xu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ku(t,e,o),o};function Tr(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}let Ot=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag="h5",this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=Tr(t.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=Tr(t.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=t=>{this._headerActionsSlotHasContent=Tr(t.target)}}set headlineVariant(t){this._headlineVariantTag=t}get headlineVariant(){return this._headlineVariantTag}renderHeader(){return ba`<div
|
|
217
216
|
id="header"
|
|
218
217
|
class="uui-text"
|
|
219
218
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
220
|
-
<${this._headlineVariantTag}
|
|
219
|
+
<${da(this._headlineVariantTag)}
|
|
221
220
|
id="headline"
|
|
222
221
|
class="uui-h5"
|
|
223
222
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
224
223
|
${this.headline}
|
|
225
224
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
226
|
-
</${this._headlineVariantTag}>
|
|
225
|
+
</${da(this._headlineVariantTag)}>
|
|
227
226
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
228
227
|
<slot name="header-actions" @slotchange=${this._headerActionsSlotChanged}></slot>
|
|
229
228
|
</div>`}render(){return ba`
|
|
@@ -256,7 +255,7 @@
|
|
|
256
255
|
display: block;
|
|
257
256
|
margin-left: auto;
|
|
258
257
|
}
|
|
259
|
-
`],he([a({type:String})],Ot.prototype,"headline",2),he([a({attribute:"headline-variant"})],Ot.prototype,"headlineVariant",1),he([v()],Ot.prototype,"_headlineVariantTag",2),he([v()],Ot.prototype,"_headlineSlotHasContent",2),he([v()],Ot.prototype,"_headerSlotHasContent",2),he([v()],Ot.prototype,"_headerActionsSlotHasContent",2),Ot=he([p("uui-box")],Ot);var
|
|
258
|
+
`],he([a({type:String})],Ot.prototype,"headline",2),he([a({attribute:"headline-variant"})],Ot.prototype,"headlineVariant",1),he([v()],Ot.prototype,"_headlineVariantTag",2),he([v()],Ot.prototype,"_headlineSlotHasContent",2),he([v()],Ot.prototype,"_headerSlotHasContent",2),he([v()],Ot.prototype,"_headerActionsSlotHasContent",2),Ot=he([p("uui-box")],Ot);var Yu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,Hr=(i,t,e,r)=>{for(var o=r>1?void 0:r?Zu(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Yu(t,e,o),o};let Ne=class extends b{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};Ne.styles=[d`: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}`],Hr([a()],Ne.prototype,"href",2),Hr([a({type:Boolean,attribute:"last-item"})],Ne.prototype,"lastItem",2),Ne=Hr([p("uui-breadcrumb-item")],Ne);var Qu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,va=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ju(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Qu(t,e,o),o};let ho=class extends b{elementIsBreadcrumbItem(t){return t instanceof Ne}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const t=this.slotNodes[this.slotNodes.length-1];t.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(t)&&(t.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}};ho.styles=[d`: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}`],va([Ft({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],ho.prototype,"slotNodes",2),ho=va([p("uui-breadcrumbs")],ho);const tc=d`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,ec=Wt("uui-blink 0.9s infinite both"),ic=d`@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}}`;Wt("pulse 0.8s ease-in-out infinite both");const po=d`@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)}}`,bo=Wt("uui-horizontal-shake 600ms ease backwards");/**
|
|
260
259
|
* @license
|
|
261
260
|
* Copyright 2017 Google LLC
|
|
262
261
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -264,23 +263,23 @@
|
|
|
264
263
|
* @license
|
|
265
264
|
* Copyright 2018 Google LLC
|
|
266
265
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
267
|
-
*/const ga="important",
|
|
266
|
+
*/const ga="important",oc=" !"+ga,ft=Me(class extends De{constructor(i){var t;if(super(i),i.type!==lt.ATTRIBUTE||i.name!=="style"||((t=i.strings)===null||t===void 0?void 0:t.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((t,e)=>{const r=i[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ht===void 0){this.ht=new Set;for(const r in t)this.ht.add(r);return this.render(t)}this.ht.forEach(r=>{t[r]==null&&(this.ht.delete(r),r.includes("-")?e.removeProperty(r):e[r]="")});for(const r in t){const o=t[r];if(o!=null){this.ht.add(r);const s=typeof o=="string"&&o.endsWith(oc);r.includes("-")||s?e.setProperty(r,s?o.slice(0,-11):o,s?ga:""):e[r]=o}}return X}});/**
|
|
268
267
|
* @license
|
|
269
268
|
* Copyright 2018 Google LLC
|
|
270
269
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
271
|
-
*/const w=i=>i??_;let Br=class extends O{constructor(t,e={}){super(t,{bubbles:!0,composed:!0,...e})}};Br.CLICK="click";var sc=Object.defineProperty,nc=Object.getOwnPropertyDescriptor,Te=(i,t,e,r)=>{for(var o=r>1?void 0:r?nc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&sc(t,e,o),o},ac=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Rr=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},vo=(i,t,e)=>(ac(i,t,"access private method"),e),go,Ur,Gr,fa,Wr,ma;let Xt=class extends b{constructor(){super(...arguments),Rr(this,go),Rr(this,Gr),Rr(this,Wr),this._position=0,this.vertical=!1}_onMouseMove(t){this._position=(this.vertical?t.offsetY:t.offsetX)-5}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),t.target?.blur?.(),this.dispatchEvent(new Br(Br.CLICK))}render(){return this.href?vo(this,Gr,fa).call(this):vo(this,Wr,ma).call(this)}};go=new WeakSet,Ur=function(){return l`<div id="plus" style="${ft({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>`},Gr=new WeakSet,fa=function(){return l`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${w(this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${vo(this,go,Ur).call(this)}</a>`},Wr=new WeakSet,ma=function(){return l`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${vo(this,go,Ur).call(this)}</button>`},Xt.styles=[ec,d`: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:${ic};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)}`],Te([v()],Xt.prototype,"_position",2),Te([a({type:String})],Xt.prototype,"label",2),Te([a({type:Boolean,reflect:!0})],Xt.prototype,"vertical",2),Te([a({type:String})],Xt.prototype,"href",2),Te([a({type:String})],Xt.prototype,"target",2),Xt=Te([p("uui-button-inline-create")],Xt);let lc=class{constructor(t,e){this._callback=t,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(e)}setDuration(t){this._duration=t,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 x=(i,t,e=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(t)||console.warn(`%c ${i.nodeName} requires ${t} element to be registered!`,"font-weight: bold;",e,i)},ya=(i,t)=>{function e(o){const s=i.getBoundingClientRect(),n=i.ownerDocument.defaultView,c=s.left+n.scrollX,u=s.top+n.scrollY;let h;o instanceof TouchEvent?h=o.touches[0]:h=o;const f=h.pageX-c,g=h.pageY-u;t?.onMove&&t.onMove(f,g)}function r(){document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",r),t?.onStop&&t.onStop()}document.addEventListener("pointermove",e,{passive:!0}),document.addEventListener("pointerup",r),t?.initialEvent&&e(t.initialEvent)},A=(i,t,e)=>Math.min(Math.max(i,t),e),xa=(i,t,e)=>e+t-i,uc=(i,t,e)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(t)&&r.getAttribute(t)===e,s=r.querySelector(`[${t}="${e}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${t}="${e}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function cc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const fo=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,hc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,dc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,pc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,Fr=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,bc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,vc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,gc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,fc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var mc=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,mt=(i,t,e,r)=>{for(var o=r>1?void 0:r?yc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&mc(t,e,o),o};let tt=class extends gt(vt("",Uu(b))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if(this._internals?.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":x(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":x(this,"uui-icon"),t=l`<uui-icon name="check" .fallback="${fo.strings[0]}"></uui-icon>`;break;case"failed":x(this,"uui-icon"),t=l`<uui-icon name="wrong" .fallback="${fc.strings[0]}"></uui-icon>`;break;default:return _}return l`<div id="state">${t}</div>`}render(){return this.href?l`<a id="button" aria-label="${this.label}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:l`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}};tt.styles=[po,d`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;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:${bo}}#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))}`],mt([a({type:String,reflect:!0})],tt.prototype,"type",2),mt([a({type:Boolean,reflect:!0})],tt.prototype,"disabled",2),mt([a({reflect:!0})],tt.prototype,"look",2),mt([a({reflect:!0})],tt.prototype,"color",2),mt([a({type:Boolean,reflect:!0})],tt.prototype,"compact",2),mt([a({type:String,reflect:!0})],tt.prototype,"state",2),mt([a({type:String})],tt.prototype,"href",2),mt([a({type:String})],tt.prototype,"target",2),mt([S("#button")],tt.prototype,"_button",2),tt=mt([p("uui-button")],tt);let fi=class extends O{};fi.OPEN="open";var xc=Object.defineProperty,_c=Object.getOwnPropertyDescriptor,mi=(i,t,e,r)=>{for(var o=r>1?void 0:r?_c(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&xc(t,e,o),o};let F=class extends uo(Le(b)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new fi(fi.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new fi(fi.OPEN)))}render(){return l`<slot></slot>`}};F.styles=[d`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{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}`],mi([a({type:Boolean,reflect:!0,attribute:"disabled"})],F.prototype,"disabled",2),mi([a({type:Boolean,reflect:!0})],F.prototype,"error",2),mi([a({type:String})],F.prototype,"href",2),mi([a({type:String})],F.prototype,"target",2),F=mi([p("uui-card")],F);var wc=Object.defineProperty,$c=Object.getOwnPropertyDescriptor,mo=(i,t,e,r)=>{for(var o=r>1?void 0:r?$c(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&wc(t,e,o),o},kc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},_a=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},wa=(i,t,e)=>(kc(i,t,"access private method"),e),qr,$a,Kr,ka;let He=class extends F{constructor(){super(...arguments),_a(this,qr),_a(this,Kr),this.name=""}render(){return l`<div id="portrait" style="${ft({backgroundColor:this.background})}"><slot></slot></div>${this.href?wa(this,Kr,ka).call(this):wa(this,qr,$a).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}};qr=new WeakSet,$a=function(){return l`<button id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},Kr=new WeakSet,ka=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},He.styles=[...F.styles,d`: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}`],mo([a({type:String})],He.prototype,"name",2),mo([a({type:String})],He.prototype,"description",2),mo([a({type:String,attribute:"background"})],He.prototype,"background",2),He=mo([p("uui-card-block-type")],He);var Ec=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,Xr=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ec(t,e,o),o},Sc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Ea=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ca=(i,t,e)=>(Sc(i,t,"access private method"),e),Yr,Sa,Zr,Pa;let yi=class extends F{constructor(){super(...arguments),Ea(this,Yr),Ea(this,Zr),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return x(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`${this.href?Ca(this,Zr,Pa).call(this):Ca(this,Yr,Sa).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};Yr=new WeakSet,Sa=function(){return l`<div id="open-part" tabindex="${this.disabled?_:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Zr=new WeakSet,Pa=function(){return l`<a id="open-part" tabindex="${this.disabled?_:0}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(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>`},yi.styles=[...F.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Xr([a({type:String})],yi.prototype,"name",2),Xr([v()],yi.prototype,"_iconSlotHasContent",2),yi=Xr([p("uui-card-content-node")],yi);var Pc=Object.defineProperty,Ac=Object.getOwnPropertyDescriptor,yo=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ac(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pc(t,e,o),o},Oc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Aa=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Oa=(i,t,e)=>(Oc(i,t,"access private method"),e),Qr,za,Jr,La;let Ve=class extends F{constructor(){super(...arguments),Aa(this,Qr),Aa(this,Jr),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-folder"),x(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return l`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?Oa(this,Jr,La).call(this):Oa(this,Qr,za).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}};Qr=new WeakSet,za=function(){return l`<button id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},Jr=new WeakSet,La=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},Ve.styles=[...F.styles,d`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],yo([a({type:String})],Ve.prototype,"name",2),yo([a({type:String,attribute:"file-ext"})],Ve.prototype,"fileExt",2),yo([v()],Ve.prototype,"hasPreview",2),Ve=yo([p("uui-card-media")],Ve);var zc=Object.defineProperty,Lc=Object.getOwnPropertyDescriptor,ts=(i,t,e,r)=>{for(var o=r>1?void 0:r?Lc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&zc(t,e,o),o},Ic=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Ia=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ja=(i,t,e)=>(Ic(i,t,"access private method"),e),es,Na,is,Ma;let xi=class extends F{constructor(){super(...arguments),Ia(this,es),Ia(this,is),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=t=>{this._avatarSlotHasContent=cc(t.target)}}connectedCallback(){super.connectedCallback(),x(this,"uui-avatar")}render(){return l`${this._avatarSlotHasContent?_:l`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?ja(this,is,Ma).call(this):ja(this,es,Na).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};es=new WeakSet,Na=function(){return l`<div id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},is=new WeakSet,Ma=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},xi.styles=[...F.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],ts([a({type:String})],xi.prototype,"name",2),ts([v()],xi.prototype,"_avatarSlotHasContent",2),xi=ts([p("uui-card-user")],xi);var jc=Object.defineProperty,Nc=Object.getOwnPropertyDescriptor,Da=(i,t,e,r)=>{for(var o=r>1?void 0:r?Nc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&jc(t,e,o),o};let xo=class extends b{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 l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};xo.styles=[d`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Da([a({type:Boolean,reflect:!0})],xo.prototype,"open",2),xo=Da([p("uui-caret")],xo);var Mc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,Tc=(i,t,e,r)=>{for(var o=r>1?void 0:r?Dc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Mc(t,e,o),o};let _o=class extends At{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${fo}</div></div>`}};_o.formAssociated=!0,_o.styles=[...At.styles,po,d`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;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:${bo}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],_o=Tc([p("uui-checkbox")],_o);/**
|
|
270
|
+
*/const w=i=>i??_;let Vr=class extends O{constructor(t,e={}){super(t,{bubbles:!0,composed:!0,...e})}};Vr.CLICK="click";var rc=Object.defineProperty,sc=Object.getOwnPropertyDescriptor,Te=(i,t,e,r)=>{for(var o=r>1?void 0:r?sc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&rc(t,e,o),o},nc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Br=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},vo=(i,t,e)=>(nc(i,t,"access private method"),e),go,Rr,Ur,fa,Gr,ma;let Xt=class extends b{constructor(){super(...arguments),Br(this,go),Br(this,Ur),Br(this,Gr),this._position=0,this.vertical=!1}_onMouseMove(t){this._position=(this.vertical?t.offsetY:t.offsetX)-5}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),t.target?.blur?.(),this.dispatchEvent(new Vr(Vr.CLICK))}render(){return this.href?vo(this,Ur,fa).call(this):vo(this,Gr,ma).call(this)}};go=new WeakSet,Rr=function(){return l`<div id="plus" style="${ft({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>`},Ur=new WeakSet,fa=function(){return l`<a id="button-wrapper" @mousemove="${this._onMouseMove}" href="${w(this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}" aria-label="${this.label?this.label:"create new element"}">${vo(this,go,Rr).call(this)}</a>`},Gr=new WeakSet,ma=function(){return l`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}">${vo(this,go,Rr).call(this)}</button>`},Xt.styles=[tc,d`: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:${ec};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)}`],Te([v()],Xt.prototype,"_position",2),Te([a({type:String})],Xt.prototype,"label",2),Te([a({type:Boolean,reflect:!0})],Xt.prototype,"vertical",2),Te([a({type:String})],Xt.prototype,"href",2),Te([a({type:String})],Xt.prototype,"target",2),Xt=Te([p("uui-button-inline-create")],Xt);let ac=class{constructor(t,e){this._callback=t,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(e)}setDuration(t){this._duration=t,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 x=(i,t,e=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(t)||console.warn(`%c ${i.nodeName} requires ${t} element to be registered!`,"font-weight: bold;",e,i)},ya=(i,t)=>{function e(o){const s=i.getBoundingClientRect(),n=i.ownerDocument.defaultView,c=s.left+n.scrollX,u=s.top+n.scrollY;let h;o instanceof TouchEvent?h=o.touches[0]:h=o;const f=h.pageX-c,g=h.pageY-u;t?.onMove&&t.onMove(f,g)}function r(){document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",r),t?.onStop&&t.onStop()}document.addEventListener("pointermove",e,{passive:!0}),document.addEventListener("pointerup",r),t?.initialEvent&&e(t.initialEvent)},A=(i,t,e)=>Math.min(Math.max(i,t),e),xa=(i,t,e)=>e+t-i,lc=(i,t,e)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(t)&&r.getAttribute(t)===e,s=r.querySelector(`[${t}="${e}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${t}="${e}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function uc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}const fo=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,cc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,hc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,dc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,Wr=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,pc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,bc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,vc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,gc=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;var fc=Object.defineProperty,mc=Object.getOwnPropertyDescriptor,mt=(i,t,e,r)=>{for(var o=r>1?void 0:r?mc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&fc(t,e,o),o};let tt=class extends gt(vt("",Uu(b))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if(this._internals?.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":x(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":x(this,"uui-icon"),t=l`<uui-icon name="check" .fallback="${fo.strings[0]}"></uui-icon>`;break;case"failed":x(this,"uui-icon"),t=l`<uui-icon name="wrong" .fallback="${gc.strings[0]}"></uui-icon>`;break;default:return _}return l`<div id="state">${t}</div>`}render(){return this.href?l`<a id="button" aria-label="${this.label}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:l`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}};tt.styles=[po,d`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;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:${bo}}#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))}`],mt([a({type:String,reflect:!0})],tt.prototype,"type",2),mt([a({type:Boolean,reflect:!0})],tt.prototype,"disabled",2),mt([a({reflect:!0})],tt.prototype,"look",2),mt([a({reflect:!0})],tt.prototype,"color",2),mt([a({type:Boolean,reflect:!0})],tt.prototype,"compact",2),mt([a({type:String,reflect:!0})],tt.prototype,"state",2),mt([a({type:String})],tt.prototype,"href",2),mt([a({type:String})],tt.prototype,"target",2),mt([S("#button")],tt.prototype,"_button",2),tt=mt([p("uui-button")],tt);let fi=class extends O{};fi.OPEN="open";var yc=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,mi=(i,t,e,r)=>{for(var o=r>1?void 0:r?xc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yc(t,e,o),o};let F=class extends uo(Le(b)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new fi(fi.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new fi(fi.OPEN)))}render(){return l`<slot></slot>`}};F.styles=[d`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(*) *{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}`],mi([a({type:Boolean,reflect:!0,attribute:"disabled"})],F.prototype,"disabled",2),mi([a({type:Boolean,reflect:!0})],F.prototype,"error",2),mi([a({type:String})],F.prototype,"href",2),mi([a({type:String})],F.prototype,"target",2),F=mi([p("uui-card")],F);var _c=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,mo=(i,t,e,r)=>{for(var o=r>1?void 0:r?wc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_c(t,e,o),o},$c=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},_a=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},wa=(i,t,e)=>($c(i,t,"access private method"),e),Fr,$a,qr,ka;let He=class extends F{constructor(){super(...arguments),_a(this,Fr),_a(this,qr),this.name=""}render(){return l`<div id="portrait" style="${ft({backgroundColor:this.background})}"><slot></slot></div>${this.href?wa(this,qr,ka).call(this):wa(this,Fr,$a).call(this)}<slot name="tag"></slot><slot name="actions"></slot>`}};Fr=new WeakSet,$a=function(){return l`<button id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><strong>${this.name}</strong><small>${this.description}</small></button>`},qr=new WeakSet,ka=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><strong>${this.name}</strong><small>${this.description}</small></a>`},He.styles=[...F.styles,d`: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}`],mo([a({type:String})],He.prototype,"name",2),mo([a({type:String})],He.prototype,"description",2),mo([a({type:String,attribute:"background"})],He.prototype,"background",2),He=mo([p("uui-card-block-type")],He);var kc=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,Kr=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ec(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&kc(t,e,o),o},Cc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Ea=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ca=(i,t,e)=>(Cc(i,t,"access private method"),e),Xr,Sa,Yr,Pa;let yi=class extends F{constructor(){super(...arguments),Ea(this,Xr),Ea(this,Yr),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return x(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`${this.href?Ca(this,Yr,Pa).call(this):Ca(this,Xr,Sa).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};Xr=new WeakSet,Sa=function(){return l`<div id="open-part" tabindex="${this.disabled?_:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div>`},Yr=new WeakSet,Pa=function(){return l`<a id="open-part" tabindex="${this.disabled?_:0}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(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>`},yi.styles=[...F.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Kr([a({type:String})],yi.prototype,"name",2),Kr([v()],yi.prototype,"_iconSlotHasContent",2),yi=Kr([p("uui-card-content-node")],yi);var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,yo=(i,t,e,r)=>{for(var o=r>1?void 0:r?Pc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Sc(t,e,o),o},Ac=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Aa=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Oa=(i,t,e)=>(Ac(i,t,"access private method"),e),Zr,za,Qr,La;let Ve=class extends F{constructor(){super(...arguments),Aa(this,Zr),Aa(this,Qr),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-folder"),x(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return l`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot>${this.href?Oa(this,Qr,La).call(this):Oa(this,Zr,za).call(this)}<div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}};Zr=new WeakSet,za=function(){return l`<button id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button>`},Qr=new WeakSet,La=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},Ve.styles=[...F.styles,d`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],yo([a({type:String})],Ve.prototype,"name",2),yo([a({type:String,attribute:"file-ext"})],Ve.prototype,"fileExt",2),yo([v()],Ve.prototype,"hasPreview",2),Ve=yo([p("uui-card-media")],Ve);var Oc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Jr=(i,t,e,r)=>{for(var o=r>1?void 0:r?zc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Oc(t,e,o),o},Lc=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Ia=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ja=(i,t,e)=>(Lc(i,t,"access private method"),e),ts,Na,es,Ma;let xi=class extends F{constructor(){super(...arguments),Ia(this,ts),Ia(this,es),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=t=>{this._avatarSlotHasContent=uc(t.target)}}connectedCallback(){super.connectedCallback(),x(this,"uui-avatar")}render(){return l`${this._avatarSlotHasContent?_:l`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar>`}<slot name="avatar" id="avatar" @slotchange="${this._avatarSlotChanged}"></slot>${this.href?ja(this,es,Ma).call(this):ja(this,ts,Na).call(this)}<slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};ts=new WeakSet,Na=function(){return l`<div id="open-part" tabindex="${this.disabled?_:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div>`},es=new WeakSet,Ma=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}"><span>${this.name}</span></a>`},xi.styles=[...F.styles,d`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],Jr([a({type:String})],xi.prototype,"name",2),Jr([v()],xi.prototype,"_avatarSlotHasContent",2),xi=Jr([p("uui-card-user")],xi);var Ic=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Da=(i,t,e,r)=>{for(var o=r>1?void 0:r?jc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ic(t,e,o),o};let xo=class extends b{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 l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};xo.styles=[d`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Da([a({type:Boolean,reflect:!0})],xo.prototype,"open",2),xo=Da([p("uui-caret")],xo);var Nc=Object.defineProperty,Mc=Object.getOwnPropertyDescriptor,Dc=(i,t,e,r)=>{for(var o=r>1?void 0:r?Mc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Nc(t,e,o),o};let _o=class extends At{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${fo}</div></div>`}};_o.formAssociated=!0,_o.styles=[...At.styles,po,d`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;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:${bo}}:host([disabled]) input:checked+#ticker #icon-check{color:var(--uui-color-disabled-contrast,#c4c4c4)}`],_o=Dc([p("uui-checkbox")],_o);/**
|
|
272
271
|
* @license
|
|
273
272
|
* Copyright 2018 Google LLC
|
|
274
273
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
275
|
-
*/const os=Me(class extends De{constructor(i){var t;if(super(i),i.type!==lt.ATTRIBUTE||i.name!=="class"||((t=i.strings)===null||t===void 0?void 0:t.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(t=>i[t]).join(" ")+" "}update(i,[t]){var e,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 t)t[s]&&!(!((e=this.nt)===null||e===void 0)&&e.has(s))&&this.it.add(s);return this.render(t)}const o=i.element.classList;this.it.forEach(s=>{s in t||(o.remove(s),this.it.delete(s))});for(const s in t){const n=!!t[s];n===this.it.has(s)||!((r=this.nt)===null||r===void 0)&&r.has(s)||(n?(o.add(s),this.it.add(s)):(o.remove(s),this.it.delete(s)))}return X}});var Hc={grad:.9,turn:360,rad:360/(2*Math.PI)},zt=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},H=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=Math.pow(10,t)),Math.round(e*i)/e+0},et=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=1),i>e?e:i>t?i:t},Ta=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ha=function(i){return{r:et(i.r,0,255),g:et(i.g,0,255),b:et(i.b,0,255),a:et(i.a)}},rs=function(i){return{r:H(i.r),g:H(i.g),b:H(i.b),a:H(i.a,3)}},Vc=/^#([0-9a-f]{3,8})$/i,wo=function(i){var t=i.toString(16);return t.length<2?"0"+t:t},Va=function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=Math.max(t,e,r),n=s-Math.min(t,e,r),c=n?s===t?(e-r)/n:s===e?2+(r-t)/n:4+(t-e)/n:0;return{h:60*(c<0?c+6:c),s:s?n/s*100:0,v:s/255*100,a:o}},Ba=function(i){var t=i.h,e=i.s,r=i.v,o=i.a;t=t/360*6,e/=100,r/=100;var s=Math.floor(t),n=r*(1-e),c=r*(1-(t-s)*e),u=r*(1-(1-t+s)*e),h=s%6;return{r:255*[r,c,n,n,u,r][h],g:255*[u,r,r,c,n,n][h],b:255*[n,n,u,r,r,c][h],a:o}},Ra=function(i){return{h:Ta(i.h),s:et(i.s,0,100),l:et(i.l,0,100),a:et(i.a)}},Ua=function(i){return{h:H(i.h),s:H(i.s),l:H(i.l),a:H(i.a,3)}},Ga=function(i){return Ba((e=(t=i).s,{h:t.h,s:(e*=((r=t.l)<50?r:100-r)/100)>0?2*e/(r+e)*100:0,v:r+e,a:t.a}));var t,e,r},_i=function(i){return{h:(t=Va(i)).h,s:(o=(200-(e=t.s))*(r=t.v)/100)>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,e,r,o},Bc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Uc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Gc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wa={string:[[function(i){var t=Vc.exec(i);return t?(i=t[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?H(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?H(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var t=Uc.exec(i)||Gc.exec(i);return t?t[2]!==t[4]||t[4]!==t[6]?null:Ha({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(i){var t=Bc.exec(i)||Rc.exec(i);if(!t)return null;var e,r,o=Ra({h:(e=t[1],r=t[2],r===void 0&&(r="deg"),Number(e)*(Hc[r]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return Ga(o)},"hsl"]],object:[[function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return zt(t)&&zt(e)&&zt(r)?Ha({r:Number(t),g:Number(e),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var t=i.h,e=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!zt(t)||!zt(e)||!zt(r))return null;var n=Ra({h:Number(t),s:Number(e),l:Number(r),a:Number(s)});return Ga(n)},"hsl"],[function(i){var t=i.h,e=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!zt(t)||!zt(e)||!zt(r))return null;var n=function(c){return{h:Ta(c.h),s:et(c.s,0,100),v:et(c.v,0,100),a:et(c.a)}}({h:Number(t),s:Number(e),v:Number(r),a:Number(s)});return Ba(n)},"hsv"]]},Fa=function(i,t){for(var e=0;e<t.length;e++){var r=t[e][0](i);if(r)return[r,t[e][1]]}return[null,void 0]},Wc=function(i){return typeof i=="string"?Fa(i.trim(),Wa.string):typeof i=="object"&&i!==null?Fa(i,Wa.object):[null,void 0]},ss=function(i,t){var e=_i(i);return{h:e.h,s:et(e.s+100*t,0,100),l:e.l,a:e.a}},ns=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},qa=function(i,t){var e=_i(i);return{h:e.h,s:e.s,l:et(e.l+100*t,0,100),a:e.a}},Ka=function(){function i(t){this.parsed=Wc(t)[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 H(ns(this.rgba),2)},i.prototype.isDark=function(){return ns(this.rgba)<.5},i.prototype.isLight=function(){return ns(this.rgba)>=.5},i.prototype.toHex=function(){return t=rs(this.rgba),e=t.r,r=t.g,o=t.b,n=(s=t.a)<1?wo(H(255*s)):"","#"+wo(e)+wo(r)+wo(o)+n;var t,e,r,o,s,n},i.prototype.toRgb=function(){return rs(this.rgba)},i.prototype.toRgbString=function(){return t=rs(this.rgba),e=t.r,r=t.g,o=t.b,(s=t.a)<1?"rgba("+e+", "+r+", "+o+", "+s+")":"rgb("+e+", "+r+", "+o+")";var t,e,r,o,s},i.prototype.toHsl=function(){return Ua(_i(this.rgba))},i.prototype.toHslString=function(){return t=Ua(_i(this.rgba)),e=t.h,r=t.s,o=t.l,(s=t.a)<1?"hsla("+e+", "+r+"%, "+o+"%, "+s+")":"hsl("+e+", "+r+"%, "+o+"%)";var t,e,r,o,s},i.prototype.toHsv=function(){return t=Va(this.rgba),{h:H(t.h),s:H(t.s),v:H(t.v),a:H(t.a,3)};var t},i.prototype.invert=function(){return it({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},i.prototype.saturate=function(t){return t===void 0&&(t=.1),it(ss(this.rgba,t))},i.prototype.desaturate=function(t){return t===void 0&&(t=.1),it(ss(this.rgba,-t))},i.prototype.grayscale=function(){return it(ss(this.rgba,-1))},i.prototype.lighten=function(t){return t===void 0&&(t=.1),it(qa(this.rgba,t))},i.prototype.darken=function(t){return t===void 0&&(t=.1),it(qa(this.rgba,-t))},i.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},i.prototype.alpha=function(t){return typeof t=="number"?it({r:(e=this.rgba).r,g:e.g,b:e.b,a:t}):H(this.rgba.a,3);var e},i.prototype.hue=function(t){var e=_i(this.rgba);return typeof t=="number"?it({h:t,s:e.s,l:e.l,a:e.a}):H(e.h)},i.prototype.isEqual=function(t){return this.toHex()===it(t).toHex()},i}(),it=function(i){return i instanceof Ka?i:new Ka(i)};let as=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};as.CHANGE="change";var Fc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,Lt=(i,t,e,r)=>{for(var o=r>1?void 0:r?qc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Fc(t,e,o),o};let ut=class extends b{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(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=it(t);if(r.isValid()){const{h:o,l:s,a:n}=r.toHsl();o!==0&&(this.hue=o),this.lightness=s,this.brightness=this.getBrightness(s),this.alpha=n*100}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:s}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,ya(e,{onMove:(n,c)=>{isNaN(n)||isNaN(c)||(this.saturation=A(n/o*100,0,100),this.brightness=A(100-c/s*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=A(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=A(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=A(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=A(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return A(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return A((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=it({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new as(as.CHANGE))}getHexString(t,e,r,o=100){const s=it(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`<div part="grid" class="color-area" style="${ft({backgroundColor:this.getHexString(this.hue,100,50)})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${os({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${ft({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}" role="application" tabindex="${w(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}};ut.styles=[d`: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}`],Lt([v()],ut.prototype,"isDraggingGridHandle",2),Lt([a({type:Number})],ut.prototype,"hue",2),Lt([a({type:Number})],ut.prototype,"saturation",2),Lt([a({type:Number})],ut.prototype,"lightness",2),Lt([a({type:Number})],ut.prototype,"brightness",2),Lt([a({type:Number})],ut.prototype,"alpha",2),Lt([a({type:String})],ut.prototype,"value",1),Lt([a({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),ut=Lt([p("uui-color-area")],ut);/**
|
|
274
|
+
*/const is=Me(class extends De{constructor(i){var t;if(super(i),i.type!==lt.ATTRIBUTE||i.name!=="class"||((t=i.strings)===null||t===void 0?void 0:t.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(t=>i[t]).join(" ")+" "}update(i,[t]){var e,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 t)t[s]&&!(!((e=this.nt)===null||e===void 0)&&e.has(s))&&this.it.add(s);return this.render(t)}const o=i.element.classList;this.it.forEach(s=>{s in t||(o.remove(s),this.it.delete(s))});for(const s in t){const n=!!t[s];n===this.it.has(s)||!((r=this.nt)===null||r===void 0)&&r.has(s)||(n?(o.add(s),this.it.add(s)):(o.remove(s),this.it.delete(s)))}return X}});var Tc={grad:.9,turn:360,rad:360/(2*Math.PI)},zt=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},H=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=Math.pow(10,t)),Math.round(e*i)/e+0},et=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=1),i>e?e:i>t?i:t},Ta=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ha=function(i){return{r:et(i.r,0,255),g:et(i.g,0,255),b:et(i.b,0,255),a:et(i.a)}},os=function(i){return{r:H(i.r),g:H(i.g),b:H(i.b),a:H(i.a,3)}},Hc=/^#([0-9a-f]{3,8})$/i,wo=function(i){var t=i.toString(16);return t.length<2?"0"+t:t},Va=function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=Math.max(t,e,r),n=s-Math.min(t,e,r),c=n?s===t?(e-r)/n:s===e?2+(r-t)/n:4+(t-e)/n:0;return{h:60*(c<0?c+6:c),s:s?n/s*100:0,v:s/255*100,a:o}},Ba=function(i){var t=i.h,e=i.s,r=i.v,o=i.a;t=t/360*6,e/=100,r/=100;var s=Math.floor(t),n=r*(1-e),c=r*(1-(t-s)*e),u=r*(1-(1-t+s)*e),h=s%6;return{r:255*[r,c,n,n,u,r][h],g:255*[u,r,r,c,n,n][h],b:255*[n,n,u,r,r,c][h],a:o}},Ra=function(i){return{h:Ta(i.h),s:et(i.s,0,100),l:et(i.l,0,100),a:et(i.a)}},Ua=function(i){return{h:H(i.h),s:H(i.s),l:H(i.l),a:H(i.a,3)}},Ga=function(i){return Ba((e=(t=i).s,{h:t.h,s:(e*=((r=t.l)<50?r:100-r)/100)>0?2*e/(r+e)*100:0,v:r+e,a:t.a}));var t,e,r},_i=function(i){return{h:(t=Va(i)).h,s:(o=(200-(e=t.s))*(r=t.v)/100)>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,e,r,o},Vc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Bc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Uc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wa={string:[[function(i){var t=Hc.exec(i);return t?(i=t[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?H(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?H(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var t=Rc.exec(i)||Uc.exec(i);return t?t[2]!==t[4]||t[4]!==t[6]?null:Ha({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(i){var t=Vc.exec(i)||Bc.exec(i);if(!t)return null;var e,r,o=Ra({h:(e=t[1],r=t[2],r===void 0&&(r="deg"),Number(e)*(Tc[r]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return Ga(o)},"hsl"]],object:[[function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return zt(t)&&zt(e)&&zt(r)?Ha({r:Number(t),g:Number(e),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var t=i.h,e=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!zt(t)||!zt(e)||!zt(r))return null;var n=Ra({h:Number(t),s:Number(e),l:Number(r),a:Number(s)});return Ga(n)},"hsl"],[function(i){var t=i.h,e=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!zt(t)||!zt(e)||!zt(r))return null;var n=function(c){return{h:Ta(c.h),s:et(c.s,0,100),v:et(c.v,0,100),a:et(c.a)}}({h:Number(t),s:Number(e),v:Number(r),a:Number(s)});return Ba(n)},"hsv"]]},Fa=function(i,t){for(var e=0;e<t.length;e++){var r=t[e][0](i);if(r)return[r,t[e][1]]}return[null,void 0]},Gc=function(i){return typeof i=="string"?Fa(i.trim(),Wa.string):typeof i=="object"&&i!==null?Fa(i,Wa.object):[null,void 0]},rs=function(i,t){var e=_i(i);return{h:e.h,s:et(e.s+100*t,0,100),l:e.l,a:e.a}},ss=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},qa=function(i,t){var e=_i(i);return{h:e.h,s:e.s,l:et(e.l+100*t,0,100),a:e.a}},Ka=function(){function i(t){this.parsed=Gc(t)[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 H(ss(this.rgba),2)},i.prototype.isDark=function(){return ss(this.rgba)<.5},i.prototype.isLight=function(){return ss(this.rgba)>=.5},i.prototype.toHex=function(){return t=os(this.rgba),e=t.r,r=t.g,o=t.b,n=(s=t.a)<1?wo(H(255*s)):"","#"+wo(e)+wo(r)+wo(o)+n;var t,e,r,o,s,n},i.prototype.toRgb=function(){return os(this.rgba)},i.prototype.toRgbString=function(){return t=os(this.rgba),e=t.r,r=t.g,o=t.b,(s=t.a)<1?"rgba("+e+", "+r+", "+o+", "+s+")":"rgb("+e+", "+r+", "+o+")";var t,e,r,o,s},i.prototype.toHsl=function(){return Ua(_i(this.rgba))},i.prototype.toHslString=function(){return t=Ua(_i(this.rgba)),e=t.h,r=t.s,o=t.l,(s=t.a)<1?"hsla("+e+", "+r+"%, "+o+"%, "+s+")":"hsl("+e+", "+r+"%, "+o+"%)";var t,e,r,o,s},i.prototype.toHsv=function(){return t=Va(this.rgba),{h:H(t.h),s:H(t.s),v:H(t.v),a:H(t.a,3)};var t},i.prototype.invert=function(){return it({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},i.prototype.saturate=function(t){return t===void 0&&(t=.1),it(rs(this.rgba,t))},i.prototype.desaturate=function(t){return t===void 0&&(t=.1),it(rs(this.rgba,-t))},i.prototype.grayscale=function(){return it(rs(this.rgba,-1))},i.prototype.lighten=function(t){return t===void 0&&(t=.1),it(qa(this.rgba,t))},i.prototype.darken=function(t){return t===void 0&&(t=.1),it(qa(this.rgba,-t))},i.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},i.prototype.alpha=function(t){return typeof t=="number"?it({r:(e=this.rgba).r,g:e.g,b:e.b,a:t}):H(this.rgba.a,3);var e},i.prototype.hue=function(t){var e=_i(this.rgba);return typeof t=="number"?it({h:t,s:e.s,l:e.l,a:e.a}):H(e.h)},i.prototype.isEqual=function(t){return this.toHex()===it(t).toHex()},i}(),it=function(i){return i instanceof Ka?i:new Ka(i)};let ns=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ns.CHANGE="change";var Wc=Object.defineProperty,Fc=Object.getOwnPropertyDescriptor,Lt=(i,t,e,r)=>{for(var o=r>1?void 0:r?Fc(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Wc(t,e,o),o};let ut=class extends b{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(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=it(t);if(r.isValid()){const{h:o,l:s,a:n}=r.toHsl();o!==0&&(this.hue=o),this.lightness=s,this.brightness=this.getBrightness(s),this.alpha=n*100}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:s}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,ya(e,{onMove:(n,c)=>{isNaN(n)||isNaN(c)||(this.saturation=A(n/o*100,0,100),this.brightness=A(100-c/s*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=A(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=A(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=A(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=A(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return A(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return A((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=it({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new ns(ns.CHANGE))}getHexString(t,e,r,o=100){const s=it(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`<div part="grid" class="color-area" style="${ft({backgroundColor:this.getHexString(this.hue,100,50)})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${is({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${ft({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}" role="application" tabindex="${w(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}};ut.styles=[d`: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}`],Lt([v()],ut.prototype,"isDraggingGridHandle",2),Lt([a({type:Number})],ut.prototype,"hue",2),Lt([a({type:Number})],ut.prototype,"saturation",2),Lt([a({type:Number})],ut.prototype,"lightness",2),Lt([a({type:Number})],ut.prototype,"brightness",2),Lt([a({type:Number})],ut.prototype,"alpha",2),Lt([a({type:String})],ut.prototype,"value",1),Lt([a({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),ut=Lt([p("uui-color-area")],ut);/**
|
|
276
275
|
* @license
|
|
277
276
|
* Copyright 2020 Google LLC
|
|
278
277
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
279
|
-
*/const{I:
|
|
278
|
+
*/const{I:qc}=nu,Xa=i=>i.strings===void 0,Ya=()=>document.createComment(""),wi=(i,t,e)=>{var r;const o=i._$AA.parentNode,s=t===void 0?i._$AB:t._$AA;if(e===void 0){const n=o.insertBefore(Ya(),s),c=o.insertBefore(Ya(),s);e=new qc(n,c,i,i.options)}else{const n=e._$AB.nextSibling,c=e._$AM,u=c!==i;if(u){let h;(r=e._$AQ)===null||r===void 0||r.call(e,i),e._$AM=i,e._$AP!==void 0&&(h=i._$AU)!==c._$AU&&e._$AP(h)}if(n!==s||u){let h=e._$AA;for(;h!==n;){const f=h.nextSibling;o.insertBefore(h,s),h=f}}}return e},de=(i,t,e=i)=>(i._$AI(t,e),i),Kc={},Za=(i,t=Kc)=>i._$AH=t,Xc=i=>i._$AH,as=i=>{var t;(t=i._$AP)===null||t===void 0||t.call(i,!1,!0);let e=i._$AA;const r=i._$AB.nextSibling;for(;e!==r;){const o=e.nextSibling;e.remove(),e=o}};/**
|
|
280
279
|
* @license
|
|
281
280
|
* Copyright 2020 Google LLC
|
|
282
281
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
283
|
-
*/const Zc=Me(class extends De{constructor(i){if(super(i),i.type!==lt.PROPERTY&&i.type!==lt.ATTRIBUTE&&i.type!==lt.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Xa(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[t]){if(t===X||t===_)return t;const e=i.element,r=i.name;if(i.type===lt.PROPERTY){if(t===e[r])return X}else if(i.type===lt.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(r))return X}else if(i.type===lt.ATTRIBUTE&&e.getAttribute(r)===t+"")return X;return Za(i),t}});var Qc={grad:.9,turn:360,rad:360/(2*Math.PI)},It=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},V=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=Math.pow(10,t)),Math.round(e*i)/e+0},ot=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=1),i>e?e:i>t?i:t},Qa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ja=function(i){return{r:ot(i.r,0,255),g:ot(i.g,0,255),b:ot(i.b,0,255),a:ot(i.a)}},us=function(i){return{r:V(i.r),g:V(i.g),b:V(i.b),a:V(i.a,3)}},Jc=/^#([0-9a-f]{3,8})$/i,$o=function(i){var t=i.toString(16);return t.length<2?"0"+t:t},tl=function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=Math.max(t,e,r),n=s-Math.min(t,e,r),c=n?s===t?(e-r)/n:s===e?2+(r-t)/n:4+(t-e)/n:0;return{h:60*(c<0?c+6:c),s:s?n/s*100:0,v:s/255*100,a:o}},el=function(i){var t=i.h,e=i.s,r=i.v,o=i.a;t=t/360*6,e/=100,r/=100;var s=Math.floor(t),n=r*(1-e),c=r*(1-(t-s)*e),u=r*(1-(1-t+s)*e),h=s%6;return{r:255*[r,c,n,n,u,r][h],g:255*[u,r,r,c,n,n][h],b:255*[n,n,u,r,r,c][h],a:o}},il=function(i){return{h:Qa(i.h),s:ot(i.s,0,100),l:ot(i.l,0,100),a:ot(i.a)}},ol=function(i){return{h:V(i.h),s:V(i.s),l:V(i.l),a:V(i.a,3)}},rl=function(i){return el((e=(t=i).s,{h:t.h,s:(e*=((r=t.l)<50?r:100-r)/100)>0?2*e/(r+e)*100:0,v:r+e,a:t.a}));var t,e,r},$i=function(i){return{h:(t=tl(i)).h,s:(o=(200-(e=t.s))*(r=t.v)/100)>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,e,r,o},th=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,eh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ih=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,oh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,cs={string:[[function(i){var t=Jc.exec(i);return t?(i=t[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?V(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?V(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var t=ih.exec(i)||oh.exec(i);return t?t[2]!==t[4]||t[4]!==t[6]?null:Ja({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(i){var t=th.exec(i)||eh.exec(i);if(!t)return null;var e,r,o=il({h:(e=t[1],r=t[2],r===void 0&&(r="deg"),Number(e)*(Qc[r]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return rl(o)},"hsl"]],object:[[function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return It(t)&&It(e)&&It(r)?Ja({r:Number(t),g:Number(e),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var t=i.h,e=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!It(t)||!It(e)||!It(r))return null;var n=il({h:Number(t),s:Number(e),l:Number(r),a:Number(s)});return rl(n)},"hsl"],[function(i){var t=i.h,e=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!It(t)||!It(e)||!It(r))return null;var n=function(c){return{h:Qa(c.h),s:ot(c.s,0,100),v:ot(c.v,0,100),a:ot(c.a)}}({h:Number(t),s:Number(e),v:Number(r),a:Number(s)});return el(n)},"hsv"]]},sl=function(i,t){for(var e=0;e<t.length;e++){var r=t[e][0](i);if(r)return[r,t[e][1]]}return[null,void 0]},rh=function(i){return typeof i=="string"?sl(i.trim(),cs.string):typeof i=="object"&&i!==null?sl(i,cs.object):[null,void 0]},hs=function(i,t){var e=$i(i);return{h:e.h,s:ot(e.s+100*t,0,100),l:e.l,a:e.a}},ds=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},nl=function(i,t){var e=$i(i);return{h:e.h,s:e.s,l:ot(e.l+100*t,0,100),a:e.a}},ko=function(){function i(t){this.parsed=rh(t)[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 V(ds(this.rgba),2)},i.prototype.isDark=function(){return ds(this.rgba)<.5},i.prototype.isLight=function(){return ds(this.rgba)>=.5},i.prototype.toHex=function(){return t=us(this.rgba),e=t.r,r=t.g,o=t.b,n=(s=t.a)<1?$o(V(255*s)):"","#"+$o(e)+$o(r)+$o(o)+n;var t,e,r,o,s,n},i.prototype.toRgb=function(){return us(this.rgba)},i.prototype.toRgbString=function(){return t=us(this.rgba),e=t.r,r=t.g,o=t.b,(s=t.a)<1?"rgba("+e+", "+r+", "+o+", "+s+")":"rgb("+e+", "+r+", "+o+")";var t,e,r,o,s},i.prototype.toHsl=function(){return ol($i(this.rgba))},i.prototype.toHslString=function(){return t=ol($i(this.rgba)),e=t.h,r=t.s,o=t.l,(s=t.a)<1?"hsla("+e+", "+r+"%, "+o+"%, "+s+")":"hsl("+e+", "+r+"%, "+o+"%)";var t,e,r,o,s},i.prototype.toHsv=function(){return t=tl(this.rgba),{h:V(t.h),s:V(t.s),v:V(t.v),a:V(t.a,3)};var t},i.prototype.invert=function(){return ct({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},i.prototype.saturate=function(t){return t===void 0&&(t=.1),ct(hs(this.rgba,t))},i.prototype.desaturate=function(t){return t===void 0&&(t=.1),ct(hs(this.rgba,-t))},i.prototype.grayscale=function(){return ct(hs(this.rgba,-1))},i.prototype.lighten=function(t){return t===void 0&&(t=.1),ct(nl(this.rgba,t))},i.prototype.darken=function(t){return t===void 0&&(t=.1),ct(nl(this.rgba,-t))},i.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},i.prototype.alpha=function(t){return typeof t=="number"?ct({r:(e=this.rgba).r,g:e.g,b:e.b,a:t}):V(this.rgba.a,3);var e},i.prototype.hue=function(t){var e=$i(this.rgba);return typeof t=="number"?ct({h:t,s:e.s,l:e.l,a:e.a}):V(e.h)},i.prototype.isEqual=function(t){return this.toHex()===ct(t).toHex()},i}(),ct=function(i){return i instanceof ko?i:new ko(i)},al=[],sh=function(i){i.forEach(function(t){al.indexOf(t)<0&&(t(ko,cs),al.push(t))})};function nh(i,t){var e={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 e)r[e[o]]=o;var s={};i.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,u,h=r[this.toHex()];if(h)return h;if(n?.closest){var f=this.toRgb(),g=1/0,m="black";if(!s.length)for(var $ in e)s[$]=new i(e[$]).toRgb();for(var E in e){var P=(c=f,u=s[E],Math.pow(c.r-u.r,2)+Math.pow(c.g-u.g,2)+Math.pow(c.b-u.b,2));P<g&&(g=P,m=E)}return m}},t.string.push([function(n){var c=n.toLowerCase(),u=c==="transparent"?"#0000":e[c];return u?new i(u).toRgb():null},"name"])}let ps=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ps.CHANGE="change";var ah=Object.defineProperty,lh=Object.getOwnPropertyDescriptor,M=(i,t,e,r)=>{for(var o=r>1?void 0:r?lh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ah(t,e,o),o};sh([nh]);const ll="EyeDropper"in window;let I=class extends vt("label",b){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=ct("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"),x(this,"uui-icon"),x(this,"uui-icon-registry-essential"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-button-group"),x(this,"uui-color-swatches"),x(this,"uui-color-swatch"),x(this,"uui-color-area"),x(this,"uui-color-slider"),x(this,"uui-popover-container")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:n,b:c}=this._colord.toRgb(),{h:u,s:h,l:f}=this._colord.toHsl(),{v:g}=this._colord.toHsv(),m=this._colord.alpha();switch(e){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${n}, ${c})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${h}%, ${f}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${h}%, ${f}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${h}%, ${g}%, ${m})`);default:return""}}getBrightness(t){return A(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return A((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl","hsv"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e=t.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(e.value)/100};this.setColor(r)}handleHueChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(e)}handleGridChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e=t.target,r={h:this.hue,s:e.saturation,l:e.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(t){this._swatches?.resetSelection();const e=t.target;e.value?(this.setColor(e.value),e.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),this._swatches?.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.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(){ll&&new EyeDropper().open().then(t=>this.setColor(t.sRGBHex)).catch(()=>{})}setColor(t){const e=new ko(t),{h:r,s:o,l:s,a:n}=e.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?n*100:100;const c=t;return c&&c.h&&(this.hue=c.h),this._colord=e,this._syncValues(),this.dispatchEvent(new ps(ps.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}getHexString(t,e,r,o=100){const s=ct(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`<div class="${os({"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}" .hue="${Math.round(this.hue)}" ?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?l`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.getHexString(this.hue,this.saturation,this.lightness)}" ?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="${ft({"--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="${Zc(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":l`<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>`} ${ll?l`<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?l`<uui-color-swatches id="swatches" class="color-picker__swatches" ?disabled="${this.disabled}" @change="${this.handleColorSwatchChange}">${this.swatches.map(t=>l`<uui-color-swatch label="${t}" .value="${t}"></uui-color-swatch>`)}</uui-color-swatches>`:_}_renderPreviewButton(){return l`<button type="button" part="trigger" aria-label="${this.label||"Open Color picker"}" class="${os({"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="${ft({"--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()}};I.styles=[d`: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%}`],M([S('[part="input"]')],I.prototype,"_input",2),M([S(".color-picker__preview")],I.prototype,"_previewButton",2),M([S("#swatches")],I.prototype,"_swatches",2),M([v()],I.prototype,"inputValue",2),M([v()],I.prototype,"hue",2),M([v()],I.prototype,"saturation",2),M([v()],I.prototype,"lightness",2),M([v()],I.prototype,"alpha",2),M([v()],I.prototype,"_colord",2),M([a()],I.prototype,"value",2),M([a()],I.prototype,"format",2),M([a()],I.prototype,"name",2),M([a()],I.prototype,"size",2),M([a({attribute:"no-format-toggle",type:Boolean})],I.prototype,"noFormatToggle",2),M([a({type:Boolean,reflect:!0})],I.prototype,"inline",2),M([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2),M([a({type:Boolean})],I.prototype,"opacity",2),M([a({type:Boolean})],I.prototype,"uppercase",2),M([a({attribute:!1})],I.prototype,"swatches",2),I=M([p("uui-color-picker")],I);let bs=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};bs.CHANGE="change";var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,jt=(i,t,e,r)=>{for(var o=r>1?void 0:r?ch(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&uh(t,e,o),o};let ht=class extends vt("label",b){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(t){t.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(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),ya(this.container,{onMove:(o,s)=>{this.vertical?this.value=xa(A(s/r*this.max,this.min,this.max),this.min,this.max):this.value=A(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=A(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=A(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=A(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=A(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return A(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return A(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new bs(bs.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/xa(this.value,this.min,this.max):this.max/this.value)}render(){return l`<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"?l`<div id="current-hue" style="${ft({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
282
|
+
*/const Yc=Me(class extends De{constructor(i){if(super(i),i.type!==lt.PROPERTY&&i.type!==lt.ATTRIBUTE&&i.type!==lt.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Xa(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[t]){if(t===X||t===_)return t;const e=i.element,r=i.name;if(i.type===lt.PROPERTY){if(t===e[r])return X}else if(i.type===lt.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(r))return X}else if(i.type===lt.ATTRIBUTE&&e.getAttribute(r)===t+"")return X;return Za(i),t}});var Zc={grad:.9,turn:360,rad:360/(2*Math.PI)},It=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},V=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=Math.pow(10,t)),Math.round(e*i)/e+0},ot=function(i,t,e){return t===void 0&&(t=0),e===void 0&&(e=1),i>e?e:i>t?i:t},Qa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ja=function(i){return{r:ot(i.r,0,255),g:ot(i.g,0,255),b:ot(i.b,0,255),a:ot(i.a)}},ls=function(i){return{r:V(i.r),g:V(i.g),b:V(i.b),a:V(i.a,3)}},Qc=/^#([0-9a-f]{3,8})$/i,$o=function(i){var t=i.toString(16);return t.length<2?"0"+t:t},tl=function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=Math.max(t,e,r),n=s-Math.min(t,e,r),c=n?s===t?(e-r)/n:s===e?2+(r-t)/n:4+(t-e)/n:0;return{h:60*(c<0?c+6:c),s:s?n/s*100:0,v:s/255*100,a:o}},el=function(i){var t=i.h,e=i.s,r=i.v,o=i.a;t=t/360*6,e/=100,r/=100;var s=Math.floor(t),n=r*(1-e),c=r*(1-(t-s)*e),u=r*(1-(1-t+s)*e),h=s%6;return{r:255*[r,c,n,n,u,r][h],g:255*[u,r,r,c,n,n][h],b:255*[n,n,u,r,r,c][h],a:o}},il=function(i){return{h:Qa(i.h),s:ot(i.s,0,100),l:ot(i.l,0,100),a:ot(i.a)}},ol=function(i){return{h:V(i.h),s:V(i.s),l:V(i.l),a:V(i.a,3)}},rl=function(i){return el((e=(t=i).s,{h:t.h,s:(e*=((r=t.l)<50?r:100-r)/100)>0?2*e/(r+e)*100:0,v:r+e,a:t.a}));var t,e,r},$i=function(i){return{h:(t=tl(i)).h,s:(o=(200-(e=t.s))*(r=t.v)/100)>0&&o<200?e*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:t.a};var t,e,r,o},Jc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,th=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,eh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ih=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,us={string:[[function(i){var t=Qc.exec(i);return t?(i=t[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?V(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?V(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var t=eh.exec(i)||ih.exec(i);return t?t[2]!==t[4]||t[4]!==t[6]?null:Ja({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(i){var t=Jc.exec(i)||th.exec(i);if(!t)return null;var e,r,o=il({h:(e=t[1],r=t[2],r===void 0&&(r="deg"),Number(e)*(Zc[r]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return rl(o)},"hsl"]],object:[[function(i){var t=i.r,e=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return It(t)&&It(e)&&It(r)?Ja({r:Number(t),g:Number(e),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var t=i.h,e=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!It(t)||!It(e)||!It(r))return null;var n=il({h:Number(t),s:Number(e),l:Number(r),a:Number(s)});return rl(n)},"hsl"],[function(i){var t=i.h,e=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!It(t)||!It(e)||!It(r))return null;var n=function(c){return{h:Qa(c.h),s:ot(c.s,0,100),v:ot(c.v,0,100),a:ot(c.a)}}({h:Number(t),s:Number(e),v:Number(r),a:Number(s)});return el(n)},"hsv"]]},sl=function(i,t){for(var e=0;e<t.length;e++){var r=t[e][0](i);if(r)return[r,t[e][1]]}return[null,void 0]},oh=function(i){return typeof i=="string"?sl(i.trim(),us.string):typeof i=="object"&&i!==null?sl(i,us.object):[null,void 0]},cs=function(i,t){var e=$i(i);return{h:e.h,s:ot(e.s+100*t,0,100),l:e.l,a:e.a}},hs=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},nl=function(i,t){var e=$i(i);return{h:e.h,s:e.s,l:ot(e.l+100*t,0,100),a:e.a}},ko=function(){function i(t){this.parsed=oh(t)[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 V(hs(this.rgba),2)},i.prototype.isDark=function(){return hs(this.rgba)<.5},i.prototype.isLight=function(){return hs(this.rgba)>=.5},i.prototype.toHex=function(){return t=ls(this.rgba),e=t.r,r=t.g,o=t.b,n=(s=t.a)<1?$o(V(255*s)):"","#"+$o(e)+$o(r)+$o(o)+n;var t,e,r,o,s,n},i.prototype.toRgb=function(){return ls(this.rgba)},i.prototype.toRgbString=function(){return t=ls(this.rgba),e=t.r,r=t.g,o=t.b,(s=t.a)<1?"rgba("+e+", "+r+", "+o+", "+s+")":"rgb("+e+", "+r+", "+o+")";var t,e,r,o,s},i.prototype.toHsl=function(){return ol($i(this.rgba))},i.prototype.toHslString=function(){return t=ol($i(this.rgba)),e=t.h,r=t.s,o=t.l,(s=t.a)<1?"hsla("+e+", "+r+"%, "+o+"%, "+s+")":"hsl("+e+", "+r+"%, "+o+"%)";var t,e,r,o,s},i.prototype.toHsv=function(){return t=tl(this.rgba),{h:V(t.h),s:V(t.s),v:V(t.v),a:V(t.a,3)};var t},i.prototype.invert=function(){return ct({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},i.prototype.saturate=function(t){return t===void 0&&(t=.1),ct(cs(this.rgba,t))},i.prototype.desaturate=function(t){return t===void 0&&(t=.1),ct(cs(this.rgba,-t))},i.prototype.grayscale=function(){return ct(cs(this.rgba,-1))},i.prototype.lighten=function(t){return t===void 0&&(t=.1),ct(nl(this.rgba,t))},i.prototype.darken=function(t){return t===void 0&&(t=.1),ct(nl(this.rgba,-t))},i.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},i.prototype.alpha=function(t){return typeof t=="number"?ct({r:(e=this.rgba).r,g:e.g,b:e.b,a:t}):V(this.rgba.a,3);var e},i.prototype.hue=function(t){var e=$i(this.rgba);return typeof t=="number"?ct({h:t,s:e.s,l:e.l,a:e.a}):V(e.h)},i.prototype.isEqual=function(t){return this.toHex()===ct(t).toHex()},i}(),ct=function(i){return i instanceof ko?i:new ko(i)},al=[],rh=function(i){i.forEach(function(t){al.indexOf(t)<0&&(t(ko,us),al.push(t))})};function sh(i,t){var e={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 e)r[e[o]]=o;var s={};i.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,u,h=r[this.toHex()];if(h)return h;if(n?.closest){var f=this.toRgb(),g=1/0,m="black";if(!s.length)for(var $ in e)s[$]=new i(e[$]).toRgb();for(var E in e){var P=(c=f,u=s[E],Math.pow(c.r-u.r,2)+Math.pow(c.g-u.g,2)+Math.pow(c.b-u.b,2));P<g&&(g=P,m=E)}return m}},t.string.push([function(n){var c=n.toLowerCase(),u=c==="transparent"?"#0000":e[c];return u?new i(u).toRgb():null},"name"])}let ds=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ds.CHANGE="change";var nh=Object.defineProperty,ah=Object.getOwnPropertyDescriptor,M=(i,t,e,r)=>{for(var o=r>1?void 0:r?ah(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&nh(t,e,o),o};rh([sh]);const ll="EyeDropper"in window;let I=class extends vt("label",b){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=ct("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"),x(this,"uui-icon"),x(this,"uui-icon-registry-essential"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-button-group"),x(this,"uui-color-swatches"),x(this,"uui-color-swatch"),x(this,"uui-color-area"),x(this,"uui-color-slider"),x(this,"uui-popover-container")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:n,b:c}=this._colord.toRgb(),{h:u,s:h,l:f}=this._colord.toHsl(),{v:g}=this._colord.toHsv(),m=this._colord.alpha();switch(e){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${n}, ${c})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${h}%, ${f}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${h}%, ${f}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${h}%, ${g}%, ${m})`);default:return""}}getBrightness(t){return A(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return A((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl","hsv"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e=t.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(e.value)/100};this.setColor(r)}handleHueChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(e)}handleGridChange(t){t.stopPropagation(),this._swatches?.resetSelection();const e=t.target,r={h:this.hue,s:e.saturation,l:e.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(t){this._swatches?.resetSelection();const e=t.target;e.value?(this.setColor(e.value),e.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),this._swatches?.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.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(){ll&&new EyeDropper().open().then(t=>this.setColor(t.sRGBHex)).catch(()=>{})}setColor(t){const e=new ko(t),{h:r,s:o,l:s,a:n}=e.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?n*100:100;const c=t;return c&&c.h&&(this.hue=c.h),this._colord=e,this._syncValues(),this.dispatchEvent(new ds(ds.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}getHexString(t,e,r,o=100){const s=ct(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`<div class="${is({"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}" .hue="${Math.round(this.hue)}" ?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?l`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.getHexString(this.hue,this.saturation,this.lightness)}" ?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="${ft({"--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="${Yc(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":l`<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>`} ${ll?l`<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?l`<uui-color-swatches id="swatches" class="color-picker__swatches" ?disabled="${this.disabled}" @change="${this.handleColorSwatchChange}">${this.swatches.map(t=>l`<uui-color-swatch label="${t}" .value="${t}"></uui-color-swatch>`)}</uui-color-swatches>`:_}_renderPreviewButton(){return l`<button type="button" part="trigger" aria-label="${this.label||"Open Color picker"}" class="${is({"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="${ft({"--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()}};I.styles=[d`: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%}`],M([S('[part="input"]')],I.prototype,"_input",2),M([S(".color-picker__preview")],I.prototype,"_previewButton",2),M([S("#swatches")],I.prototype,"_swatches",2),M([v()],I.prototype,"inputValue",2),M([v()],I.prototype,"hue",2),M([v()],I.prototype,"saturation",2),M([v()],I.prototype,"lightness",2),M([v()],I.prototype,"alpha",2),M([v()],I.prototype,"_colord",2),M([a()],I.prototype,"value",2),M([a()],I.prototype,"format",2),M([a()],I.prototype,"name",2),M([a()],I.prototype,"size",2),M([a({attribute:"no-format-toggle",type:Boolean})],I.prototype,"noFormatToggle",2),M([a({type:Boolean,reflect:!0})],I.prototype,"inline",2),M([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2),M([a({type:Boolean})],I.prototype,"opacity",2),M([a({type:Boolean})],I.prototype,"uppercase",2),M([a({attribute:!1})],I.prototype,"swatches",2),I=M([p("uui-color-picker")],I);let ps=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ps.CHANGE="change";var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,jt=(i,t,e,r)=>{for(var o=r>1?void 0:r?uh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&lh(t,e,o),o};let ht=class extends vt("label",b){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(t){t.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(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),ya(this.container,{onMove:(o,s)=>{this.vertical?this.value=xa(A(s/r*this.max,this.min,this.max),this.min,this.max):this.value=A(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=A(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=A(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=A(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=A(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return A(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return A(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new ps(ps.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/xa(this.value,this.min,this.max):this.max/this.value)}render(){return l`<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"?l`<div id="current-hue" style="${ft({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
284
283
|
transparent 0%,
|
|
285
284
|
${this.color} 100%
|
|
286
285
|
)`})}"></div>`:""} <span id="color-slider__handle" style="--current-value:${this.cssPropCurrentValue}" tabindex="${w(this.disabled?void 0:"0")}"></span></div>${Math.round(this.value)}`}};ht.styles=[d`: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(
|
|
@@ -305,25 +304,25 @@
|
|
|
305
304
|
45deg,
|
|
306
305
|
var(--uui-palette-grey,#c4c4c4) 25%,
|
|
307
306
|
transparent 25%
|
|
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}`],jt([a({reflect:!0})],ht.prototype,"type",2),jt([a()],ht.prototype,"color",2),jt([a({type:Number})],ht.prototype,"min",2),jt([a({type:Number})],ht.prototype,"max",2),jt([a({type:Number})],ht.prototype,"precision",2),jt([a({type:Boolean,reflect:!0})],ht.prototype,"vertical",2),jt([a()],ht.prototype,"value",2),jt([a({type:Boolean,reflect:!0})],ht.prototype,"disabled",2),ht=jt([p("uui-color-slider")],ht);var hh=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,ki=(i,t,e,r)=>{for(var o=r>1?void 0:r?dh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&hh(t,e,o),o};let pe=class extends vt("label",Le(gi(b))){constructor(){super(),this.disabled=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){return this._value??""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get color(){return this._color}set color(t){const e=this._color;this._color=t,this.requestUpdate("color",e)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(t){t.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(t.has("selectable")||t.has("selected"))&&this._setAriaAttributes()}render(){return l`<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,${this.color??this.value})"></div><div class="color-swatch__check" style="color:var(--uui-swatch-color,${this.color??this.value})">${fo}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?l`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:_}};pe.styles=[d`: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}`],ki([a()],pe.prototype,"value",1),ki([a()],pe.prototype,"color",1),ki([a({type:Boolean,reflect:!0})],pe.prototype,"disabled",2),ki([a({type:Boolean,attribute:"show-label",reflect:!0})],pe.prototype,"showLabel",2),pe=ki([p("uui-color-swatch")],pe);let Ei=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ei.CHANGE="change";var ph=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,Eo=(i,t,e,r)=>{for(var o=r>1?void 0:r?bh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ph(t,e,o),o};let Be=class extends vt("label",b){constructor(){super(),this.value="",this.disabled=!1,this._onSelected=t=>{const e=t.target;this.swatches.includes(e)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Ei(Ei.CHANGE)))},this._onDeselected=t=>{const e=t.target;this.swatches.includes(e)&&(this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Ei(Ei.CHANGE))))},this.addEventListener(Kt.SELECTED,this._onSelected),this.addEventListener(Kt.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(t){t.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(t=>{t.setAttribute("aria-checked","false"),t.setAttribute("role","radio"),this.disabled?t.setAttribute("disabled",""):t.setAttribute("selectable","selectable"),this.value!==""&&t.value===this.value&&(t.selected=!0,t.setAttribute("aria-checked","true"),this._selectedElement=t,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(t=>{t.selected=!1,t.active=!1,t.selectable=!t.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};Be.styles=[d`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Eo([a()],Be.prototype,"value",2),Eo([a({type:Boolean,reflect:!0})],Be.prototype,"disabled",2),Eo([Ft({selector:"uui-color-swatch"})],Be.prototype,"swatches",2),Be=Eo([p("uui-color-swatches")],Be);let yt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};yt.CHANGE="change",yt.INNER_SLOT_CHANGE="inner-slot-change";var vh=Object.defineProperty,gh=Object.getOwnPropertyDescriptor,Yt=(i,t,e,r)=>{for(var o=r>1?void 0:r?gh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&vh(t,e,o),o},fh=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},mh=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ul=(i,t,e)=>(fh(i,t,"access private method"),e),Co,vs;let xt=class extends b{constructor(){super(...arguments),mh(this,Co),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{ul(this,Co,vs).call(this),this._updateSelection(),this.dispatchEvent(new yt(yt.INNER_SLOT_CHANGE))},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new yt(yt.CHANGE))},this._onDeselected=t=>{const e=t.composedPath()[0];this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new yt(yt.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),this._getActiveElement?.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Kt.SELECTED,this._onSelected),this.addEventListener(Kt.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Kt.SELECTED,this._onSelected),this.removeEventListener(Kt.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(t=>t.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(t=>t.value===this._activeElementValue)}_goToIndex(t){if(this._options.length===0)return;t=Math.min(Math.max(t,0),this._options.length-1);const e=this._options[t];this._activeElementValue=e.value,ul(this,Co,vs).call(this),e&&e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>`}};Co=new WeakSet,vs=function(){for(let t=0;t<this._activeOptions.length;t++)this._activeOptions[t].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},xt.styles=[d`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Yt([a()],xt.prototype,"value",1),Yt([a({type:String})],xt.prototype,"displayValue",2),Yt([a({attribute:!1})],xt.prototype,"for",1),Yt([Ft({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],xt.prototype,"_options",2),Yt([Ft({flatten:!0,selector:"uui-combobox-list-option[active]"})],xt.prototype,"_activeOptions",2),Yt([v()],xt.prototype,"_value",2),Yt([v()],xt.prototype,"_activeElementValue",2),xt=Yt([p("uui-combobox-list")],xt);var yh=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,Re=(i,t,e,r)=>{for(var o=r>1?void 0:r?xh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yh(t,e,o),o};let Zt=class extends Le(gi(b)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){return this._value?this._value:this.textContent?.trim()||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){return this._displayValue?this._displayValue:this.textContent?.trim()||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return l`<slot></slot>`}};Zt.styles=[d`: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)}`],Re([v()],Zt.prototype,"_disabled",2),Re([v()],Zt.prototype,"_displayValue",2),Re([a({type:String})],Zt.prototype,"value",1),Re([a({type:String,attribute:"display-value"})],Zt.prototype,"displayValue",1),Re([a({type:Boolean,reflect:!0})],Zt.prototype,"disabled",1),Zt=Re([p("uui-combobox-list-option")],Zt);let rt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};rt.SEARCH="search",rt.CHANGE="change";var _h=Object.defineProperty,wh=Object.getOwnPropertyDescriptor,Z=(i,t,e,r)=>{for(var o=r>1?void 0:r?wh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_h(t,e,o),o},gs=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},k=(i,t,e)=>(gs(i,t,"read from private field"),e?e.call(i):t.get(i)),B=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},cl=(i,t,e,r)=>(gs(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),fs=(i,t,e)=>(gs(i,t,"access private method"),e),dt,Ue,Ci,Si,So,Po,Ao,ms,ys,xs,_s,Oo,Ge,ws,zo,Lo,$s,Io;let q=class extends gt(b){constructor(){super(...arguments),B(this,Si),this.closeLabel="Close",this.disabled=!1,B(this,dt,void 0),B(this,Ue,void 0),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,B(this,Ci,()=>{this._isPhone=k(this,Ue).matches}),B(this,Po,()=>requestAnimationFrame(()=>this._inputElement.focus())),B(this,Ao,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||k(this,Ge).call(this)})),B(this,ms,t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new rt(rt.SEARCH)),k(this,Oo).call(this)}),B(this,ys,()=>{this.value&&this.value!==k(this,dt)?.value&&fs(this,Si,So).call(this,this.value)}),B(this,xs,()=>{this.value=k(this,dt)?.value||"",this.search=this.value?this.search:"",k(this,Ge).call(this),this.dispatchEvent(new rt(rt.CHANGE))}),B(this,_s,()=>{this.open=!this.open}),B(this,Oo,()=>{this.open||(this.open=!0)}),B(this,Ge,()=>{this.open&&(this.open=!1,this.search="",this._inputElement.value=this._displayValue,this.dispatchEvent(new rt(rt.SEARCH)))}),B(this,ws,t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&k(this,Oo).call(this),(t.key==="Escape"||t.key==="Enter")&&k(this,Ge).call(this)}),B(this,zo,t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._inputElement.value=this._displayValue,this._inputElement.focus(),this.dispatchEvent(new rt(rt.SEARCH)),this.dispatchEvent(new rt(rt.CHANGE)))}),B(this,Lo,()=>l`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" popovertarget="combobox-popover" @click="${k(this,_s)}" @input="${k(this,ms)}" @keydown="${k(this,ws)}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":k(this,$s).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>`),B(this,$s,()=>this.value||this.search?l`<uui-button id="clear-button" @click="${k(this,zo)}" @keydown="${k(this,zo)}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${Fr.strings[0]}"></uui-icon></uui-button>`:""),B(this,Io,()=>l`<div id="dropdown"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`)}get value(){return this._value}set value(t){typeof t=="string"&&fs(this,Si,So).call(this,t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}get open(){return this._isOpen}set open(t){const e=t;this._isOpen=t;const r=this._comboboxPopoverElement;if(r)if(t){const o=this._inputElement.offsetWidth;r.style.setProperty("--popover-width",`${o}px`),r.showPopover()}else r.hidePopover();this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",k(this,Ao)),this.addEventListener("mousedown",k(this,Po)),cl(this,Ue,window.matchMedia("(max-width: 600px)")),k(this,Ci).call(this),k(this,Ue).addEventListener("change",k(this,Ci)),x(this,"uui-icon"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-combobox-list"),x(this,"uui-scroll-container"),x(this,"uui-popover-container"),x(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",k(this,Ao)),this.removeEventListener("mousedown",k(this,Po)),k(this,Ue).removeEventListener("change",k(this,Ci))}async firstUpdated(){const t=this._comboboxListElements?.[0];t&&(cl(this,dt,t),k(this,dt).for=this,k(this,dt).addEventListener(yt.CHANGE,k(this,xs)),k(this,dt).addEventListener(yt.INNER_SLOT_CHANGE,k(this,ys)),await this.updateComplete,fs(this,Si,So).call(this,this.value))}getFormElement(){return this._inputElement}render(){return this._isPhone&&this.open?l`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${k(this,Ge)}">${this.closeLabel}</uui-button>${k(this,Lo).call(this)} ${k(this,Io).call(this)}</div>`:l`${k(this,Lo).call(this)}<uui-popover-container id="combobox-popover" popover="manual" placement="bottom-end">${k(this,Io).call(this)}</uui-popover-container>`}};dt=new WeakMap,Ue=new WeakMap,Ci=new WeakMap,Si=new WeakSet,So=function(i){k(this,dt)&&(k(this,dt).value=i,requestAnimationFrame(()=>this._displayValue=k(this,dt).displayValue||""))},Po=new WeakMap,Ao=new WeakMap,ms=new WeakMap,ys=new WeakMap,xs=new WeakMap,_s=new WeakMap,Oo=new WeakMap,Ge=new WeakMap,ws=new WeakMap,zo=new WeakMap,Lo=new WeakMap,$s=new WeakMap,Io=new WeakMap,q.styles=[d`: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}`],Z([a({attribute:"value",reflect:!0})],q.prototype,"value",1),Z([a({type:String})],q.prototype,"search",1),Z([a({type:Boolean})],q.prototype,"open",1),Z([a({type:String})],q.prototype,"closeLabel",2),Z([a({type:Boolean,reflect:!0})],q.prototype,"disabled",2),Z([S("#combobox-input")],q.prototype,"_inputElement",2),Z([S("#combobox-popover")],q.prototype,"_comboboxPopoverElement",2),Z([Ft({flatten:!0,selector:"uui-combobox-list"})],q.prototype,"_comboboxListElements",2),Z([v()],q.prototype,"_displayValue",2),Z([v()],q.prototype,"_search",2),Z([v()],q.prototype,"_isPhone",2),Z([v()],q.prototype,"_isOpen",2),q=Z([p("uui-combobox")],q);var $h=Object.defineProperty,kh=Object.getOwnPropertyDescriptor,ks=(i,t,e,r)=>{for(var o=r>1?void 0:r?kh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&$h(t,e,o),o};let Pi=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}};Pi.styles=[d`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],ks([a({type:String})],Pi.prototype,"headline",2),ks([v()],Pi.prototype,"_headlineSlotHasContent",2),Pi=ks([p("uui-dialog-layout")],Pi);var Eh=Object.defineProperty,Ch=Object.getOwnPropertyDescriptor,Sh=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ch(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Eh(t,e,o),o};let Es=class extends b{render(){return l`<slot></slot>`}};Es.styles=[d`: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))}`],Es=Sh([p("uui-dialog")],Es);let Ai=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ai.CHANGE="change";var Ph=Object.defineProperty,Ah=Object.getOwnPropertyDescriptor,Oi=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ah(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ph(t,e,o),o};let be=class extends vt("",b){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(t){if(t){const r=[],o=[];t.split(",").forEach(s=>{s=s.trim().toLowerCase(),/[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 e=this._accept;this._accept=t,this.requestUpdate("accept",e)}get accept(){return this._accept}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(t){const e=[],r=[...t];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const s=o.getAsFile();if(!s)continue;this._isAccepted(s)&&e.push(s)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const s=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(s.createReader()))}}return e}async _readAllDirectoryEntries(t){const e=[];let r=await this._readEntriesPromise(t);for(;r.length>0;)e.push(...r),r=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){return new Promise((e,r)=>{try{t.readEntries(e,r)}catch(o){console.log(o),r(o)}})}_isAccepted(t){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const e=t.type.toLowerCase(),r=t.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes)if(e===o||o.endsWith("/*")&&e.startsWith(o.replace("/*","")))return!0;return!1}async _onDrop(t){t.preventDefault(),this._dropzone.classList.remove("hover");const e=t.dataTransfer?.items;if(e){let r=await this._getAllFileEntries(e);this.multiple===!1&&r.length&&(r=[r[0]]),this.dispatchEvent(new Ai(Ai.CHANGE,{detail:{files:r}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new Ai(Ai.CHANGE,{detail:{files:t}}))}render(){return l`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${t=>t.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}};be.styles=[d`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],Oi([S("#input")],be.prototype,"_input",2),Oi([S("#dropzone")],be.prototype,"_dropzone",2),Oi([a({type:String})],be.prototype,"accept",1),Oi([a({type:Boolean})],be.prototype,"multiple",2),be=Oi([p("uui-file-dropzone")],be);let Oh=class{static humanFileSize(t,e=!1,r=1){const o=e?1e3:1024;if(Math.abs(t)<o)return t+" B";const s=e?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const c=10**r;do t/=o,++n;while(Math.round(Math.abs(t)*c)/c>=o&&n<s.length-1);return t.toFixed(r)+" "+s[n]}};var zh=Object.defineProperty,Lh=Object.getOwnPropertyDescriptor,_t=(i,t,e,r)=>{for(var o=r>1?void 0:r?Lh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&zh(t,e,o),o};let st=class extends b{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(r=>{this._src=r})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-file-thumbnail"),x(this,"uui-symbol-folder"),x(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?l`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?l`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const t=this._name.substring(0,this._name.length-6),e=this._name.substring(this._name.length-6,this._name.length);return l`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${t}</span> <span id="file-name-end">${e}</span></span>`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const r=new FileReader;r.readAsDataURL(t),r.onload=()=>{e(r.result)}})}render(){return l`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?l`${Oh.humanFileSize(this._size,!0)}`:""}</span></div>`}};st.styles=[d`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],_t([v()],st.prototype,"_name",2),_t([v()],st.prototype,"_url",2),_t([v()],st.prototype,"_extension",2),_t([v()],st.prototype,"_src",2),_t([v()],st.prototype,"_size",2),_t([v()],st.prototype,"_isDirectory",2),_t([v()],st.prototype,"_file",2),_t([v()],st.prototype,"_isImage",2),_t([a({attribute:!1})],st.prototype,"file",1),st=_t([p("uui-file-preview")],st);var Ih=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,jo=(i,t,e,r)=>{for(var o=r>1?void 0:r?jh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ih(t,e,o),o};let We=class extends b{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),x(this,"uui-form-validation-message")}render(){return l`<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>`}};We.styles=[d`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],jo([a({type:String})],We.prototype,"description",2),jo([v()],We.prototype,"_labelSlotHasContent",2),jo([v()],We.prototype,"_descriptionSlotHasContent",2),We=jo([p("uui-form-layout-item")],We);/**
|
|
307
|
+
),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}`],jt([a({reflect:!0})],ht.prototype,"type",2),jt([a()],ht.prototype,"color",2),jt([a({type:Number})],ht.prototype,"min",2),jt([a({type:Number})],ht.prototype,"max",2),jt([a({type:Number})],ht.prototype,"precision",2),jt([a({type:Boolean,reflect:!0})],ht.prototype,"vertical",2),jt([a()],ht.prototype,"value",2),jt([a({type:Boolean,reflect:!0})],ht.prototype,"disabled",2),ht=jt([p("uui-color-slider")],ht);var ch=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,ki=(i,t,e,r)=>{for(var o=r>1?void 0:r?hh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ch(t,e,o),o};let pe=class extends vt("label",Le(gi(b))){constructor(){super(),this.disabled=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){return this._value??""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get color(){return this._color}set color(t){const e=this._color;this._color=t,this.requestUpdate("color",e)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(t){t.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(t.has("selectable")||t.has("selected"))&&this._setAriaAttributes()}render(){return l`<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,${this.color??this.value})"></div><div class="color-swatch__check" style="color:var(--uui-swatch-color,${this.color??this.value})">${fo}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?l`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:_}};pe.styles=[d`: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}`],ki([a()],pe.prototype,"value",1),ki([a()],pe.prototype,"color",1),ki([a({type:Boolean,reflect:!0})],pe.prototype,"disabled",2),ki([a({type:Boolean,attribute:"show-label",reflect:!0})],pe.prototype,"showLabel",2),pe=ki([p("uui-color-swatch")],pe);let Ei=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ei.CHANGE="change";var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,Eo=(i,t,e,r)=>{for(var o=r>1?void 0:r?ph(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&dh(t,e,o),o};let Be=class extends vt("label",b){constructor(){super(),this.value="",this.disabled=!1,this._onSelected=t=>{const e=t.target;this.swatches.includes(e)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Ei(Ei.CHANGE)))},this._onDeselected=t=>{const e=t.target;this.swatches.includes(e)&&(this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Ei(Ei.CHANGE))))},this.addEventListener(Kt.SELECTED,this._onSelected),this.addEventListener(Kt.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(t){t.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(t=>{t.setAttribute("aria-checked","false"),t.setAttribute("role","radio"),this.disabled?t.setAttribute("disabled",""):t.setAttribute("selectable","selectable"),this.value!==""&&t.value===this.value&&(t.selected=!0,t.setAttribute("aria-checked","true"),this._selectedElement=t,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(t=>{t.selected=!1,t.active=!1,t.selectable=!t.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};Be.styles=[d`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Eo([a()],Be.prototype,"value",2),Eo([a({type:Boolean,reflect:!0})],Be.prototype,"disabled",2),Eo([Ft({selector:"uui-color-swatch"})],Be.prototype,"swatches",2),Be=Eo([p("uui-color-swatches")],Be);let yt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};yt.CHANGE="change",yt.INNER_SLOT_CHANGE="inner-slot-change";var bh=Object.defineProperty,vh=Object.getOwnPropertyDescriptor,Yt=(i,t,e,r)=>{for(var o=r>1?void 0:r?vh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&bh(t,e,o),o},gh=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},fh=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ul=(i,t,e)=>(gh(i,t,"access private method"),e),Co,bs;let xt=class extends b{constructor(){super(...arguments),fh(this,Co),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{ul(this,Co,bs).call(this),this._updateSelection(),this.dispatchEvent(new yt(yt.INNER_SLOT_CHANGE))},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new yt(yt.CHANGE))},this._onDeselected=t=>{const e=t.composedPath()[0];this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new yt(yt.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),this._getActiveElement?.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Kt.SELECTED,this._onSelected),this.addEventListener(Kt.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Kt.SELECTED,this._onSelected),this.removeEventListener(Kt.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(t=>t.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(t=>t.value===this._activeElementValue)}_goToIndex(t){if(this._options.length===0)return;t=Math.min(Math.max(t,0),this._options.length-1);const e=this._options[t];this._activeElementValue=e.value,ul(this,Co,bs).call(this),e&&e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>`}};Co=new WeakSet,bs=function(){for(let t=0;t<this._activeOptions.length;t++)this._activeOptions[t].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},xt.styles=[d`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Yt([a()],xt.prototype,"value",1),Yt([a({type:String})],xt.prototype,"displayValue",2),Yt([a({attribute:!1})],xt.prototype,"for",1),Yt([Ft({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],xt.prototype,"_options",2),Yt([Ft({flatten:!0,selector:"uui-combobox-list-option[active]"})],xt.prototype,"_activeOptions",2),Yt([v()],xt.prototype,"_value",2),Yt([v()],xt.prototype,"_activeElementValue",2),xt=Yt([p("uui-combobox-list")],xt);var mh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Re=(i,t,e,r)=>{for(var o=r>1?void 0:r?yh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&mh(t,e,o),o};let Zt=class extends Le(gi(b)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){return this._value?this._value:this.textContent?.trim()||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){return this._displayValue?this._displayValue:this.textContent?.trim()||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return l`<slot></slot>`}};Zt.styles=[d`: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)}`],Re([v()],Zt.prototype,"_disabled",2),Re([v()],Zt.prototype,"_displayValue",2),Re([a({type:String})],Zt.prototype,"value",1),Re([a({type:String,attribute:"display-value"})],Zt.prototype,"displayValue",1),Re([a({type:Boolean,reflect:!0})],Zt.prototype,"disabled",1),Zt=Re([p("uui-combobox-list-option")],Zt);let rt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};rt.SEARCH="search",rt.CHANGE="change";var xh=Object.defineProperty,_h=Object.getOwnPropertyDescriptor,Z=(i,t,e,r)=>{for(var o=r>1?void 0:r?_h(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&xh(t,e,o),o},vs=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},k=(i,t,e)=>(vs(i,t,"read from private field"),e?e.call(i):t.get(i)),B=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},cl=(i,t,e,r)=>(vs(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),gs=(i,t,e)=>(vs(i,t,"access private method"),e),dt,Ue,Ci,Si,So,Po,Ao,fs,ms,ys,xs,Oo,Ge,_s,zo,Lo,ws,Io;let q=class extends gt(b){constructor(){super(...arguments),B(this,Si),this.closeLabel="Close",this.disabled=!1,B(this,dt,void 0),B(this,Ue,void 0),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,B(this,Ci,()=>{this._isPhone=k(this,Ue).matches}),B(this,Po,()=>requestAnimationFrame(()=>this._inputElement.focus())),B(this,Ao,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||k(this,Ge).call(this)})),B(this,fs,t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new rt(rt.SEARCH)),k(this,Oo).call(this)}),B(this,ms,()=>{this.value&&this.value!==k(this,dt)?.value&&gs(this,Si,So).call(this,this.value)}),B(this,ys,()=>{this.value=k(this,dt)?.value||"",this.search=this.value?this.search:"",k(this,Ge).call(this),this.dispatchEvent(new rt(rt.CHANGE))}),B(this,xs,()=>{this.open=!this.open}),B(this,Oo,()=>{this.open||(this.open=!0)}),B(this,Ge,()=>{this.open&&(this.open=!1,this.search="",this._inputElement.value=this._displayValue,this.dispatchEvent(new rt(rt.SEARCH)))}),B(this,_s,t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&k(this,Oo).call(this),(t.key==="Escape"||t.key==="Enter")&&k(this,Ge).call(this)}),B(this,zo,t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._inputElement.value=this._displayValue,this._inputElement.focus(),this.dispatchEvent(new rt(rt.SEARCH)),this.dispatchEvent(new rt(rt.CHANGE)))}),B(this,Lo,()=>l`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" popovertarget="combobox-popover" @click="${k(this,xs)}" @input="${k(this,fs)}" @keydown="${k(this,_s)}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":k(this,ws).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>`),B(this,ws,()=>this.value||this.search?l`<uui-button id="clear-button" @click="${k(this,zo)}" @keydown="${k(this,zo)}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${Wr.strings[0]}"></uui-icon></uui-button>`:""),B(this,Io,()=>l`<div id="dropdown"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`)}get value(){return this._value}set value(t){typeof t=="string"&&gs(this,Si,So).call(this,t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}get open(){return this._isOpen}set open(t){const e=t;this._isOpen=t;const r=this._comboboxPopoverElement;if(r)if(t){const o=this._inputElement.offsetWidth;r.style.setProperty("--popover-width",`${o}px`),r.showPopover()}else r.hidePopover();this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",k(this,Ao)),this.addEventListener("mousedown",k(this,Po)),cl(this,Ue,window.matchMedia("(max-width: 600px)")),k(this,Ci).call(this),k(this,Ue).addEventListener("change",k(this,Ci)),x(this,"uui-icon"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-combobox-list"),x(this,"uui-scroll-container"),x(this,"uui-popover-container"),x(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",k(this,Ao)),this.removeEventListener("mousedown",k(this,Po)),k(this,Ue).removeEventListener("change",k(this,Ci))}async firstUpdated(){const t=this._comboboxListElements?.[0];t&&(cl(this,dt,t),k(this,dt).for=this,k(this,dt).addEventListener(yt.CHANGE,k(this,ys)),k(this,dt).addEventListener(yt.INNER_SLOT_CHANGE,k(this,ms)),await this.updateComplete,gs(this,Si,So).call(this,this.value))}getFormElement(){return this._inputElement}render(){return this._isPhone&&this.open?l`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${k(this,Ge)}">${this.closeLabel}</uui-button>${k(this,Lo).call(this)} ${k(this,Io).call(this)}</div>`:l`${k(this,Lo).call(this)}<uui-popover-container id="combobox-popover" popover="manual" placement="bottom-end">${k(this,Io).call(this)}</uui-popover-container>`}};dt=new WeakMap,Ue=new WeakMap,Ci=new WeakMap,Si=new WeakSet,So=function(i){k(this,dt)&&(k(this,dt).value=i,requestAnimationFrame(()=>this._displayValue=k(this,dt).displayValue||""))},Po=new WeakMap,Ao=new WeakMap,fs=new WeakMap,ms=new WeakMap,ys=new WeakMap,xs=new WeakMap,Oo=new WeakMap,Ge=new WeakMap,_s=new WeakMap,zo=new WeakMap,Lo=new WeakMap,ws=new WeakMap,Io=new WeakMap,q.styles=[d`: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}`],Z([a({attribute:"value",reflect:!0})],q.prototype,"value",1),Z([a({type:String})],q.prototype,"search",1),Z([a({type:Boolean})],q.prototype,"open",1),Z([a({type:String})],q.prototype,"closeLabel",2),Z([a({type:Boolean,reflect:!0})],q.prototype,"disabled",2),Z([S("#combobox-input")],q.prototype,"_inputElement",2),Z([S("#combobox-popover")],q.prototype,"_comboboxPopoverElement",2),Z([Ft({flatten:!0,selector:"uui-combobox-list"})],q.prototype,"_comboboxListElements",2),Z([v()],q.prototype,"_displayValue",2),Z([v()],q.prototype,"_search",2),Z([v()],q.prototype,"_isPhone",2),Z([v()],q.prototype,"_isOpen",2),q=Z([p("uui-combobox")],q);var wh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,$s=(i,t,e,r)=>{for(var o=r>1?void 0:r?$h(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&wh(t,e,o),o};let Pi=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}};Pi.styles=[d`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],$s([a({type:String})],Pi.prototype,"headline",2),$s([v()],Pi.prototype,"_headlineSlotHasContent",2),Pi=$s([p("uui-dialog-layout")],Pi);var kh=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,Ch=(i,t,e,r)=>{for(var o=r>1?void 0:r?Eh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&kh(t,e,o),o};let ks=class extends b{render(){return l`<slot></slot>`}};ks.styles=[d`: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))}`],ks=Ch([p("uui-dialog")],ks);let Ai=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Ai.CHANGE="change";var Sh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Oi=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ph(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Sh(t,e,o),o};let be=class extends vt("",b){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(t){if(t){const r=[],o=[];t.split(",").forEach(s=>{s=s.trim().toLowerCase(),/[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 e=this._accept;this._accept=t,this.requestUpdate("accept",e)}get accept(){return this._accept}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(t){const e=[],r=[...t];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const s=o.getAsFile();if(!s)continue;this._isAccepted(s)&&e.push(s)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const s=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(s.createReader()))}}return e}async _readAllDirectoryEntries(t){const e=[];let r=await this._readEntriesPromise(t);for(;r.length>0;)e.push(...r),r=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){return new Promise((e,r)=>{try{t.readEntries(e,r)}catch(o){console.log(o),r(o)}})}_isAccepted(t){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const e=t.type.toLowerCase(),r=t.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes)if(e===o||o.endsWith("/*")&&e.startsWith(o.replace("/*","")))return!0;return!1}async _onDrop(t){t.preventDefault(),this._dropzone.classList.remove("hover");const e=t.dataTransfer?.items;if(e){let r=await this._getAllFileEntries(e);this.multiple===!1&&r.length&&(r=[r[0]]),this.dispatchEvent(new Ai(Ai.CHANGE,{detail:{files:r}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new Ai(Ai.CHANGE,{detail:{files:t}}))}render(){return l`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${t=>t.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}};be.styles=[d`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],Oi([S("#input")],be.prototype,"_input",2),Oi([S("#dropzone")],be.prototype,"_dropzone",2),Oi([a({type:String})],be.prototype,"accept",1),Oi([a({type:Boolean})],be.prototype,"multiple",2),be=Oi([p("uui-file-dropzone")],be);let Ah=class{static humanFileSize(t,e=!1,r=1){const o=e?1e3:1024;if(Math.abs(t)<o)return t+" B";const s=e?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const c=10**r;do t/=o,++n;while(Math.round(Math.abs(t)*c)/c>=o&&n<s.length-1);return t.toFixed(r)+" "+s[n]}};var Oh=Object.defineProperty,zh=Object.getOwnPropertyDescriptor,_t=(i,t,e,r)=>{for(var o=r>1?void 0:r?zh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Oh(t,e,o),o};let st=class extends b{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(r=>{this._src=r})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-file-thumbnail"),x(this,"uui-symbol-folder"),x(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?l`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?l`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const t=this._name.substring(0,this._name.length-6),e=this._name.substring(this._name.length-6,this._name.length);return l`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${t}</span> <span id="file-name-end">${e}</span></span>`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const r=new FileReader;r.readAsDataURL(t),r.onload=()=>{e(r.result)}})}render(){return l`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?l`${Ah.humanFileSize(this._size,!0)}`:""}</span></div>`}};st.styles=[d`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],_t([v()],st.prototype,"_name",2),_t([v()],st.prototype,"_url",2),_t([v()],st.prototype,"_extension",2),_t([v()],st.prototype,"_src",2),_t([v()],st.prototype,"_size",2),_t([v()],st.prototype,"_isDirectory",2),_t([v()],st.prototype,"_file",2),_t([v()],st.prototype,"_isImage",2),_t([a({attribute:!1})],st.prototype,"file",1),st=_t([p("uui-file-preview")],st);var Lh=Object.defineProperty,Ih=Object.getOwnPropertyDescriptor,jo=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ih(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Lh(t,e,o),o};let We=class extends b{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),x(this,"uui-form-validation-message")}render(){return l`<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>`}};We.styles=[d`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],jo([a({type:String})],We.prototype,"description",2),jo([v()],We.prototype,"_labelSlotHasContent",2),jo([v()],We.prototype,"_descriptionSlotHasContent",2),We=jo([p("uui-form-layout-item")],We);/**
|
|
309
308
|
* @license
|
|
310
309
|
* Copyright 2017 Google LLC
|
|
311
310
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
312
|
-
*/const hl=(i,t,e)=>{const r=new Map;for(let o=t;o<=e;o++)r.set(i[o],o);return r},
|
|
311
|
+
*/const hl=(i,t,e)=>{const r=new Map;for(let o=t;o<=e;o++)r.set(i[o],o);return r},Es=Me(class extends De{constructor(i){if(super(i),i.type!==lt.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,t,e){let r;e===void 0?e=t:t!==void 0&&(r=t);const o=[],s=[];let n=0;for(const c of i)o[n]=r?r(c,n):n,s[n]=e(c,n),n++;return{values:s,keys:o}}render(i,t,e){return this.ct(i,t,e).values}update(i,[t,e,r]){var o;const s=Xc(i),{values:n,keys:c}=this.ct(t,e,r);if(!Array.isArray(s))return this.ut=c,n;const u=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],h=[];let f,g,m=0,$=s.length-1,E=0,P=n.length-1;for(;m<=$&&E<=P;)if(s[m]===null)m++;else if(s[$]===null)$--;else if(u[m]===c[E])h[E]=de(s[m],n[E]),m++,E++;else if(u[$]===c[P])h[P]=de(s[$],n[P]),$--,P--;else if(u[m]===c[P])h[P]=de(s[m],n[P]),wi(i,h[P+1],s[m]),m++,P--;else if(u[$]===c[E])h[E]=de(s[$],n[E]),wi(i,s[m],s[$]),$--,E++;else if(f===void 0&&(f=hl(c,E,P),g=hl(u,m,$)),f.has(u[m]))if(f.has(u[$])){const K=g.get(c[E]),Ut=K!==void 0?s[K]:null;if(Ut===null){const Gt=wi(i,s[m]);de(Gt,n[E]),h[E]=Gt}else h[E]=de(Ut,n[E]),wi(i,s[m],Ut),s[K]=null;E++}else as(s[$]),$--;else as(s[m]),m++;for(;E<=P;){const K=wi(i,h[P+1]);de(K,n[E]),h[E++]=K}for(;m<=$;){const K=s[m++];K!==null&&as(K)}return this.ut=c,Za(i,h),X}});var jh=Object.defineProperty,Nh=Object.getOwnPropertyDescriptor,dl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Nh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&jh(t,e,o),o};let No=class extends b{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=t=>{const e=t.composedPath()[0];e.pristine===!1?this._messages.set(e,e.validationMessage):this._messages.delete(e),this.requestUpdate()},this._onControlValid=t=>{const e=t.composedPath()[0];this._messages.delete(e),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(t){let e=null;typeof t=="string"&&(e=this.getRootNode()?.getElementById(t));const r=e||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(je.INVALID,this._onControlInvalid),o.removeEventListener(je.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(je.INVALID,this._onControlInvalid),this._for.addEventListener(je.VALID,this._onControlValid))}render(){return l`<slot></slot><div id="messages">${Es(this._messages,t=>l`<div>${t[1]}</div>`)}<slot name="message"></slot></div>`}};No.styles=[d`#messages{color:var(--uui-color-danger-standalone,#bf214e)}`],dl([a({reflect:!1,attribute:!0})],No.prototype,"for",1),No=dl([p("uui-form-validation-message")],No);var Mh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,Th=(i,t,e,r)=>{for(var o=r>1?void 0:r?Dh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Mh(t,e,o),o};let pl=class extends b{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(t){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const e=t.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=e.length>0?e[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(t){if(t.target===null)return;const e=t.target;if(!e.checkValidity()){e.setAttribute("submit-invalid","");return}e.removeAttribute("submit-invalid")}_onReset(t){t.target!==null&&t.target.removeAttribute("submit-invalid")}render(){return l`<slot @slotchange="${this._onSlotChanged}"></slot>`}};pl=Th([p("uui-form")],pl);/**
|
|
313
312
|
* @license
|
|
314
313
|
* Copyright 2017 Google LLC
|
|
315
314
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
316
|
-
*/let Ss=class extends De{constructor(t){if(super(t),this.et=_,t.type!==lt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===_||t==null)return this.ft=void 0,this.et=t;if(t===X)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Ss.directiveName="unsafeHTML",Ss.resultType=1;const Ps=Me(Ss);let zi=class extends O{constructor(t,e={}){super(t,{bubbles:!0,composed:!0,...e}),this.icon=null}acceptRequest(t){this.icon=t,this.stopImmediatePropagation()}};zi.ICON_REQUEST="icon-request";var Vh=Object.defineProperty,Bh=Object.getOwnPropertyDescriptor,ve=(i,t,e,r)=>{for(var o=r>1?void 0:r?Bh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Vh(t,e,o),o};let Nt=class extends b{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(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new zi(zi.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(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?l`<slot name="fallback"></slot>`:Ps(this.fallback):this._nameSvg!==null?Ps(this._nameSvg):this.svg!==null?Ps(this.svg):l`<slot></slot>`}};Nt.styles=[d`: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)}`],ve([v()],Nt.prototype,"_nameSvg",2),ve([a()],Nt.prototype,"label",2),ve([a()],Nt.prototype,"name",1),ve([a({attribute:!1})],Nt.prototype,"svg",2),ve([a({attribute:!1})],Nt.prototype,"fallback",2),ve([v()],Nt.prototype,"_useFallback",2),Nt=ve([p("uui-icon")],Nt);let bl=class{constructor(t){this.promise=new Promise((e,r)=>{this.resolve=e,this.reject=r}),t&&this.resolve(t)}set svg(t){this.resolve(t)}},vl=class{constructor(){this.icons={},this._onIconRequest=t=>{const e=this.getIcon(t.detail.iconName);e!==null&&t.acceptRequest(e)}}attach(t){t.addEventListener(zi.ICON_REQUEST,this._onIconRequest)}detach(t){t.removeEventListener(zi.ICON_REQUEST,this._onIconRequest)}defineIcon(t,e){if(this.icons[t]){this.icons[t].svg=e;return}this.icons[t]=new bl(e)}getIcon(t){return this.icons[t]||this.acceptIcon(t)?this.icons[t].promise:null}provideIcon(t){return this.icons[t]=new bl}acceptIcon(t){return!1}getIconNames(){return Object.keys(this.icons)}};var Rh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,gl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Uh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Rh(t,e,o),o};let Mo=class extends b{constructor(){super(),this._icons={},this._registry=new vl,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,r])=>this._registry.defineIcon(e,r))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};gl([a({attribute:!1})],Mo.prototype,"_icons",2),Mo=gl([p("uui-icon-registry")],Mo);const Gh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Wh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>`,Fh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,qh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`,Kh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Xh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,Yh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,Zh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,Qh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`,Jh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,td=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,ed=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>`,id=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,od=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,rd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,sd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`,nd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,ad=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>`,ld=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,ud=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`,cd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,hd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`,dd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,pd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`,bd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,vd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,gd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,fd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,md=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>`,yd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,xd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,_d=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;let wd=class extends vl{constructor(){super(),this.defineIcon("add",Gh.strings[0]),this.defineIcon("alert",Wh.strings[0]),this.defineIcon("attachment",Fh.strings[0]),this.defineIcon("calendar",qh.strings[0]),this.defineIcon("check",Kh.strings[0]),this.defineIcon("clipboard",Xh.strings[0]),this.defineIcon("code",Yh.strings[0]),this.defineIcon("colorpicker",Zh.strings[0]),this.defineIcon("copy",Qh.strings[0]),this.defineIcon("delete",Jh.strings[0]),this.defineIcon("document",td.strings[0]),this.defineIcon("download",ed.strings[0]),this.defineIcon("edit",id.strings[0]),this.defineIcon("favorite",od.strings[0]),this.defineIcon("folder",rd.strings[0]),this.defineIcon("forbidden",sd.strings[0]),this.defineIcon("info",nd.strings[0]),this.defineIcon("link",ad.strings[0]),this.defineIcon("lock",ld.strings[0]),this.defineIcon("pause",ud.strings[0]),this.defineIcon("picture",cd.strings[0]),this.defineIcon("play",hd.strings[0]),this.defineIcon("remove",dd.strings[0]),this.defineIcon("search",pd.strings[0]),this.defineIcon("see",bd.strings[0]),this.defineIcon("settings",vd.strings[0]),this.defineIcon("subtract",gd.strings[0]),this.defineIcon("sync",fd.strings[0]),this.defineIcon("unlock",md.strings[0]),this.defineIcon("unsee",yd.strings[0]),this.defineIcon("wand",xd.strings[0]),this.defineIcon("wrong",_d.strings[0])}};var $d=Object.defineProperty,kd=Object.getOwnPropertyDescriptor,Ed=(i,t,e,r)=>{for(var o=r>1?void 0:r?kd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&$d(t,e,o),o};let fl=class extends Mo{constructor(){super(),this.registry=new wd}};fl=Ed([p("uui-icon-registry-essential")],fl);var Cd=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,Fe=(i,t,e,r)=>{for(var o=r>1?void 0:r?Sd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Cd(t,e,o),o};let Qt=class extends gt(b){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const r of t)this.multiple?e.push(r):e=[r];this._files=e},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(t){if(super.value=t,t instanceof FormData){const e=this.multiple?t.getAll(this.name):[t.get(this.name)];this._updateFileWrappers(e);return}if(t instanceof File){this._updateFileWrappers([t]);return}}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-file-dropzone"),x(this,"uui-button"),x(this,"uui-action-bar"),x(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(t){t.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(t){const e=t.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=e[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(e.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of e){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==e);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(t){t?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(t,e){return l`<uui-file-preview .file="${t}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(e)}" color="danger" label="${`Delete ${t.name}`}"><uui-icon name="delete" .fallback="${hc.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return l`${Cs(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`<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?l`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:_}</div>`}};Qt.styles=[d`: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}`],Fe([S("#dropzone")],Qt.prototype,"_dropzone",2),Fe([S("#dropzone")],Qt.prototype,"_dropZone",2),Fe([a({type:String})],Qt.prototype,"accept",2),Fe([a({type:Boolean})],Qt.prototype,"multiple",2),Fe([v()],Qt.prototype,"_files",2),Qt=Fe([p("uui-input-file")],Qt);let qe=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};qe.CHANGE="change",qe.INPUT="input";var Pd=Object.defineProperty,Ad=Object.getOwnPropertyDescriptor,R=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ad(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pd(t,e,o),o};let z=class extends gt(vt("",b)){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(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new qe(qe.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new qe(qe.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`${this.renderPrepend()} ${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()} ${this.renderAppend()}`}renderInputWithAutoWidth(){return l`<div id="control">${this.renderInput()}${this.renderAutoWidthBackground()}</div>`}renderInput(){return l`<input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${w(this.pattern)}" min="${w(this.min)}" max="${w(this.max)}" step="${w(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${w(this.autocomplete)}" placeholder="${w(this.placeholder)}" aria-label="${w(this.label)}" inputmode="${w(this.inputMode)}" ?disabled="${this.disabled}" ?autofocus="${this.autofocus}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">`}renderAutoWidthBackground(){return l`<div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return l`${this.value.length>0?this.value:this.placeholder}`}};z.formAssociated=!0,z.styles=[d`: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}`],R([a()],z.prototype,"min",2),R([a({type:Number})],z.prototype,"minlength",2),R([a({type:String,attribute:"minlength-message"})],z.prototype,"minlengthMessage",2),R([a()],z.prototype,"max",2),R([a({type:Number})],z.prototype,"maxlength",2),R([a({type:String,attribute:"maxlength-message"})],z.prototype,"maxlengthMessage",2),R([a({type:Number})],z.prototype,"step",2),R([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),R([a({type:Boolean,reflect:!0})],z.prototype,"readonly",2),R([a()],z.prototype,"placeholder",2),R([a()],z.prototype,"autocomplete",2),R([a({type:Boolean,reflect:!0,attribute:"auto-width"})],z.prototype,"autoWidth",2),R([a({type:String})],z.prototype,"type",1),R([a({type:String})],z.prototype,"pattern",2),R([a({type:String})],z.prototype,"inputMode",2),R([S("#input")],z.prototype,"_input",2),z=R([p("uui-input")],z);var Od=Object.defineProperty,zd=Object.getOwnPropertyDescriptor,ml=(i,t,e,r)=>{for(var o=r>1?void 0:r?zd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Od(t,e,o),o};let Do=class extends z{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback="${dc.strings[0]}"></uui-icon>`:l`<uui-icon name="unlock" .fallback="${vc.strings[0]}"></uui-icon>`}renderPrepend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}};Do.styles=[...z.styles,d`#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}`],ml([a({type:Boolean,reflect:!0})],Do.prototype,"locked",2),Do=ml([p("uui-input-lock")],Do);var Ld=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,As=(i,t,e,r)=>{for(var o=r>1?void 0:r?Id(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ld(t,e,o),o};let Li=class extends z{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback="${bc.strings[0]}"></uui-icon>`:l`<uui-icon name="unsee" .fallback="${gc.strings[0]}"></uui-icon>`}renderAppend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}};Li.styles=[...z.styles,d`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],As([v()],Li.prototype,"passwordType",2),As([a()],Li.prototype,"type",1),Li=As([p("uui-input-password")],Li);var jd=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Md=(i,t,e,r)=>{for(var o=r>1?void 0:r?Nd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&jd(t,e,o),o};let Os=class extends b{render(){return l`<slot></slot>`}};Os.styles=[d`: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}`],Os=Md([p("uui-keyboard-shortcut")],Os);var Dd=Object.defineProperty,Td=Object.getOwnPropertyDescriptor,Hd=(i,t,e,r)=>{for(var o=r>1?void 0:r?Td(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Dd(t,e,o),o};let zs=class extends b{render(){return l`<slot></slot>`}};zs.styles=[d`: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}`],zs=Hd([p("uui-key")],zs);var Vd=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,To=(i,t,e,r)=>{for(var o=r>1?void 0:r?Bd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Vd(t,e,o),o};let Ke=class extends b{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return l`<slot></slot>${this.required?l`<div id="required">*</div>`:""}`}};Ke.styles=[d`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,#d42054);font-weight:900}`],To([a({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),To([a({reflect:!0,attribute:!0})],Ke.prototype,"for",2),To([a({type:Boolean,reflect:!0})],Ke.prototype,"required",2),Ke=To([p("uui-label")],Ke);var Rd=Object.defineProperty,Ud=Object.getOwnPropertyDescriptor,Ls=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ud(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Rd(t,e,o),o};const Gd=(i,t,e)=>Math.min(Math.max(i,t),e);let Ii=class extends b{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Gd(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`${this.progress?l`<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>`}};Ii.styles=[d`: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}}`],Ls([a({type:Number})],Ii.prototype,"progress",1),Ls([a({type:Number})],Ii.prototype,"animationDuration",1),Ii=Ls([p("uui-loader-bar")],Ii);var Wd=Object.defineProperty,Fd=Object.getOwnPropertyDescriptor,Is=(i,t,e,r)=>{for(var o=r>1?void 0:r?Fd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Wd(t,e,o),o};let ji=class extends b{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 t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`<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="${ft(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}};ji.styles=[d`: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}`],Is([a({type:Number})],ji.prototype,"progress",2),Is([a({type:Boolean,reflect:!0,attribute:"show-progress"})],ji.prototype,"showProgress",2),ji=Is([p("uui-loader-circle")],ji);var qd=Object.defineProperty,Kd=Object.getOwnPropertyDescriptor,Xd=(i,t,e,r)=>{for(var o=r>1?void 0:r?Kd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&qd(t,e,o),o};let js=class extends b{render(){return l`<div></div><div></div><div></div>`}};js.styles=[d`: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}}`],js=Xd([p("uui-loader")],js);/**
|
|
315
|
+
*/let Cs=class extends De{constructor(t){if(super(t),this.et=_,t.type!==lt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===_||t==null)return this.ft=void 0,this.et=t;if(t===X)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Cs.directiveName="unsafeHTML",Cs.resultType=1;const Ss=Me(Cs);let zi=class extends O{constructor(t,e={}){super(t,{bubbles:!0,composed:!0,...e}),this.icon=null}acceptRequest(t){this.icon=t,this.stopImmediatePropagation()}};zi.ICON_REQUEST="icon-request";var Hh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,ve=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hh(t,e,o),o};let Nt=class extends b{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(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new zi(zi.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(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?l`<slot name="fallback"></slot>`:Ss(this.fallback):this._nameSvg!==null?Ss(this._nameSvg):this.svg!==null?Ss(this.svg):l`<slot></slot>`}};Nt.styles=[d`: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)}`],ve([v()],Nt.prototype,"_nameSvg",2),ve([a()],Nt.prototype,"label",2),ve([a()],Nt.prototype,"name",1),ve([a({attribute:!1})],Nt.prototype,"svg",2),ve([a({attribute:!1})],Nt.prototype,"fallback",2),ve([v()],Nt.prototype,"_useFallback",2),Nt=ve([p("uui-icon")],Nt);let bl=class{constructor(t){this.promise=new Promise((e,r)=>{this.resolve=e,this.reject=r}),t&&this.resolve(t)}set svg(t){this.resolve(t)}},vl=class{constructor(){this.icons={},this._onIconRequest=t=>{const e=this.getIcon(t.detail.iconName);e!==null&&t.acceptRequest(e)}}attach(t){t.addEventListener(zi.ICON_REQUEST,this._onIconRequest)}detach(t){t.removeEventListener(zi.ICON_REQUEST,this._onIconRequest)}defineIcon(t,e){if(this.icons[t]){this.icons[t].svg=e;return}this.icons[t]=new bl(e)}getIcon(t){return this.icons[t]||this.acceptIcon(t)?this.icons[t].promise:null}provideIcon(t){return this.icons[t]=new bl}acceptIcon(t){return!1}getIconNames(){return Object.keys(this.icons)}};var Bh=Object.defineProperty,Rh=Object.getOwnPropertyDescriptor,gl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Rh(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Bh(t,e,o),o};let Mo=class extends b{constructor(){super(),this._icons={},this._registry=new vl,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,r])=>this._registry.defineIcon(e,r))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};gl([a({attribute:!1})],Mo.prototype,"_icons",2),Mo=gl([p("uui-icon-registry")],Mo);const Uh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Gh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,Wh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`,Fh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="M8 14h.01"/><path d="M12 14h.01"/><path d="M16 14h.01"/><path d="M8 18h.01"/><path d="M12 18h.01"/><path d="M16 18h.01"/></svg>`,qh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`,Kh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>`,Xh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,Yh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9"/><path d="M3 21v-3l9-9"/><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z"/></svg>`,Zh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z"/><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8"/><path d="M15 2v5h5"/></svg>`,Qh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>`,Jh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/></svg>`,td=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 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>`,ed=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>`,id=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,od=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,rd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,sd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,nd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,ad=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>`,ld=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4"/><rect width="4" height="16" x="14" y="4"/></svg>`,ud=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>`,cd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>`,hd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,dd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`,pd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`,bd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,vd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>`,gd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="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>`,fd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,md=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`,yd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><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>`,xd=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;let _d=class extends vl{constructor(){super(),this.defineIcon("add",Uh.strings[0]),this.defineIcon("alert",Gh.strings[0]),this.defineIcon("attachment",Wh.strings[0]),this.defineIcon("calendar",Fh.strings[0]),this.defineIcon("check",qh.strings[0]),this.defineIcon("clipboard",Kh.strings[0]),this.defineIcon("code",Xh.strings[0]),this.defineIcon("colorpicker",Yh.strings[0]),this.defineIcon("copy",Zh.strings[0]),this.defineIcon("delete",Qh.strings[0]),this.defineIcon("document",Jh.strings[0]),this.defineIcon("download",td.strings[0]),this.defineIcon("edit",ed.strings[0]),this.defineIcon("favorite",id.strings[0]),this.defineIcon("folder",od.strings[0]),this.defineIcon("forbidden",rd.strings[0]),this.defineIcon("info",sd.strings[0]),this.defineIcon("link",nd.strings[0]),this.defineIcon("lock",ad.strings[0]),this.defineIcon("pause",ld.strings[0]),this.defineIcon("picture",ud.strings[0]),this.defineIcon("play",cd.strings[0]),this.defineIcon("remove",hd.strings[0]),this.defineIcon("search",dd.strings[0]),this.defineIcon("see",pd.strings[0]),this.defineIcon("settings",bd.strings[0]),this.defineIcon("subtract",vd.strings[0]),this.defineIcon("sync",gd.strings[0]),this.defineIcon("unlock",fd.strings[0]),this.defineIcon("unsee",md.strings[0]),this.defineIcon("wand",yd.strings[0]),this.defineIcon("wrong",xd.strings[0])}};var wd=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,kd=(i,t,e,r)=>{for(var o=r>1?void 0:r?$d(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&wd(t,e,o),o};let fl=class extends Mo{constructor(){super(),this.registry=new _d}};fl=kd([p("uui-icon-registry-essential")],fl);var Ed=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Fe=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ed(t,e,o),o};let Qt=class extends gt(b){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const r of t)this.multiple?e.push(r):e=[r];this._files=e},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(t){if(super.value=t,t instanceof FormData){const e=this.multiple?t.getAll(this.name):[t.get(this.name)];this._updateFileWrappers(e);return}if(t instanceof File){this._updateFileWrappers([t]);return}}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-file-dropzone"),x(this,"uui-button"),x(this,"uui-action-bar"),x(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(t){t.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(t){const e=t.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=e[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(e.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of e){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==e);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(t){t?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(t,e){return l`<uui-file-preview .file="${t}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(e)}" color="danger" label="${`Delete ${t.name}`}"><uui-icon name="delete" .fallback="${cc.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return l`${Es(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`<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?l`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:_}</div>`}};Qt.styles=[d`: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}`],Fe([S("#dropzone")],Qt.prototype,"_dropzone",2),Fe([S("#dropzone")],Qt.prototype,"_dropZone",2),Fe([a({type:String})],Qt.prototype,"accept",2),Fe([a({type:Boolean})],Qt.prototype,"multiple",2),Fe([v()],Qt.prototype,"_files",2),Qt=Fe([p("uui-input-file")],Qt);let qe=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};qe.CHANGE="change",qe.INPUT="input";var Sd=Object.defineProperty,Pd=Object.getOwnPropertyDescriptor,R=(i,t,e,r)=>{for(var o=r>1?void 0:r?Pd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Sd(t,e,o),o};let z=class extends gt(vt("",b)){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(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new qe(qe.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new qe(qe.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`${this.renderPrepend()} ${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()} ${this.renderAppend()}`}renderInputWithAutoWidth(){return l`<div id="control">${this.renderInput()}${this.renderAutoWidthBackground()}</div>`}renderInput(){return l`<input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${w(this.pattern)}" min="${w(this.min)}" max="${w(this.max)}" step="${w(this.step)}" spellcheck="${this.spellcheck}" autocomplete="${w(this.autocomplete)}" placeholder="${w(this.placeholder)}" aria-label="${w(this.label)}" inputmode="${w(this.inputMode)}" ?disabled="${this.disabled}" ?autofocus="${this.autofocus}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">`}renderAutoWidthBackground(){return l`<div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return l`${this.value.length>0?this.value:this.placeholder}`}};z.formAssociated=!0,z.styles=[d`: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}`],R([a()],z.prototype,"min",2),R([a({type:Number})],z.prototype,"minlength",2),R([a({type:String,attribute:"minlength-message"})],z.prototype,"minlengthMessage",2),R([a()],z.prototype,"max",2),R([a({type:Number})],z.prototype,"maxlength",2),R([a({type:String,attribute:"maxlength-message"})],z.prototype,"maxlengthMessage",2),R([a({type:Number})],z.prototype,"step",2),R([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),R([a({type:Boolean,reflect:!0})],z.prototype,"readonly",2),R([a()],z.prototype,"placeholder",2),R([a()],z.prototype,"autocomplete",2),R([a({type:Boolean,reflect:!0,attribute:"auto-width"})],z.prototype,"autoWidth",2),R([a({type:String})],z.prototype,"type",1),R([a({type:String})],z.prototype,"pattern",2),R([a({type:String})],z.prototype,"inputMode",2),R([S("#input")],z.prototype,"_input",2),z=R([p("uui-input")],z);var Ad=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,ml=(i,t,e,r)=>{for(var o=r>1?void 0:r?Od(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ad(t,e,o),o};let Do=class extends z{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback="${hc.strings[0]}"></uui-icon>`:l`<uui-icon name="unlock" .fallback="${bc.strings[0]}"></uui-icon>`}renderPrepend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}};Do.styles=[...z.styles,d`#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}`],ml([a({type:Boolean,reflect:!0})],Do.prototype,"locked",2),Do=ml([p("uui-input-lock")],Do);var zd=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,Ps=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ld(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&zd(t,e,o),o};let Li=class extends z{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback="${pc.strings[0]}"></uui-icon>`:l`<uui-icon name="unsee" .fallback="${vc.strings[0]}"></uui-icon>`}renderAppend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}};Li.styles=[...z.styles,d`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],Ps([v()],Li.prototype,"passwordType",2),Ps([a()],Li.prototype,"type",1),Li=Ps([p("uui-input-password")],Li);var Id=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,Nd=(i,t,e,r)=>{for(var o=r>1?void 0:r?jd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Id(t,e,o),o};let As=class extends b{render(){return l`<slot></slot>`}};As.styles=[d`: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}`],As=Nd([p("uui-keyboard-shortcut")],As);var Md=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,Td=(i,t,e,r)=>{for(var o=r>1?void 0:r?Dd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Md(t,e,o),o};let Os=class extends b{render(){return l`<slot></slot>`}};Os.styles=[d`: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}`],Os=Td([p("uui-key")],Os);var Hd=Object.defineProperty,Vd=Object.getOwnPropertyDescriptor,To=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hd(t,e,o),o};let Ke=class extends b{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return l`<slot></slot>${this.required?l`<div id="required">*</div>`:""}`}};Ke.styles=[d`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,#d42054);font-weight:900}`],To([a({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),To([a({reflect:!0,attribute:!0})],Ke.prototype,"for",2),To([a({type:Boolean,reflect:!0})],Ke.prototype,"required",2),Ke=To([p("uui-label")],Ke);var Bd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,zs=(i,t,e,r)=>{for(var o=r>1?void 0:r?Rd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Bd(t,e,o),o};const Ud=(i,t,e)=>Math.min(Math.max(i,t),e);let Ii=class extends b{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Ud(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`${this.progress?l`<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>`}};Ii.styles=[d`: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}}`],zs([a({type:Number})],Ii.prototype,"progress",1),zs([a({type:Number})],Ii.prototype,"animationDuration",1),Ii=zs([p("uui-loader-bar")],Ii);var Gd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,Ls=(i,t,e,r)=>{for(var o=r>1?void 0:r?Wd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Gd(t,e,o),o};let ji=class extends b{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 t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`<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="${ft(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}};ji.styles=[d`: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}`],Ls([a({type:Number})],ji.prototype,"progress",2),Ls([a({type:Boolean,reflect:!0,attribute:"show-progress"})],ji.prototype,"showProgress",2),ji=Ls([p("uui-loader-circle")],ji);var Fd=Object.defineProperty,qd=Object.getOwnPropertyDescriptor,Kd=(i,t,e,r)=>{for(var o=r>1?void 0:r?qd(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Fd(t,e,o),o};let Is=class extends b{render(){return l`<div></div><div></div><div></div>`}};Is.styles=[d`: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}}`],Is=Kd([p("uui-loader")],Is);/**
|
|
317
316
|
* @license
|
|
318
317
|
* Copyright 2017 Google LLC
|
|
319
318
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
320
|
-
*/const Ni=(i,t)=>{var e,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(e=s)._$AO)===null||r===void 0||r.call(e,t,!1),Ni(s,t);return!0},Ho=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while(e?.size===0)},yl=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),
|
|
319
|
+
*/const Ni=(i,t)=>{var e,r;const o=i._$AN;if(o===void 0)return!1;for(const s of o)(r=(e=s)._$AO)===null||r===void 0||r.call(e,t,!1),Ni(s,t);return!0},Ho=i=>{let t,e;do{if((t=i._$AM)===void 0)break;e=t._$AN,e.delete(i),i=t}while(e?.size===0)},yl=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),Zd(t)}};function Xd(i){this._$AN!==void 0?(Ho(this),this._$AM=i,yl(this)):this._$AM=i}function Yd(i,t=!1,e=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(r))for(let s=e;s<r.length;s++)Ni(r[s],!1),Ho(r[s]);else r!=null&&(Ni(r,!1),Ho(r));else Ni(this,i)}const Zd=i=>{var t,e,r,o;i.type==lt.CHILD&&((t=(r=i)._$AP)!==null&&t!==void 0||(r._$AP=Yd),(e=(o=i)._$AQ)!==null&&e!==void 0||(o._$AQ=Xd))};let Qd=class extends De{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),yl(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,o;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),e&&(Ni(this,t),Ho(this))}setValue(t){if(Xa(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};const js=new WeakMap,Ns=Me(class extends Qd{render(i){return _}update(i,[t]){var e;const r=t!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=t,this.dt=(e=i.options)===null||e===void 0?void 0:e.host,this.ot(this.lt=i.element)),_}ot(i){var t;if(typeof this.G=="function"){const e=(t=this.dt)!==null&&t!==void 0?t:globalThis;let r=js.get(e);r===void 0&&(r=new WeakMap,js.set(e,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,t,e;return typeof this.G=="function"?(t=js.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||t===void 0?void 0:t.get(this.G):(e=this.G)===null||e===void 0?void 0:e.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let Jt=class extends O{};Jt.SHOW_CHILDREN="show-children",Jt.HIDE_CHILDREN="hide-children",Jt.CLICK_LABEL="click-label";var Jd=Object.defineProperty,tp=Object.getOwnPropertyDescriptor,Mt=(i,t,e,r)=>{for(var o=r>1?void 0:r?tp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Jd(t,e,o),o};let pt=class extends uo(Le(gi(vt("label",b)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=t=>{this.selectableTarget=t||this},this._iconSlotChanged=t=>{this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const t=this.showChildren?Jt.HIDE_CHILDREN:Jt.SHOW_CHILDREN,e=new Jt(t,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const t=new Jt(Jt.CLICK_LABEL);this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),x(this,"uui-symbol-expand"),x(this,"uui-loader-bar")}_renderLabelInside(){return l`<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?l`<span id="label-button" ${Ns(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:l`<a id="label-button" ${Ns(this._labelButtonChanged)} href="${w(this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return l`<button id="label-button" ${Ns(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return l`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?l`<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?l`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?l`<slot></slot>`:""}`}};pt.styles=[d`: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(
|
|
321
320
|
1 - var(--uui-menu-item-flat-structure, 0)
|
|
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)}`],Mt([a({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),Mt([a({type:Boolean,reflect:!0,attribute:"show-children"})],pt.prototype,"showChildren",2),Mt([a({type:Boolean,attribute:"has-children"})],pt.prototype,"hasChildren",2),Mt([a({type:Boolean,attribute:"loading"})],pt.prototype,"loading",2),Mt([a({type:String})],pt.prototype,"href",2),Mt([a({type:String})],pt.prototype,"target",2),Mt([a({type:String,attribute:"select-mode",reflect:!0})],pt.prototype,"selectMode",2),Mt([v()],pt.prototype,"iconSlotHasContent",2),pt=Mt([p("uui-menu-item")],pt);var ip=Object.defineProperty,op=Object.getOwnPropertyDescriptor,Xe=(i,t,e,r)=>{for(var o=r>1?void 0:r?op(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ip(t,e,o),o};const Ye="uui:modal-close";let nt=class extends b{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const e=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&this._openModal()},this.close=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const e=new CustomEvent(Ye,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(t){this._transitionDuration=t,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(t){super.firstUpdated(t),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}_closeModal(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};nt.styles=[d`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}`],Xe([S("dialog")],nt.prototype,"_dialogElement",2),Xe([a({type:Boolean,reflect:!0,attribute:"is-open"})],nt.prototype,"isOpen",2),Xe([a({type:Boolean,reflect:!0,attribute:"is-closing"})],nt.prototype,"isClosing",2),Xe([a({type:Number,reflect:!0})],nt.prototype,"index",2),Xe([a({type:Number,reflect:!0,attribute:"unique-index"})],nt.prototype,"uniqueIndex",2),Xe([a({type:Number,attribute:"transition-duration"})],nt.prototype,"transitionDuration",1);var rp=Object.defineProperty,sp=Object.getOwnPropertyDescriptor,xl=(i,t,e,r)=>{for(var o=r>1?void 0:r?sp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&rp(t,e,o),o},_l=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},wl=(i,t,e)=>(_l(i,t,"read from private field"),e?e.call(i):t.get(i)),$l=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},np=(i,t,e)=>(_l(i,t,"access private method"),e),Vo,Ds,Ts,kl;let Mi=class extends nt{constructor(){super(),$l(this,Vo),$l(this,Ts),this.size="full",this.addEventListener(Ye,np(this,Ts,kl).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-wl(this,Vo,Ds)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog><slot></slot></dialog>`}};Vo=new WeakSet,Ds=function(){return this._dialogElement?.getBoundingClientRect().width??0},Ts=new WeakSet,kl=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-wl(this,Vo,Ds)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},Mi.styles=[...nt.styles,d`: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)))}`],xl([a({reflect:!0})],Mi.prototype,"size",2),Mi=xl([p("uui-modal-sidebar")],Mi);var ap=Object.defineProperty,lp=Object.getOwnPropertyDescriptor,Ze=(i,t,e,r)=>{for(var o=r>1?void 0:r?lp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ap(t,e,o),o},El=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Di=(i,t,e)=>(El(i,t,"read from private field"),e?e.call(i):t.get(i)),Bo=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ro=(i,t,e)=>(El(i,t,"access private method"),e),Hs,Qe,Uo,Vs,Go,Bs;let te=class extends b{constructor(){super(),Bo(this,Uo),Bo(this,Go),this.sidebarGap=64,this.transitionDurationMS=250,Bo(this,Hs,()=>{const t=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(e=>e instanceof nt)??[],t.filter(e=>this._modals.indexOf(e)===-1).forEach(e=>e.removeEventListener(Ye,Di(this,Qe))),this._modals.filter(e=>t.indexOf(e)===-1).forEach(e=>e.addEventListener(Ye,Di(this,Qe))),this._sidebars=this._modals.filter(e=>e instanceof Mi),this._modals.length===0){this.removeAttribute("backdrop");return}Ro(this,Uo,Vs).call(this),Ro(this,Go,Bs).call(this)}),Bo(this,Qe,t=>{if(t.stopImmediatePropagation(),t.target?.removeEventListener(Ye,Di(this,Qe)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Ro(this,Uo,Vs).call(this),Ro(this,Go,Bs).call(this)}),this.addEventListener(Ye,Di(this,Qe))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange="${Di(this,Hs)}"></slot>`}};Hs=new WeakMap,Qe=new WeakMap,Uo=new WeakSet,Vs=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(t=>!t.isClosing).reverse()??[];i?.forEach((t,e)=>{t.index=e,t.transitionDuration=this.transitionDurationMS}),i?.forEach(t=>{const e=i?.filter(r=>r.constructor.name===t.constructor.name);t.uniqueIndex=e?.indexOf(t)??0})},Go=new WeakSet,Bs=function(){requestAnimationFrame(()=>{let i=0;const t=this._sidebars?.filter(e=>!e.isClosing).reverse()??[];for(let e=0;e<t.length;e++){const r=t[e],o=t[e+1],s=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",s+"px")}),o?.hasAttribute("hide"))break;const n=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,u=n+i+this.sidebarGap-c;i=u>0?u:0}})},te.styles=d`: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}`,Ze([S("slot")],te.prototype,"modalSlot",2),Ze([v()],te.prototype,"_modals",2),Ze([v()],te.prototype,"_sidebars",2),Ze([a({type:Number})],te.prototype,"sidebarGap",2),Ze([a({type:Number})],te.prototype,"transitionDurationMS",2),te=Ze([p("uui-modal-container")],te);var up=Object.defineProperty,cp=Object.getOwnPropertyDescriptor,hp=(i,t,e,r)=>{for(var o=r>1?void 0:r?cp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&up(t,e,o),o};let Rs=class extends nt{render(){return l`<dialog><slot></slot></dialog>`}};Rs.styles=[...nt.styles,d`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)}`],Rs=hp([p("uui-modal-dialog")],Rs);let ge=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ge.CHANGE="change";var dp=Object.defineProperty,pp=Object.getOwnPropertyDescriptor,Dt=(i,t,e,r)=>{for(var o=r>1?void 0:r?pp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&dp(t,e,o),o};const bp=45,Us=(i,t,e)=>Math.min(Math.max(i,t),e),vp=(i,t)=>Array.from({length:t-i+1},(e,r)=>i+r);let bt=class extends b{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),x(this,"uui-button"),x(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((o,s)=>o+s.getBoundingClientRect().width,0),r=(t-e)/bp/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,r=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return vp(Us(e,1,this.total),Us(r,1,this.total))}get total(){return this._total}set total(t){this._total=t,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",t)}get current(){return this._current}set current(t){const e=this._current;this._current=Us(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new ge(ge.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ge(ge.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new ge(ge.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<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 l`<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 l`<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 l`<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 l`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(t){return l`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return l`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return l`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return l`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}};bt.styles=[d`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],Dt([cu("uui-button.nav")],bt.prototype,"_navButtons",2),Dt([S("#pages")],bt.prototype,"_pagesGroup",2),Dt([a()],bt.prototype,"label",2),Dt([a({reflect:!0,attribute:"aria-label"})],bt.prototype,"ariaLabel",2),Dt([a({type:Number})],bt.prototype,"total",1),Dt([v()],bt.prototype,"_range",2),Dt([v()],bt.prototype,"_visiblePages",2),Dt([a({type:Number})],bt.prototype,"current",1),bt=Dt([p("uui-pagination")],bt);let Gs=class extends O{};Gs.CLOSE="close";var gp=Object.defineProperty,fp=Object.getOwnPropertyDescriptor,Ti=(i,t,e,r)=>{for(var o=r>1?void 0:r?fp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&gp(t,e,o),o};function Wo(i,t,e){return i<t?t:i>e?e:i}let fe=class extends b{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=t=>{if(t.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("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 t=new Gs(Gs.CLOSE,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.open=!1)}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const r=e.position==="absolute",o=/(auto|scroll)/;let s=t;for(;s=s.parentElement;)if(e=getComputedStyle(s),!(r&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(s),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const t=this.containerElement;if(!t)return;const e=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&e!=null){const o=this._scrollParents.map(St=>St.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,e,o));let s=this._currentPlacement.indexOf("top")!==-1,n=this._currentPlacement.indexOf("bottom")!==-1,c=this._currentPlacement.indexOf("left")!==-1,u=this._currentPlacement.indexOf("right")!==-1;const h=this._currentPlacement.indexOf("-start")!==-1,f=this._currentPlacement.indexOf("-end")!==-1;let g=.5,m=.5,$=.5,E=.5,P=0,K=0;if(this.placement==="auto"){const St=this._scrollParents[0],io=St.clientWidth,Ee=St.clientHeight,ui=r.x-e.width,ci=io-(r.x+r.width)-e.width,On=r.y-e.height,mr=Ee-(r.y+r.height)-e.height;let yr=.5,xr=.5;const f0=Math.max(ui,ci);let Jl=Math.max(On,mr);mr>On&&mr>this.margin&&(Jl+=9999),f0>Jl?(ui>ci?(yr=0,c=!0):(yr=1,u=!0),P=this.margin):(On>mr?(xr=0,s=!0):(xr=1,n=!0),K=this.margin),g=yr,m=xr,$=1-yr,E=1-xr}else s&&(E=1,m=0),n&&(E=0,m=1),(s||n)&&(K=this.margin,h&&($=0,g=0),f&&($=1,g=1)),c&&($=1,g=0),u&&($=0,g=1),(c||u)&&(P=this.margin,h&&(E=0,m=0),f&&(E=1,m=1));const Ut=-e.width*$+r.width*g-P*($*2-1),Gt=-e.height*E+r.height*m-K*(E*2-1);let $e=Ut,ke=Gt;s||n?(this._scrollParents.forEach((St,io)=>{const Ee=St===document.body?0:o[io].x,ui=-r.x+Ee,ci=St.clientWidth-r.x-r.width+Ut+Ee-(e.width-r.width)*(1-g);$e=Wo($e,ui,ci)}),$e=Wo($e,-e.width,r.width)):(c||u)&&(this._scrollParents.forEach((St,io)=>{const Ee=St===document.body?0:o[io].y,ui=-r.y+Ee,ci=St.clientHeight-r.y-r.height+Gt+Ee-(e.height-r.height)*(1-m);ke=Wo(ke,ui,ci)}),ke=Wo(ke,-e.height,r.height)),(this._positionX!==$e||this._positionY!==ke)&&(this._positionX=$e,this._positionY=ke,Ut===$e&&Gt===ke&&this._stopScrollListener(),t.style.left=`${this._positionX}px`,t.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,r){const o=t.split("-"),s=o[0],n=o[1]||null;let c;return this._scrollParents.some((u,h)=>{const f=u===document.body?0:r[h].x,g=u===document.body?0:r[h].y;return s==="top"&&e.y-2<=g?(c="bottom",!0):s==="bottom"&&e.y+e.height+2>=u.clientHeight+g?(c="top",!0):s==="left"&&e.x-2<=f?(c="right",!0):s==="right"&&e.x+e.width+2>=u.clientWidth+f?(c="left",!0):!1}),c?(this._startScrollListener(),c+(n?`-${n}`:"")):t}render(){return l`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?l`<slot name="popover"></slot>`:""}</div>`}};fe.styles=[d`: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(
|
|
321
|
+
)}#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)}`],Mt([a({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),Mt([a({type:Boolean,reflect:!0,attribute:"show-children"})],pt.prototype,"showChildren",2),Mt([a({type:Boolean,attribute:"has-children"})],pt.prototype,"hasChildren",2),Mt([a({type:Boolean,attribute:"loading"})],pt.prototype,"loading",2),Mt([a({type:String})],pt.prototype,"href",2),Mt([a({type:String})],pt.prototype,"target",2),Mt([a({type:String,attribute:"select-mode",reflect:!0})],pt.prototype,"selectMode",2),Mt([v()],pt.prototype,"iconSlotHasContent",2),pt=Mt([p("uui-menu-item")],pt);var ep=Object.defineProperty,ip=Object.getOwnPropertyDescriptor,Xe=(i,t,e,r)=>{for(var o=r>1?void 0:r?ip(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ep(t,e,o),o};const Ye="uui:modal-close";let nt=class extends b{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const e=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&this._openModal()},this.close=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const e=new CustomEvent(Ye,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(t){this._transitionDuration=t,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(t){super.firstUpdated(t),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}_closeModal(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}};nt.styles=[d`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}`],Xe([S("dialog")],nt.prototype,"_dialogElement",2),Xe([a({type:Boolean,reflect:!0,attribute:"is-open"})],nt.prototype,"isOpen",2),Xe([a({type:Boolean,reflect:!0,attribute:"is-closing"})],nt.prototype,"isClosing",2),Xe([a({type:Number,reflect:!0})],nt.prototype,"index",2),Xe([a({type:Number,reflect:!0,attribute:"unique-index"})],nt.prototype,"uniqueIndex",2),Xe([a({type:Number,attribute:"transition-duration"})],nt.prototype,"transitionDuration",1);var op=Object.defineProperty,rp=Object.getOwnPropertyDescriptor,xl=(i,t,e,r)=>{for(var o=r>1?void 0:r?rp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&op(t,e,o),o},_l=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},wl=(i,t,e)=>(_l(i,t,"read from private field"),e?e.call(i):t.get(i)),$l=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},sp=(i,t,e)=>(_l(i,t,"access private method"),e),Vo,Ms,Ds,kl;let Mi=class extends nt{constructor(){super(),$l(this,Vo),$l(this,Ds),this.size="full",this.addEventListener(Ye,sp(this,Ds,kl).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-wl(this,Vo,Ms)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog><slot></slot></dialog>`}};Vo=new WeakSet,Ms=function(){return this._dialogElement?.getBoundingClientRect().width??0},Ds=new WeakSet,kl=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-wl(this,Vo,Ms)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},Mi.styles=[...nt.styles,d`: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)))}`],xl([a({reflect:!0})],Mi.prototype,"size",2),Mi=xl([p("uui-modal-sidebar")],Mi);var np=Object.defineProperty,ap=Object.getOwnPropertyDescriptor,Ze=(i,t,e,r)=>{for(var o=r>1?void 0:r?ap(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&np(t,e,o),o},El=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Di=(i,t,e)=>(El(i,t,"read from private field"),e?e.call(i):t.get(i)),Bo=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ro=(i,t,e)=>(El(i,t,"access private method"),e),Ts,Qe,Uo,Hs,Go,Vs;let te=class extends b{constructor(){super(),Bo(this,Uo),Bo(this,Go),this.sidebarGap=64,this.transitionDurationMS=250,Bo(this,Ts,()=>{const t=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(e=>e instanceof nt)??[],t.filter(e=>this._modals.indexOf(e)===-1).forEach(e=>e.removeEventListener(Ye,Di(this,Qe))),this._modals.filter(e=>t.indexOf(e)===-1).forEach(e=>e.addEventListener(Ye,Di(this,Qe))),this._sidebars=this._modals.filter(e=>e instanceof Mi),this._modals.length===0){this.removeAttribute("backdrop");return}Ro(this,Uo,Hs).call(this),Ro(this,Go,Vs).call(this)}),Bo(this,Qe,t=>{if(t.stopImmediatePropagation(),t.target?.removeEventListener(Ye,Di(this,Qe)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Ro(this,Uo,Hs).call(this),Ro(this,Go,Vs).call(this)}),this.addEventListener(Ye,Di(this,Qe))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange="${Di(this,Ts)}"></slot>`}};Ts=new WeakMap,Qe=new WeakMap,Uo=new WeakSet,Hs=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(t=>!t.isClosing).reverse()??[];i?.forEach((t,e)=>{t.index=e,t.transitionDuration=this.transitionDurationMS}),i?.forEach(t=>{const e=i?.filter(r=>r.constructor.name===t.constructor.name);t.uniqueIndex=e?.indexOf(t)??0})},Go=new WeakSet,Vs=function(){requestAnimationFrame(()=>{let i=0;const t=this._sidebars?.filter(e=>!e.isClosing).reverse()??[];for(let e=0;e<t.length;e++){const r=t[e],o=t[e+1],s=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",s+"px")}),o?.hasAttribute("hide"))break;const n=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,u=n+i+this.sidebarGap-c;i=u>0?u:0}})},te.styles=d`: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}`,Ze([S("slot")],te.prototype,"modalSlot",2),Ze([v()],te.prototype,"_modals",2),Ze([v()],te.prototype,"_sidebars",2),Ze([a({type:Number})],te.prototype,"sidebarGap",2),Ze([a({type:Number})],te.prototype,"transitionDurationMS",2),te=Ze([p("uui-modal-container")],te);var lp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,cp=(i,t,e,r)=>{for(var o=r>1?void 0:r?up(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&lp(t,e,o),o};let Bs=class extends nt{render(){return l`<dialog><slot></slot></dialog>`}};Bs.styles=[...nt.styles,d`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)}`],Bs=cp([p("uui-modal-dialog")],Bs);let ge=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ge.CHANGE="change";var hp=Object.defineProperty,dp=Object.getOwnPropertyDescriptor,Dt=(i,t,e,r)=>{for(var o=r>1?void 0:r?dp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&hp(t,e,o),o};const pp=45,Rs=(i,t,e)=>Math.min(Math.max(i,t),e),bp=(i,t)=>Array.from({length:t-i+1},(e,r)=>i+r);let bt=class extends b{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),x(this,"uui-button"),x(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((o,s)=>o+s.getBoundingClientRect().width,0),r=(t-e)/pp/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,r=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return bp(Rs(e,1,this.total),Rs(r,1,this.total))}get total(){return this._total}set total(t){this._total=t,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",t)}get current(){return this._current}set current(t){const e=this._current;this._current=Rs(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new ge(ge.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ge(ge.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new ge(ge.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<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 l`<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 l`<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 l`<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 l`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(t){return l`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return l`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return l`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return l`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}};bt.styles=[d`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],Dt([cu("uui-button.nav")],bt.prototype,"_navButtons",2),Dt([S("#pages")],bt.prototype,"_pagesGroup",2),Dt([a()],bt.prototype,"label",2),Dt([a({reflect:!0,attribute:"aria-label"})],bt.prototype,"ariaLabel",2),Dt([a({type:Number})],bt.prototype,"total",1),Dt([v()],bt.prototype,"_range",2),Dt([v()],bt.prototype,"_visiblePages",2),Dt([a({type:Number})],bt.prototype,"current",1),bt=Dt([p("uui-pagination")],bt);let Us=class extends O{};Us.CLOSE="close";var vp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,Ti=(i,t,e,r)=>{for(var o=r>1?void 0:r?gp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&vp(t,e,o),o};function Wo(i,t,e){return i<t?t:i>e?e:i}let fe=class extends b{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=t=>{if(t.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("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 t=new Us(Us.CLOSE,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.open=!1)}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const r=e.position==="absolute",o=/(auto|scroll)/;let s=t;for(;s=s.parentElement;)if(e=getComputedStyle(s),!(r&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(s),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const t=this.containerElement;if(!t)return;const e=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&e!=null){const o=this._scrollParents.map(St=>St.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,e,o));let s=this._currentPlacement.indexOf("top")!==-1,n=this._currentPlacement.indexOf("bottom")!==-1,c=this._currentPlacement.indexOf("left")!==-1,u=this._currentPlacement.indexOf("right")!==-1;const h=this._currentPlacement.indexOf("-start")!==-1,f=this._currentPlacement.indexOf("-end")!==-1;let g=.5,m=.5,$=.5,E=.5,P=0,K=0;if(this.placement==="auto"){const St=this._scrollParents[0],io=St.clientWidth,Ee=St.clientHeight,ui=r.x-e.width,ci=io-(r.x+r.width)-e.width,An=r.y-e.height,mr=Ee-(r.y+r.height)-e.height;let yr=.5,xr=.5;const g0=Math.max(ui,ci);let Jl=Math.max(An,mr);mr>An&&mr>this.margin&&(Jl+=9999),g0>Jl?(ui>ci?(yr=0,c=!0):(yr=1,u=!0),P=this.margin):(An>mr?(xr=0,s=!0):(xr=1,n=!0),K=this.margin),g=yr,m=xr,$=1-yr,E=1-xr}else s&&(E=1,m=0),n&&(E=0,m=1),(s||n)&&(K=this.margin,h&&($=0,g=0),f&&($=1,g=1)),c&&($=1,g=0),u&&($=0,g=1),(c||u)&&(P=this.margin,h&&(E=0,m=0),f&&(E=1,m=1));const Ut=-e.width*$+r.width*g-P*($*2-1),Gt=-e.height*E+r.height*m-K*(E*2-1);let $e=Ut,ke=Gt;s||n?(this._scrollParents.forEach((St,io)=>{const Ee=St===document.body?0:o[io].x,ui=-r.x+Ee,ci=St.clientWidth-r.x-r.width+Ut+Ee-(e.width-r.width)*(1-g);$e=Wo($e,ui,ci)}),$e=Wo($e,-e.width,r.width)):(c||u)&&(this._scrollParents.forEach((St,io)=>{const Ee=St===document.body?0:o[io].y,ui=-r.y+Ee,ci=St.clientHeight-r.y-r.height+Gt+Ee-(e.height-r.height)*(1-m);ke=Wo(ke,ui,ci)}),ke=Wo(ke,-e.height,r.height)),(this._positionX!==$e||this._positionY!==ke)&&(this._positionX=$e,this._positionY=ke,Ut===$e&&Gt===ke&&this._stopScrollListener(),t.style.left=`${this._positionX}px`,t.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,r){const o=t.split("-"),s=o[0],n=o[1]||null;let c;return this._scrollParents.some((u,h)=>{const f=u===document.body?0:r[h].x,g=u===document.body?0:r[h].y;return s==="top"&&e.y-2<=g?(c="bottom",!0):s==="bottom"&&e.y+e.height+2>=u.clientHeight+g?(c="top",!0):s==="left"&&e.x-2<=f?(c="right",!0):s==="right"&&e.x+e.width+2>=u.clientWidth+f?(c="left",!0):!1}),c?(this._startScrollListener(),c+(n?`-${n}`:"")):t}render(){return l`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?l`<slot name="popover"></slot>`:""}</div>`}};fe.styles=[d`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:var(--uui-popover-z-index,1)}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
|
|
323
322
|
--uui-popover-toggle-slot-button-border-radius
|
|
324
323
|
);--uui-button-merge-border-left:var(
|
|
325
324
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
326
|
-
)}`],Ti([S("#container")],fe.prototype,"containerElement",2),Ti([a({type:Number})],fe.prototype,"margin",2),Ti([a({type:String,reflect:!0})],fe.prototype,"placement",1),Ti([a({type:Boolean,reflect:!0})],fe.prototype,"open",1),fe=Ti([p("uui-popover")],fe);function mp(){const i=this.addEventListener;this.addEventListener=function(e,r,o){if(e!=="focusout"){if(e==="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,e,r,o)}},this.polyfill_onFocusout=e=>{const r=e.relatedTarget;if(!r)return;const o=r?.closest("uui-popover-container"),s=r?.closest("[popovertarget]");!o&&!s&&this.hidePopover()},this.polyfill_onClick=e=>{e.composedPath().some(r=>r.tagName==="UUI-POPOVER-CONTAINER"||r.attributes?.popovertarget)||this.hidePopover()},this.polyfill_onParentPopoverUpdate=e=>{e.detail.newState==="closed"&&this.hidePopover()};const t=e=>e.parentElement?e.parentElement?.tagName==="UUI-POPOVER-CONTAINER"?e.parentElement:t(e.parentElement):null;this.polyfill_hasBeenMovedToBody||(this.style.display="none",this.style.position="fixed",this.style.inset="0",this.style.zIndex="9999"),this.showPopover=()=>{this.polyfill_hasBeenMovedToBody||(this.polyfill_parentPopoverContainer=t(this)),this.polyfill_onBeforeToggle({oldState:"closed",newState:"open"}),this.style.display="block",this.polyfill_parentPopoverContainer?.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 e=this.getRootNode();if(e&&e.adoptedStyleSheets){const r=e.adoptedStyleSheets.reduce((n,c)=>n+Object.values(c.cssRules).reduce((u,h)=>u+`#${this.id} ${h.cssText}`,""),""),o=document.createElement("style");o.innerHTML=r,o.id="uui-popover-polyfill-style";const s=this.shadowRoot.host.querySelector("#uui-popover-polyfill-style");s&&s.parentNode.removeChild(s),this.insertAdjacentElement("beforeend",o)}this.parentNode!==document.body&&(this.parentNode?.removeChild(this),this.polyfill_hasBeenMovedToBody=!0,document.body.appendChild(this))},this.hidePopover=()=>{this.polyfill_hasBeenMovedToBody&&(document.body.removeChild(this),this.polyfill_hasBeenMovedToBody=!1,this.polyfill_originalParent?.insertBefore(this,this.polyfill_originalNextSibling)),window.removeEventListener("click",this.polyfill_onClick),window.removeEventListener("focusout",this.polyfill_onFocusout),this.polyfill_parentPopoverContainer?.removeEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),this.polyfill_onBeforeToggle({oldState:"open",newState:"closed"}),this.style.display="none"}}var yp=Object.defineProperty,xp=Object.getOwnPropertyDescriptor,me=(i,t,e,r)=>{for(var o=r>1?void 0:r?xp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yp(t,e,o),o},Ws=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},j=(i,t,e)=>(Ws(i,t,"read from private field"),e?e.call(i):t.get(i)),wt=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},_p=(i,t,e,r)=>(Ws(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),Je=(i,t,e)=>(Ws(i,t,"access private method"),e),Tt,ti,Fo,ee,Hi,Fs,qo,qs,Ks,Cl,Ko,Xs,Ys,Sl;let Ht=class extends b{constructor(){super(...arguments),wt(this,qo),wt(this,Ks),wt(this,Ko),wt(this,Ys),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,wt(this,Tt,null),wt(this,ti,[]),wt(this,Fo,t=>{if(this._open=t.newState==="open",_p(this,Tt,uc(this,"popovertarget",this.id)),Je(this,Ys,Sl).call(this),j(this,Tt)?.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:t.oldState,newState:t.newState}})),!this._open){Je(this,Ko,Xs).call(this);return}Je(this,Ks,Cl).call(this),requestAnimationFrame(()=>{j(this,ee).call(this)})}),wt(this,ee,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",j(this,Hi).call(this,3))}),wt(this,Hi,t=>{if(j(this,Fs).call(this),t--,j(this,Tt)===null)return;const e=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,s=this._actualPlacement.indexOf("right")!==-1,n=this._actualPlacement.indexOf("-start")!==-1,c=this._actualPlacement.indexOf("-end")!==-1,u=j(this,Tt).getBoundingClientRect(),h=this.getBoundingClientRect();let f=0,g=0;r&&(f=u.top+u.height,n&&(g=u.left),c&&(g=u.left+u.width-h.width),!n&&!c&&(g=u.left+u.width/2-h.width/2)),e&&(f=u.top-h.height,n&&(g=u.left),c&&(g=u.left+u.width-h.width),!n&&!c&&(g=u.left+u.width/2-h.width/2)),o&&(g=u.left-h.width,n&&(f=u.top),c&&(f=u.top+u.height-h.height),!n&&!c&&(f=u.top+u.height/2-h.height/2)),s&&(g=u.left+u.width,n&&(f=u.top),c&&(f=u.top+u.height-h.height),!n&&!c&&(f=u.top+u.height/2-h.height/2));const m=window.innerWidth,$=window.innerHeight,E=Math.min(0,u.top+u.height),P=Math.max(Math.min(f,$-h.height),u.top-h.height);if(Math.max(E,P)!==f&&(e||r)&&t>0){Je(this,qo,qs).call(this),j(this,Hi).call(this,t);return}f=Math.max(E,P);const K=Math.min(0,u.left+u.width),Ut=Math.max(Math.min(g,m-h.width),u.left-h.width),Gt=Math.max(K,Ut);if(Gt!==g&&(o||s)&&t>0){Je(this,qo,qs).call(this),j(this,Hi).call(this,t);return}g=Gt,(f+h.height<0||f>$||g+h.width<0||g>m)&&this.hidePopover(),this.style.transform=`translate(${g}px, ${f}px)`,this.style.opacity="1"}),wt(this,Fs,()=>{const t={top:"bottom",bottom:"top",left:"right",right:"left"};let e=this._actualPlacement.split("-")[0];e=t[e]||e,e=e.charAt(0).toUpperCase()+e.slice(1);const r=`padding${e}`;this.style.padding="0",this.style[r]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(t){this._placement=t,this._actualPlacement=t,j(this,ee).call(this)}connectedCallback(){!HTMLElement.prototype.hasOwnProperty("popover")&&mp.bind(this)(),this.hasAttribute("popover")||this.setAttribute("popover",""),super.connectedCallback(),this.addEventListener("beforetoggle",j(this,Fo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",j(this,Fo)),Je(this,Ko,Xs).call(this)}render(){return l`<slot></slot>`}};Tt=new WeakMap,ti=new WeakMap,Fo=new WeakMap,ee=new WeakMap,Hi=new WeakMap,Fs=new WeakMap,qo=new WeakSet,qs=function(){const[i,t]=this._actualPlacement.split("-"),e=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${e}-${t}`},Ks=new WeakSet,Cl=function(){j(this,ti).forEach(i=>{i.addEventListener("scroll",j(this,ee),{passive:!0})}),document.addEventListener("scroll",j(this,ee),{passive:!0})},Ko=new WeakSet,Xs=function(){j(this,ti).forEach(i=>{i.removeEventListener("scroll",j(this,ee))}),document.removeEventListener("scroll",j(this,ee))},Ys=new WeakSet,Sl=function(){if(!j(this,Tt))return;let i=getComputedStyle(j(this,Tt));if(i.position==="fixed")return;const t=i.position==="absolute",e=/(auto|scroll)/;let r=j(this,Tt);for(;r=r.parentElement;)if(i=getComputedStyle(r),!(t&&i.position==="static")&&(e.test(i.overflow+i.overflowY+i.overflowX)&&j(this,ti).push(r),i.position==="fixed"))return;j(this,ti).push(document.body)},Ht.styles=[d`:host{margin:0;width:fit-content;height:fit-content;border:none;border-radius:0;padding:0;background-color:none;background:0 0;overflow:visible}`],me([a({type:Number})],Ht.prototype,"margin",2),me([a({type:Boolean})],Ht.prototype,"open",1),me([a({type:String,reflect:!0})],Ht.prototype,"placement",1),me([v()],Ht.prototype,"_placement",2),me([v()],Ht.prototype,"_open",2),me([v()],Ht.prototype,"_actualPlacement",2),Ht=me([p("uui-popover-container")],Ht);var wp=Object.defineProperty,$p=Object.getOwnPropertyDescriptor,Pl=(i,t,e,r)=>{for(var o=r>1?void 0:r?$p(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&wp(t,e,o),o};const kp=(i,t,e)=>Math.min(Math.max(i,t),e);let Xo=class extends b{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=kp(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`<div id="bar" style="${ft(this._getProgressStyle())}"></div>`}};Xo.styles=[d`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#0b8152);height:100%;width:0%}`],Pl([a({type:Number})],Xo.prototype,"progress",1),Xo=Pl([p("uui-progress-bar")],Xo);let Vi=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Vi.CHANGE="change";var Ep=Object.defineProperty,Cp=Object.getOwnPropertyDescriptor,ye=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ep(t,e,o),o},Sp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Al=(i,t,e)=>(Sp(i,t,"read from private field"),e?e.call(i):t.get(i)),Ol=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Zs,Qs;let $t=class extends b{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,Ol(this,Zs,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),Ol(this,Qs,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",Al(this,Qs)),this.addEventListener("blur",Al(this,Zs))}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-hidden",t?"true":"false"),this.setAttribute("tabindex",t?"-1":"0"),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Vi(Vi.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 l`<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?l`<span>${this.label}</span>`:l`<slot></slot>`}</div></label>`}};Zs=new WeakMap,Qs=new WeakMap,$t.styles=[po,d`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${bo}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],ye([S("#input")],$t.prototype,"inputElement",2),ye([a({type:String})],$t.prototype,"name",2),ye([a({type:String})],$t.prototype,"value",2),ye([a({type:String})],$t.prototype,"label",2),ye([a({type:Boolean,reflect:!0})],$t.prototype,"checked",1),ye([a({type:Boolean,reflect:!0})],$t.prototype,"disabled",1),$t=ye([p("uui-radio")],$t);let Js=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Js.CHANGE="change";var Pp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,zl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ap(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pp(t,e,o),o};const Op="ArrowLeft",zp="ArrowUp",Lp="ArrowRight",Ip="ArrowDown",jp=" ";let Bi=class extends gt(b){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.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(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(t)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){this._selected!==null?this._radioElements[this._selected]?.focus():this._findNextEnabledElement()?.focus()}click(){this._selected!==null?this._radioElements[this._selected]?.click():this._findNextEnabledElement()?.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(t){this._radioElements?.forEach(e=>e.name=t)}_updateRadioElementsCheckedState(t){this._radioElements.forEach((e,r)=>{e.value===t?(e.checked=!0,this._selected=r):e.checked=!1})}_setDisableOnRadios(t){this._radioElements?.forEach(e=>e.disabled=t)}_handleSlotChange(t){if(t.stopPropagation(),this._radioElements?.forEach(r=>{r.removeEventListener(Vi.CHANGE,this._handleSelectOnClick),r.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(r=>r instanceof $t),this._radioElements.length===0)return;this._radioElements.forEach(r=>{r.addEventListener(Vi.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const e=this._radioElements.filter(r=>r.checked===!0);e.length>1&&(this._radioElements.forEach(r=>{r.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),e.length===1?(this.value=e[0].value,this._selected=this._radioElements.indexOf(e[0]),e[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),e[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){this._selected=null,this._radioElements?.forEach(t=>{t.makeUnfocusable()}),this._findNextEnabledElement()?.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let s=(e+o*t)%r;if(s<0&&(s+=r),this._radioElements[s].disabled===!1)return this._radioElements[s];o++}return null}_selectPreviousElement(){this.value=this._findNextEnabledElement(-1)?.value||"",this._radioElements[this._selected||0]?.focus(),this._fireChangeEvent()}_selectNextElement(){this.value=this._findNextEnabledElement()?.value||"",this._radioElements[this._selected||0]?.focus(),this._fireChangeEvent()}_onKeydown(t){switch(t.key){case Op:case zp:{t.preventDefault(),this._selectPreviousElement();break}case Lp:case Ip:{t.preventDefault(),this._selectNextElement();break}case jp:this._selected===null&&(this.value=this._findNextEnabledElement()?.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Js(Js.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(this.disabled),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};Bi.formAssociated=!0,Bi.styles=[d`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],zl([a({type:Boolean,reflect:!0})],Bi.prototype,"disabled",2),Bi=zl([p("uui-radio-group")],Bi);let kt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};kt.INPUT="input",kt.CHANGE="change";var Np=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,N=(i,t,e,r)=>{for(var o=r>1?void 0:r?Mp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Np(t,e,o),o},Dp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Tp=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ei=(i,t,e)=>(Dp(i,t,"access private method"),e),ie,xe;const tn={TOP:3,CENTER:2,BACK:1},Ri=18,Vt=12,Hp=24;let L=class extends gt(b){constructor(){super(),Tp(this,ie),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=t=>{t.key=="Enter"&&this.submit()},this._onTouchStart=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(t.touches[0].pageX);else{const r=this._getClickedValue(t.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=t=>{this._dragBothValuesByMousePos(t.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=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(t.pageX);else{const r=this._getClickedValue(t.pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=t=>{t.preventDefault(),this._dragBothValuesByMousePos(t.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",()=>{this._trackWidth=this._outerTrack?.offsetWidth})}get min(){return this._min}set min(t){this._min=t,ei(this,ie,xe).call(this)}get max(){return this._max}set max(t){this._max=t,ei(this,ie,xe).call(this)}get step(){return this._step}set step(t){this._step=t,ei(this,ie,xe).call(this)}get minGap(){return this._minGap}set minGap(t){this._minGap=t,ei(this,ie,xe).call(this)}get maxGap(){return this._maxGap}set maxGap(t){this._maxGap=t,ei(this,ie,xe).call(this)}get value(){return this._value}set value(t){super.value=t,ei(this,ie,xe).call(this)}setValueLow(t){t=A(t,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(t,this._highInputValue)}setValueHigh(t){t=A(t,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,t)}setValue(t,e,r){if(r){const o=this.startPoint.high-this.startPoint.low;t=A(t,this.min,this.max-o),e=A(e,this.min+o,this.max)}this._inputLow.value=t.toString(),this._inputHigh.value=e.toString(),this.value=`${t},${e}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(t){super.updated(t),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 t=this._minGap;this._highInputValue-t<this._min?(this.setValueHigh(this._lowInputValue+t),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-t),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 t=this._max-this._min,e=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=e/t*100,s=100-r/t*100;this._lowValuePercentStart=A(o,0,100),this._highValuePercentEnd=A(s,0,100)}_getClickedValue(t){const e=this._outerTrack.getBoundingClientRect().left,r=(t-e-Vt)/(this._trackWidth-Vt*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(t){this.startPoint={mouse:t,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(t){const e=this._outerTrack.offsetWidth,r=t-this.startPoint.mouse,o=this._max-this._min,s=r/(e+Vt*2),n=Math.round(s*o/this._step)*this._step,c=this.startPoint.low+n,u=this.startPoint.high+n;this.setValue(c,u,!0),this.dispatchEvent(new kt(kt.INPUT))}_onLowInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputLow;const e=Number(t.target.value);this.setValueLow(e),this.dispatchEvent(new kt(kt.INPUT))}_onHighInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputHigh;const e=Number(t.target.value);this.setValueHigh(e),this.dispatchEvent(new kt(kt.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 kt(kt.CHANGE))}render(){return l`
|
|
325
|
+
)}`],Ti([S("#container")],fe.prototype,"containerElement",2),Ti([a({type:Number})],fe.prototype,"margin",2),Ti([a({type:String,reflect:!0})],fe.prototype,"placement",1),Ti([a({type:Boolean,reflect:!0})],fe.prototype,"open",1),fe=Ti([p("uui-popover")],fe);function fp(){const i=this.addEventListener;this.addEventListener=function(e,r,o){if(e!=="focusout"){if(e==="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,e,r,o)}},this.polyfill_onFocusout=e=>{const r=e.relatedTarget;if(!r)return;const o=r?.closest("uui-popover-container"),s=r?.closest("[popovertarget]");!o&&!s&&this.hidePopover()},this.polyfill_onClick=e=>{e.composedPath().some(r=>r.tagName==="UUI-POPOVER-CONTAINER"||r.attributes?.popovertarget)||this.hidePopover()},this.polyfill_onParentPopoverUpdate=e=>{e.detail.newState==="closed"&&this.hidePopover()};const t=e=>e.parentElement?e.parentElement?.tagName==="UUI-POPOVER-CONTAINER"?e.parentElement:t(e.parentElement):null;this.polyfill_hasBeenMovedToBody||(this.style.display="none",this.style.position="fixed",this.style.inset="0",this.style.zIndex="9999"),this.showPopover=()=>{this.polyfill_hasBeenMovedToBody||(this.polyfill_parentPopoverContainer=t(this)),this.polyfill_onBeforeToggle({oldState:"closed",newState:"open"}),this.style.display="block",this.polyfill_parentPopoverContainer?.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 e=this.getRootNode();if(e&&e.adoptedStyleSheets){const r=e.adoptedStyleSheets.reduce((n,c)=>n+Object.values(c.cssRules).reduce((u,h)=>u+`#${this.id} ${h.cssText}`,""),""),o=document.createElement("style");o.innerHTML=r,o.id="uui-popover-polyfill-style";const s=this.shadowRoot.host.querySelector("#uui-popover-polyfill-style");s&&s.parentNode.removeChild(s),this.insertAdjacentElement("beforeend",o)}this.parentNode!==document.body&&(this.parentNode?.removeChild(this),this.polyfill_hasBeenMovedToBody=!0,document.body.appendChild(this))},this.hidePopover=()=>{this.polyfill_hasBeenMovedToBody&&(document.body.removeChild(this),this.polyfill_hasBeenMovedToBody=!1,this.polyfill_originalParent?.insertBefore(this,this.polyfill_originalNextSibling)),window.removeEventListener("click",this.polyfill_onClick),window.removeEventListener("focusout",this.polyfill_onFocusout),this.polyfill_parentPopoverContainer?.removeEventListener("polyfill-beforetoggle",this.polyfill_onParentPopoverUpdate),this.polyfill_onBeforeToggle({oldState:"open",newState:"closed"}),this.style.display="none"}}var mp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,me=(i,t,e,r)=>{for(var o=r>1?void 0:r?yp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&mp(t,e,o),o},Gs=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},j=(i,t,e)=>(Gs(i,t,"read from private field"),e?e.call(i):t.get(i)),wt=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},xp=(i,t,e,r)=>(Gs(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),Je=(i,t,e)=>(Gs(i,t,"access private method"),e),Tt,ti,Fo,ee,Hi,Ws,qo,Fs,qs,Cl,Ko,Ks,Xs,Sl;let Ht=class extends b{constructor(){super(...arguments),wt(this,qo),wt(this,qs),wt(this,Ko),wt(this,Xs),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,wt(this,Tt,null),wt(this,ti,[]),wt(this,Fo,t=>{if(this._open=t.newState==="open",xp(this,Tt,lc(this,"popovertarget",this.id)),Je(this,Xs,Sl).call(this),j(this,Tt)?.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:t.oldState,newState:t.newState}})),!this._open){Je(this,Ko,Ks).call(this);return}Je(this,qs,Cl).call(this),requestAnimationFrame(()=>{j(this,ee).call(this)})}),wt(this,ee,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",j(this,Hi).call(this,3))}),wt(this,Hi,t=>{if(j(this,Ws).call(this),t--,j(this,Tt)===null)return;const e=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,s=this._actualPlacement.indexOf("right")!==-1,n=this._actualPlacement.indexOf("-start")!==-1,c=this._actualPlacement.indexOf("-end")!==-1,u=j(this,Tt).getBoundingClientRect(),h=this.getBoundingClientRect();let f=0,g=0;r&&(f=u.top+u.height,n&&(g=u.left),c&&(g=u.left+u.width-h.width),!n&&!c&&(g=u.left+u.width/2-h.width/2)),e&&(f=u.top-h.height,n&&(g=u.left),c&&(g=u.left+u.width-h.width),!n&&!c&&(g=u.left+u.width/2-h.width/2)),o&&(g=u.left-h.width,n&&(f=u.top),c&&(f=u.top+u.height-h.height),!n&&!c&&(f=u.top+u.height/2-h.height/2)),s&&(g=u.left+u.width,n&&(f=u.top),c&&(f=u.top+u.height-h.height),!n&&!c&&(f=u.top+u.height/2-h.height/2));const m=window.innerWidth,$=window.innerHeight,E=Math.min(0,u.top+u.height),P=Math.max(Math.min(f,$-h.height),u.top-h.height);if(Math.max(E,P)!==f&&(e||r)&&t>0){Je(this,qo,Fs).call(this),j(this,Hi).call(this,t);return}f=Math.max(E,P);const K=Math.min(0,u.left+u.width),Ut=Math.max(Math.min(g,m-h.width),u.left-h.width),Gt=Math.max(K,Ut);if(Gt!==g&&(o||s)&&t>0){Je(this,qo,Fs).call(this),j(this,Hi).call(this,t);return}g=Gt,(f+h.height<0||f>$||g+h.width<0||g>m)&&this.hidePopover(),this.style.transform=`translate(${g}px, ${f}px)`,this.style.opacity="1"}),wt(this,Ws,()=>{const t={top:"bottom",bottom:"top",left:"right",right:"left"};let e=this._actualPlacement.split("-")[0];e=t[e]||e,e=e.charAt(0).toUpperCase()+e.slice(1);const r=`padding${e}`;this.style.padding="0",this.style[r]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(t){this._placement=t,this._actualPlacement=t,j(this,ee).call(this)}connectedCallback(){!HTMLElement.prototype.hasOwnProperty("popover")&&fp.bind(this)(),this.hasAttribute("popover")||this.setAttribute("popover",""),super.connectedCallback(),this.addEventListener("beforetoggle",j(this,Fo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",j(this,Fo)),Je(this,Ko,Ks).call(this)}render(){return l`<slot></slot>`}};Tt=new WeakMap,ti=new WeakMap,Fo=new WeakMap,ee=new WeakMap,Hi=new WeakMap,Ws=new WeakMap,qo=new WeakSet,Fs=function(){const[i,t]=this._actualPlacement.split("-"),e=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${e}-${t}`},qs=new WeakSet,Cl=function(){j(this,ti).forEach(i=>{i.addEventListener("scroll",j(this,ee),{passive:!0})}),document.addEventListener("scroll",j(this,ee),{passive:!0})},Ko=new WeakSet,Ks=function(){j(this,ti).forEach(i=>{i.removeEventListener("scroll",j(this,ee))}),document.removeEventListener("scroll",j(this,ee))},Xs=new WeakSet,Sl=function(){if(!j(this,Tt))return;let i=getComputedStyle(j(this,Tt));if(i.position==="fixed")return;const t=i.position==="absolute",e=/(auto|scroll)/;let r=j(this,Tt);for(;r=r.parentElement;)if(i=getComputedStyle(r),!(t&&i.position==="static")&&(e.test(i.overflow+i.overflowY+i.overflowX)&&j(this,ti).push(r),i.position==="fixed"))return;j(this,ti).push(document.body)},Ht.styles=[d`:host{margin:0;width:fit-content;height:fit-content;border:none;border-radius:0;padding:0;background-color:none;background:0 0;overflow:visible}`],me([a({type:Number})],Ht.prototype,"margin",2),me([a({type:Boolean})],Ht.prototype,"open",1),me([a({type:String,reflect:!0})],Ht.prototype,"placement",1),me([v()],Ht.prototype,"_placement",2),me([v()],Ht.prototype,"_open",2),me([v()],Ht.prototype,"_actualPlacement",2),Ht=me([p("uui-popover-container")],Ht);var _p=Object.defineProperty,wp=Object.getOwnPropertyDescriptor,Pl=(i,t,e,r)=>{for(var o=r>1?void 0:r?wp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_p(t,e,o),o};const $p=(i,t,e)=>Math.min(Math.max(i,t),e);let Xo=class extends b{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=$p(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`<div id="bar" style="${ft(this._getProgressStyle())}"></div>`}};Xo.styles=[d`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#0b8152);height:100%;width:0%}`],Pl([a({type:Number})],Xo.prototype,"progress",1),Xo=Pl([p("uui-progress-bar")],Xo);let Vi=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Vi.CHANGE="change";var kp=Object.defineProperty,Ep=Object.getOwnPropertyDescriptor,ye=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ep(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&kp(t,e,o),o},Cp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Al=(i,t,e)=>(Cp(i,t,"read from private field"),e?e.call(i):t.get(i)),Ol=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Ys,Zs;let $t=class extends b{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,Ol(this,Ys,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),Ol(this,Zs,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",Al(this,Zs)),this.addEventListener("blur",Al(this,Ys))}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-hidden",t?"true":"false"),this.setAttribute("tabindex",t?"-1":"0"),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Vi(Vi.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 l`<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?l`<span>${this.label}</span>`:l`<slot></slot>`}</div></label>`}};Ys=new WeakMap,Zs=new WeakMap,$t.styles=[po,d`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${bo}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],ye([S("#input")],$t.prototype,"inputElement",2),ye([a({type:String})],$t.prototype,"name",2),ye([a({type:String})],$t.prototype,"value",2),ye([a({type:String})],$t.prototype,"label",2),ye([a({type:Boolean,reflect:!0})],$t.prototype,"checked",1),ye([a({type:Boolean,reflect:!0})],$t.prototype,"disabled",1),$t=ye([p("uui-radio")],$t);let Qs=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};Qs.CHANGE="change";var Sp=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,zl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Pp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Sp(t,e,o),o};const Ap="ArrowLeft",Op="ArrowUp",zp="ArrowRight",Lp="ArrowDown",Ip=" ";let Bi=class extends gt(b){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.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(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(t)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){this._selected!==null?this._radioElements[this._selected]?.focus():this._findNextEnabledElement()?.focus()}click(){this._selected!==null?this._radioElements[this._selected]?.click():this._findNextEnabledElement()?.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(t){this._radioElements?.forEach(e=>e.name=t)}_updateRadioElementsCheckedState(t){this._radioElements.forEach((e,r)=>{e.value===t?(e.checked=!0,this._selected=r):e.checked=!1})}_setDisableOnRadios(t){this._radioElements?.forEach(e=>e.disabled=t)}_handleSlotChange(t){if(t.stopPropagation(),this._radioElements?.forEach(r=>{r.removeEventListener(Vi.CHANGE,this._handleSelectOnClick),r.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(r=>r instanceof $t),this._radioElements.length===0)return;this._radioElements.forEach(r=>{r.addEventListener(Vi.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const e=this._radioElements.filter(r=>r.checked===!0);e.length>1&&(this._radioElements.forEach(r=>{r.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),e.length===1?(this.value=e[0].value,this._selected=this._radioElements.indexOf(e[0]),e[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),e[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){this._selected=null,this._radioElements?.forEach(t=>{t.makeUnfocusable()}),this._findNextEnabledElement()?.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let s=(e+o*t)%r;if(s<0&&(s+=r),this._radioElements[s].disabled===!1)return this._radioElements[s];o++}return null}_selectPreviousElement(){this.value=this._findNextEnabledElement(-1)?.value||"",this._radioElements[this._selected||0]?.focus(),this._fireChangeEvent()}_selectNextElement(){this.value=this._findNextEnabledElement()?.value||"",this._radioElements[this._selected||0]?.focus(),this._fireChangeEvent()}_onKeydown(t){switch(t.key){case Ap:case Op:{t.preventDefault(),this._selectPreviousElement();break}case zp:case Lp:{t.preventDefault(),this._selectNextElement();break}case Ip:this._selected===null&&(this.value=this._findNextEnabledElement()?.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Qs(Qs.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(this.disabled),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};Bi.formAssociated=!0,Bi.styles=[d`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],zl([a({type:Boolean,reflect:!0})],Bi.prototype,"disabled",2),Bi=zl([p("uui-radio-group")],Bi);let kt=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};kt.INPUT="input",kt.CHANGE="change";var jp=Object.defineProperty,Np=Object.getOwnPropertyDescriptor,N=(i,t,e,r)=>{for(var o=r>1?void 0:r?Np(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&jp(t,e,o),o},Mp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Dp=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},ei=(i,t,e)=>(Mp(i,t,"access private method"),e),ie,xe;const Js={TOP:3,CENTER:2,BACK:1},Ri=18,Vt=12,Tp=24;let L=class extends gt(b){constructor(){super(),Dp(this,ie),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=t=>{t.key=="Enter"&&this.submit()},this._onTouchStart=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(t.touches[0].pageX);else{const r=this._getClickedValue(t.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=t=>{this._dragBothValuesByMousePos(t.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=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(t.pageX);else{const r=this._getClickedValue(t.pageX),o=Math.abs(this._lowInputValue-r),s=Math.abs(this._highInputValue-r);o<s?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=t=>{t.preventDefault(),this._dragBothValuesByMousePos(t.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",()=>{this._trackWidth=this._outerTrack?.offsetWidth})}get min(){return this._min}set min(t){this._min=t,ei(this,ie,xe).call(this)}get max(){return this._max}set max(t){this._max=t,ei(this,ie,xe).call(this)}get step(){return this._step}set step(t){this._step=t,ei(this,ie,xe).call(this)}get minGap(){return this._minGap}set minGap(t){this._minGap=t,ei(this,ie,xe).call(this)}get maxGap(){return this._maxGap}set maxGap(t){this._maxGap=t,ei(this,ie,xe).call(this)}get value(){return this._value}set value(t){super.value=t,ei(this,ie,xe).call(this)}setValueLow(t){t=A(t,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(t,this._highInputValue)}setValueHigh(t){t=A(t,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,t)}setValue(t,e,r){if(r){const o=this.startPoint.high-this.startPoint.low;t=A(t,this.min,this.max-o),e=A(e,this.min+o,this.max)}this._inputLow.value=t.toString(),this._inputHigh.value=e.toString(),this.value=`${t},${e}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(t){super.updated(t),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 t=this._minGap;this._highInputValue-t<this._min?(this.setValueHigh(this._lowInputValue+t),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-t),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 t=this._max-this._min,e=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=e/t*100,s=100-r/t*100;this._lowValuePercentStart=A(o,0,100),this._highValuePercentEnd=A(s,0,100)}_getClickedValue(t){const e=this._outerTrack.getBoundingClientRect().left,r=(t-e-Vt)/(this._trackWidth-Vt*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(t){this.startPoint={mouse:t,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(t){const e=this._outerTrack.offsetWidth,r=t-this.startPoint.mouse,o=this._max-this._min,s=r/(e+Vt*2),n=Math.round(s*o/this._step)*this._step,c=this.startPoint.low+n,u=this.startPoint.high+n;this.setValue(c,u,!0),this.dispatchEvent(new kt(kt.INPUT))}_onLowInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputLow;const e=Number(t.target.value);this.setValueLow(e),this.dispatchEvent(new kt(kt.INPUT))}_onHighInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputHigh;const e=Number(t.target.value);this.setValueHigh(e),this.dispatchEvent(new kt(kt.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 kt(kt.CHANGE))}render(){return l`
|
|
327
326
|
<div id="range-slider">
|
|
328
327
|
${this._renderNativeInputs()}
|
|
329
328
|
<div id="inner-track">
|
|
@@ -340,7 +339,7 @@
|
|
|
340
339
|
`}_renderThumbValues(){return l`<div class="thumb-values">
|
|
341
340
|
<span><span>${this._lowInputValue}</span></span>
|
|
342
341
|
<span><span>${this._highInputValue}</span></span>
|
|
343
|
-
</div>`}_renderSteps(){const t=(this._max-this._min)/this._step,e=(this._trackWidth-Vt*2)/t;if(e<
|
|
342
|
+
</div>`}_renderSteps(){const t=(this._max-this._min)/this._step,e=(this._trackWidth-Vt*2)/t;if(e<Tp||t%1!==0)return;let r=0;const o=new Array(t+1).fill(e).map(s=>s*r++);return l`<div class="step-wrapper">
|
|
344
343
|
<svg height="100%" width="100%">
|
|
345
344
|
<rect x="9" y="9" height="3" rx="2" />
|
|
346
345
|
${this._renderStepCircles(o)}
|
|
@@ -419,7 +418,7 @@
|
|
|
419
418
|
height: ${Ri}px;
|
|
420
419
|
cursor: grab;
|
|
421
420
|
user-select: none;
|
|
422
|
-
z-index: ${
|
|
421
|
+
z-index: ${Js.CENTER};
|
|
423
422
|
}
|
|
424
423
|
|
|
425
424
|
:host([disabled]) #inner-color-thumb {
|
|
@@ -581,7 +580,7 @@
|
|
|
581
580
|
pointer-events: all;
|
|
582
581
|
cursor: grab;
|
|
583
582
|
position: relative;
|
|
584
|
-
z-index: ${
|
|
583
|
+
z-index: ${Js.TOP};
|
|
585
584
|
width: ${Ri}px;
|
|
586
585
|
height: ${Ri}px;
|
|
587
586
|
border-radius: 24px;
|
|
@@ -625,7 +624,7 @@
|
|
|
625
624
|
pointer-events: all;
|
|
626
625
|
cursor: grab;
|
|
627
626
|
position: relative;
|
|
628
|
-
z-index: ${
|
|
627
|
+
z-index: ${Js.TOP};
|
|
629
628
|
width: ${Ri}px;
|
|
630
629
|
height: ${Ri}px;
|
|
631
630
|
border-radius: 24px;
|
|
@@ -661,7 +660,7 @@
|
|
|
661
660
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
662
661
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
663
662
|
}
|
|
664
|
-
`],N([a({type:String})],L.prototype,"label",2),N([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2),N([a({type:Number})],L.prototype,"min",1),N([a({type:Number})],L.prototype,"max",1),N([a({type:Boolean,attribute:"hide-step-values"})],L.prototype,"hideStepValues",2),N([a({type:Number})],L.prototype,"step",1),N([a({type:Number,attribute:"min-gap"})],L.prototype,"minGap",1),N([a({type:Number,attribute:"max-gap"})],L.prototype,"maxGap",1),N([a({type:String})],L.prototype,"value",1),N([v()],L.prototype,"_movement",2),N([v()],L.prototype,"_lowInputValue",2),N([v()],L.prototype,"_highInputValue",2),N([v()],L.prototype,"_trackWidth",2),N([v()],L.prototype,"_lowValuePercentStart",2),N([v()],L.prototype,"_highValuePercentEnd",2),N([S("#range-slider")],L.prototype,"_outerTrack",2),N([S("#inputLow")],L.prototype,"_inputLow",2),N([S("#inputHigh")],L.prototype,"_inputHigh",2),N([S(".color")],L.prototype,"_innerColor",2),N([S("#inner-color-thumb")],L.prototype,"_innerColorThumb",2),L=N([p("uui-range-slider")],L);var Vp=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Rp=(i,t,e,r)=>{for(var o=r>1?void 0:r?Bp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Vp(t,e,o),o};let en=class extends b{render(){return l`<slot></slot>`}};en.styles=[d`: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)}`],en=Rp([p("uui-ref-list")],en);let Ui=class extends O{};Ui.OPEN="open";var Up=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,on=(i,t,e,r)=>{for(var o=r>1?void 0:r?Gp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Up(t,e,o),o};let _e=class extends uo(Le(b)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Ui(Ui.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Ui(Ui.OPEN)))}};_e.styles=[d`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([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}`],on([a({type:Boolean,reflect:!0})],_e.prototype,"disabled",2),on([a({type:Boolean,reflect:!0})],_e.prototype,"error",2),_e=on([p("uui-ref")],_e);var Wp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,ii=(i,t,e,r)=>{for(var o=r>1?void 0:r?Fp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Wp(t,e,o),o},qp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Gi=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},oi=(i,t,e)=>(qp(i,t,"access private method"),e),rn,Ll,sn,Il,Yo,nn,an,jl,ln,Nl;let D=class extends _e{constructor(){super(...arguments),Gi(this,rn),Gi(this,sn),Gi(this,Yo),Gi(this,an),Gi(this,ln),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(),x(this,"uui-icon")}renderDetail(){return l`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return l`${this.href?oi(this,an,jl).call(this):oi(this,ln,Nl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}};rn=new WeakSet,Ll=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},sn=new WeakSet,Il=function(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Yo=new WeakSet,nn=function(){return l`<span id="icon"><slot name="icon" @slotchange="${oi(this,rn,Ll)}"></slot>${this._iconSlotHasContent===!1?oi(this,sn,Il).call(this):""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div>`},an=new WeakSet,jl=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}">${oi(this,Yo,nn).call(this)}</a>`},ln=new WeakSet,Nl=function(){return l`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${oi(this,Yo,nn).call(this)}</button>`},D.styles=[..._e.styles,d`: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)}`],ii([a({type:String})],D.prototype,"name",2),ii([a({type:String})],D.prototype,"detail",2),ii([a({type:String})],D.prototype,"href",2),ii([a({type:String})],D.prototype,"target",2),ii([v()],D.prototype,"_iconSlotHasContent",2),D=ii([p("uui-ref-node")],D);var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Ml=(i,t,e,r)=>{for(var o=r>1?void 0:r?Xp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Kp(t,e,o),o};let Zo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Zo.styles=[...D.styles],Ml([a({type:String})],Zo.prototype,"alias",2),Zo=Ml([p("uui-ref-node-data-type")],Zo);var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Dl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Zp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Yp(t,e,o),o};let Qo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Qo.styles=[...D.styles],Dl([a({type:String})],Qo.prototype,"alias",2),Qo=Dl([p("uui-ref-node-document-type")],Qo);var Qp=Object.defineProperty,Jp=Object.getOwnPropertyDescriptor,tb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Jp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Qp(t,e,o),o};let un=class extends D{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>'}};un.styles=[...D.styles],un=tb([p("uui-ref-node-form")],un);var eb=Object.defineProperty,ib=Object.getOwnPropertyDescriptor,Tl=(i,t,e,r)=>{for(var o=r>1?void 0:r?ib(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&eb(t,e,o),o};let Jo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Jo.styles=[...D.styles],Tl([a({type:String,attribute:"group-name"})],Jo.prototype,"groupName",2),Jo=Tl([p("uui-ref-node-member")],Jo);var ob=Object.defineProperty,rb=Object.getOwnPropertyDescriptor,cn=(i,t,e,r)=>{for(var o=r>1?void 0:r?rb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ob(t,e,o),o};let Wi=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Wi.styles=[...D.styles],cn([a({type:String})],Wi.prototype,"version",2),cn([a({type:String})],Wi.prototype,"author",2),Wi=cn([p("uui-ref-node-package")],Wi);var sb=Object.defineProperty,nb=Object.getOwnPropertyDescriptor,Hl=(i,t,e,r)=>{for(var o=r>1?void 0:r?nb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&sb(t,e,o),o};let tr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};tr.styles=[...D.styles],Hl([a({type:String,attribute:"group-name"})],tr.prototype,"groupName",2),tr=Hl([p("uui-ref-node-user")],tr);var ab=Object.defineProperty,lb=Object.getOwnPropertyDescriptor,Vl=(i,t,e,r)=>{for(var o=r>1?void 0:r?lb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ab(t,e,o),o};let er=class extends b{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};er.styles=[d`: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}`],Vl([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],er.prototype,"enforceScroll",2),er=Vl([p("uui-scroll-container")],er);let hn=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};hn.CHANGE="change";var ub=Object.defineProperty,cb=Object.getOwnPropertyDescriptor,Et=(i,t,e,r)=>{for(var o=r>1?void 0:r?cb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ub(t,e,o),o};let at=class extends gt(b){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const e=this.options.find(r=>r.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new hn(hn.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option value="${e}" ?selected="${r}" ?disabled="${o}">${t}</option>`}_renderGrouped(){return this._groups.length===0?_:l`${this._groups.map(t=>l`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return l`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}};at.styles=[d`: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)}`],Et([a({type:String})],at.prototype,"label",2),Et([a()],at.prototype,"placeholder",2),Et([a({type:Boolean,reflect:!0})],at.prototype,"disabled",2),Et([a({type:Boolean,reflect:!0})],at.prototype,"error",2),Et([a({type:Array,attribute:!1})],at.prototype,"options",2),Et([v()],at.prototype,"_groups",2),Et([a()],at.prototype,"disabledGroups",2),Et([v()],at.prototype,"_disabledGroups",2),Et([S("#native")],at.prototype,"_input",2),at=Et([p("uui-select")],at);const hb=d`
|
|
663
|
+
`],N([a({type:String})],L.prototype,"label",2),N([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2),N([a({type:Number})],L.prototype,"min",1),N([a({type:Number})],L.prototype,"max",1),N([a({type:Boolean,attribute:"hide-step-values"})],L.prototype,"hideStepValues",2),N([a({type:Number})],L.prototype,"step",1),N([a({type:Number,attribute:"min-gap"})],L.prototype,"minGap",1),N([a({type:Number,attribute:"max-gap"})],L.prototype,"maxGap",1),N([a({type:String})],L.prototype,"value",1),N([v()],L.prototype,"_movement",2),N([v()],L.prototype,"_lowInputValue",2),N([v()],L.prototype,"_highInputValue",2),N([v()],L.prototype,"_trackWidth",2),N([v()],L.prototype,"_lowValuePercentStart",2),N([v()],L.prototype,"_highValuePercentEnd",2),N([S("#range-slider")],L.prototype,"_outerTrack",2),N([S("#inputLow")],L.prototype,"_inputLow",2),N([S("#inputHigh")],L.prototype,"_inputHigh",2),N([S(".color")],L.prototype,"_innerColor",2),N([S("#inner-color-thumb")],L.prototype,"_innerColorThumb",2),L=N([p("uui-range-slider")],L);var Hp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,Bp=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hp(t,e,o),o};let tn=class extends b{render(){return l`<slot></slot>`}};tn.styles=[d`: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)}`],tn=Bp([p("uui-ref-list")],tn);let Ui=class extends O{};Ui.OPEN="open";var Rp=Object.defineProperty,Up=Object.getOwnPropertyDescriptor,en=(i,t,e,r)=>{for(var o=r>1?void 0:r?Up(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Rp(t,e,o),o};let _e=class extends uo(Le(b)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Ui(Ui.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Ui(Ui.OPEN)))}};_e.styles=[d`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([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}`],en([a({type:Boolean,reflect:!0})],_e.prototype,"disabled",2),en([a({type:Boolean,reflect:!0})],_e.prototype,"error",2),_e=en([p("uui-ref")],_e);var Gp=Object.defineProperty,Wp=Object.getOwnPropertyDescriptor,ii=(i,t,e,r)=>{for(var o=r>1?void 0:r?Wp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Gp(t,e,o),o},Fp=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},Gi=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},oi=(i,t,e)=>(Fp(i,t,"access private method"),e),on,Ll,rn,Il,Yo,sn,nn,jl,an,Nl;let D=class extends _e{constructor(){super(...arguments),Gi(this,on),Gi(this,rn),Gi(this,Yo),Gi(this,nn),Gi(this,an),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(),x(this,"uui-icon")}renderDetail(){return l`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}render(){return l`${this.href?oi(this,nn,jl).call(this):oi(this,an,Nl).call(this)}<div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}};on=new WeakSet,Ll=function(i){this._iconSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0},rn=new WeakSet,Il=function(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Yo=new WeakSet,sn=function(){return l`<span id="icon"><slot name="icon" @slotchange="${oi(this,on,Ll)}"></slot>${this._iconSlotHasContent===!1?oi(this,rn,Il).call(this):""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div>`},nn=new WeakSet,jl=function(){return l`<a id="open-part" tabindex="${this.disabled?_:"0"}" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}">${oi(this,Yo,sn).call(this)}</a>`},an=new WeakSet,Nl=function(){return l`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}">${oi(this,Yo,sn).call(this)}</button>`},D.styles=[..._e.styles,d`: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)}`],ii([a({type:String})],D.prototype,"name",2),ii([a({type:String})],D.prototype,"detail",2),ii([a({type:String})],D.prototype,"href",2),ii([a({type:String})],D.prototype,"target",2),ii([v()],D.prototype,"_iconSlotHasContent",2),D=ii([p("uui-ref-node")],D);var qp=Object.defineProperty,Kp=Object.getOwnPropertyDescriptor,Ml=(i,t,e,r)=>{for(var o=r>1?void 0:r?Kp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&qp(t,e,o),o};let Zo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Zo.styles=[...D.styles],Ml([a({type:String})],Zo.prototype,"alias",2),Zo=Ml([p("uui-ref-node-data-type")],Zo);var Xp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,Dl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Yp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Xp(t,e,o),o};let Qo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Qo.styles=[...D.styles],Dl([a({type:String})],Qo.prototype,"alias",2),Qo=Dl([p("uui-ref-node-document-type")],Qo);var Zp=Object.defineProperty,Qp=Object.getOwnPropertyDescriptor,Jp=(i,t,e,r)=>{for(var o=r>1?void 0:r?Qp(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Zp(t,e,o),o};let ln=class extends D{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>'}};ln.styles=[...D.styles],ln=Jp([p("uui-ref-node-form")],ln);var tb=Object.defineProperty,eb=Object.getOwnPropertyDescriptor,Tl=(i,t,e,r)=>{for(var o=r>1?void 0:r?eb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&tb(t,e,o),o};let Jo=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Jo.styles=[...D.styles],Tl([a({type:String,attribute:"group-name"})],Jo.prototype,"groupName",2),Jo=Tl([p("uui-ref-node-member")],Jo);var ib=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,un=(i,t,e,r)=>{for(var o=r>1?void 0:r?ob(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&ib(t,e,o),o};let Wi=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Wi.styles=[...D.styles],un([a({type:String})],Wi.prototype,"version",2),un([a({type:String})],Wi.prototype,"author",2),Wi=un([p("uui-ref-node-package")],Wi);var rb=Object.defineProperty,sb=Object.getOwnPropertyDescriptor,Hl=(i,t,e,r)=>{for(var o=r>1?void 0:r?sb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&rb(t,e,o),o};let tr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};tr.styles=[...D.styles],Hl([a({type:String,attribute:"group-name"})],tr.prototype,"groupName",2),tr=Hl([p("uui-ref-node-user")],tr);var nb=Object.defineProperty,ab=Object.getOwnPropertyDescriptor,Vl=(i,t,e,r)=>{for(var o=r>1?void 0:r?ab(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&nb(t,e,o),o};let er=class extends b{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};er.styles=[d`: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}`],Vl([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],er.prototype,"enforceScroll",2),er=Vl([p("uui-scroll-container")],er);let cn=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};cn.CHANGE="change";var lb=Object.defineProperty,ub=Object.getOwnPropertyDescriptor,Et=(i,t,e,r)=>{for(var o=r>1?void 0:r?ub(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&lb(t,e,o),o};let at=class extends gt(b){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const e=this.options.find(r=>r.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new cn(cn.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option value="${e}" ?selected="${r}" ?disabled="${o}">${t}</option>`}_renderGrouped(){return this._groups.length===0?_:l`${this._groups.map(t=>l`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return l`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}};at.styles=[d`: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;width:100%}#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)}`],Et([a({type:String})],at.prototype,"label",2),Et([a()],at.prototype,"placeholder",2),Et([a({type:Boolean,reflect:!0})],at.prototype,"disabled",2),Et([a({type:Boolean,reflect:!0})],at.prototype,"error",2),Et([a({type:Array,attribute:!1})],at.prototype,"options",2),Et([v()],at.prototype,"_groups",2),Et([a()],at.prototype,"disabledGroups",2),Et([v()],at.prototype,"_disabledGroups",2),Et([S("#native")],at.prototype,"_input",2),at=Et([p("uui-select")],at);const cb=d`
|
|
665
664
|
input[type='range'] {
|
|
666
665
|
left: 0;
|
|
667
666
|
position: absolute;
|
|
@@ -768,15 +767,15 @@
|
|
|
768
767
|
input[type='range']:focus::-ms-fill-upper {
|
|
769
768
|
background: transparent;
|
|
770
769
|
}
|
|
771
|
-
`;let ri=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ri.INPUT="input",ri.CHANGE="change";var
|
|
770
|
+
`;let ri=class extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}};ri.INPUT="input",ri.CHANGE="change";var hb=Object.defineProperty,db=Object.getOwnPropertyDescriptor,Q=(i,t,e,r)=>{for(var o=r>1?void 0:r?db(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&hb(t,e,o),o};const Fi=12,Bl=24,pb=(i,t)=>y`
|
|
772
771
|
${i.map(e=>{if(t>=Bl){const r=Math.round(Fi+t*i.indexOf(e));return y`<circle class="track-step" cx="${r}" cy="50%" r="4.5" />`}return y``})}
|
|
773
|
-
`,
|
|
772
|
+
`,bb=(i,t,e)=>e?_:l`<div id="step-values">
|
|
774
773
|
${i.map(r=>l` <span
|
|
775
774
|
><span>
|
|
776
775
|
${i.length<=20&&t>=Bl?r.toFixed(0):_}
|
|
777
776
|
</span></span
|
|
778
777
|
>`)}
|
|
779
|
-
</div>`,
|
|
778
|
+
</div>`,vb=(i,t,e)=>Array.from({length:(t-i)/e+1},(r,o)=>i+o*e);let G=class extends gt(b){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(t){if(t instanceof File)return;const e=this._value;let r=t?parseFloat(t):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",e)}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(t){super.updated(t),(t.get("max")||t.get("min")||t.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=vb(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Fi*2)/(this._steps.length-1)}_onKeypress(t){t.key=="Enter"&&this.submit()}_calculateSliderPosition(){const t=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(t*1e5)/1e3}%`}_onInput(t){t.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new ri(ri.INPUT))}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ri(ri.CHANGE))}render(){return l`
|
|
780
779
|
<input
|
|
781
780
|
id="input"
|
|
782
781
|
type="range"
|
|
@@ -791,7 +790,7 @@
|
|
|
791
790
|
<div id="track" aria-hidden="true">
|
|
792
791
|
<svg height="100%" width="100%">
|
|
793
792
|
<rect x="9" y="9" height="3" rx="2" />
|
|
794
|
-
${
|
|
793
|
+
${pb(this._steps,this._stepWidth)}
|
|
795
794
|
</svg>
|
|
796
795
|
|
|
797
796
|
<div id="track-inner" aria-hidden="true">
|
|
@@ -800,8 +799,8 @@
|
|
|
800
799
|
</div>
|
|
801
800
|
</div>
|
|
802
801
|
</div>
|
|
803
|
-
${
|
|
804
|
-
`}};G.formAssociated=!0,G.styles=[
|
|
802
|
+
${bb(this._steps,this._stepWidth,this.hideStepValues)}
|
|
803
|
+
`}};G.formAssociated=!0,G.styles=[ic,cb,d`
|
|
805
804
|
:host {
|
|
806
805
|
display: inline-block;
|
|
807
806
|
width: 100%;
|
|
@@ -940,12 +939,12 @@
|
|
|
940
939
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
941
940
|
background-color: var(--uui-color-danger,#d42054);
|
|
942
941
|
}
|
|
943
|
-
`],Q([a({type:Boolean,attribute:"hide-step-values"})],G.prototype,"hideStepValues",2),Q([a({type:Number})],G.prototype,"min",2),Q([a({type:Number})],G.prototype,"max",2),Q([a({type:Number})],G.prototype,"step",2),Q([a({type:String})],G.prototype,"value",1),Q([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),Q([a({type:String})],G.prototype,"label",2),Q([S("#input")],G.prototype,"_input",2),Q([S("#track")],G.prototype,"_track",2),Q([v()],G.prototype,"_stepWidth",2),Q([v()],G.prototype,"_steps",2),Q([v()],G.prototype,"_sliderPosition",2),G=Q([p("uui-slider")],G);var fb=Object.defineProperty,mb=Object.getOwnPropertyDescriptor,Rl=(i,t,e,r)=>{for(var o=r>1?void 0:r?mb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&fb(t,e,o),o};let ir=class extends b{constructor(){super(...arguments),this.open=!1}render(){return l`<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>`}};ir.styles=[d`: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)}`],Rl([a({type:Boolean,reflect:!0})],ir.prototype,"open",2),ir=Rl([p("uui-symbol-expand")],ir);var yb=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,Ul=(i,t,e,r)=>{for(var o=r>1?void 0:r?xb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&yb(t,e,o),o};let or=class extends b{constructor(){super(...arguments),this.error=!1}render(){return l`<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>`}};or.styles=[d`: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)}`],Ul([a({type:Boolean,reflect:!0})],or.prototype,"error",2),or=Ul([p("uui-symbol-file-dropzone")],or);var _b=Object.defineProperty,wb=Object.getOwnPropertyDescriptor,dn=(i,t,e,r)=>{for(var o=r>1?void 0:r?wb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&_b(t,e,o),o};let qi=class extends b{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),x(this,"uui-icon")}render(){return this.src?l`<img src="${this.src}" alt="${this.alt}">`:l`<uui-icon name="picture" .fallback="${pc.strings[0]}"></uui-icon>`}};qi.styles=[d`: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)}`],dn([a({type:String})],qi.prototype,"src",2),dn([a({type:String})],qi.prototype,"alt",2),qi=dn([p("uui-symbol-file-thumbnail")],qi);var $b=Object.defineProperty,kb=Object.getOwnPropertyDescriptor,Gl=(i,t,e,r)=>{for(var o=r>1?void 0:r?kb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&$b(t,e,o),o};let rr=class extends b{constructor(){super(...arguments),this.type=""}render(){return l`<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?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}};rr.styles=[d`: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)}`],Gl([a({type:String})],rr.prototype,"type",2),rr=Gl([p("uui-symbol-file")],rr);var Eb=Object.defineProperty,Cb=Object.getOwnPropertyDescriptor,Sb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Cb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Eb(t,e,o),o};let pn=class extends b{render(){return l`<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>`}};pn.styles=[d`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],pn=Sb([p("uui-symbol-folder")],pn);var Pb=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,Wl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ab(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Pb(t,e,o),o};let sr=class extends b{constructor(){super(...arguments),this.open=!1}render(){return y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?y`<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>`:y`<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>`}};sr.styles=[d`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Wl([a({type:Boolean,reflect:!0})],sr.prototype,"open",2),sr=Wl([p("uui-symbol-lock")],sr);var Ob=Object.defineProperty,zb=Object.getOwnPropertyDescriptor,Lb=(i,t,e,r)=>{for(var o=r>1?void 0:r?zb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ob(t,e,o),o};let bn=class extends b{render(){return l`•••`}};bn.styles=[d`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],bn=Lb([p("uui-symbol-more")],bn);var Ib=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,Fl=(i,t,e,r)=>{for(var o=r>1?void 0:r?jb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ib(t,e,o),o};let nr=class extends gi(b){constructor(){super(...arguments),this.descending=!1}render(){return l`<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>`}};nr.styles=[d`: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))}`],Fl([a({type:Boolean,reflect:!0})],nr.prototype,"descending",2),nr=Fl([p("uui-symbol-sort")],nr);var Nb=Object.defineProperty,Mb=Object.getOwnPropertyDescriptor,Db=(i,t,e,r)=>{for(var o=r>1?void 0:r?Mb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Nb(t,e,o),o};let vn=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};vn.styles=[d`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],vn=Db([p("uui-table")],vn);var Tb=Object.defineProperty,Hb=Object.getOwnPropertyDescriptor,ar=(i,t,e,r)=>{for(var o=r>1?void 0:r?Hb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Tb(t,e,o),o};let Bt=class extends b{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(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}};Bt.styles=[d`: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}`],ar([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],Bt.prototype,"disableChildInteraction",2),ar([a({type:Boolean,reflect:!0,attribute:"no-padding"})],Bt.prototype,"noPadding",2),ar([a({type:Boolean,reflect:!0,attribute:"clip-text"})],Bt.prototype,"clipText",2),Bt=ar([p("uui-table-cell")],Bt);var Vb=Object.defineProperty,Bb=Object.getOwnPropertyDescriptor,Rb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Bb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Vb(t,e,o),o};let gn=class extends b{};gn.styles=[d`:host{display:table-column}`],gn=Rb([p("uui-table-column")],gn);var Ub=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,Wb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Gb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ub(t,e,o),o};let fn=class extends Bt{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};fn.styles=[...Bt.styles,d`:host{border-top:none}`],fn=Wb([p("uui-table-head-cell")],fn);var Fb=Object.defineProperty,qb=Object.getOwnPropertyDescriptor,Kb=(i,t,e,r)=>{for(var o=r>1?void 0:r?qb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Fb(t,e,o),o};let mn=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};mn.styles=[d`:host{display:table-header-group;font-weight:700}`],mn=Kb([p("uui-table-head")],mn);var Xb=Object.defineProperty,Yb=Object.getOwnPropertyDescriptor,ql=(i,t,e,r)=>{for(var o=r>1?void 0:r?Yb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Xb(t,e,o),o};let lr=class extends uo(Le(b)){constructor(){super();let t=!1;this.addEventListener("blur",()=>{t===!1&&this.style.setProperty("--uui-show-focus-outline","1"),t=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),t=!0}),this.addEventListener("mouseup",()=>{t=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof Bt}render(){return l`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}};lr.styles=[d`: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([Ft({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],lr.prototype,"slotCellNodes",2),lr=ql([p("uui-table-row")],lr);var Zb=Object.defineProperty,Qb=Object.getOwnPropertyDescriptor,Ki=(i,t,e,r)=>{for(var o=r>1?void 0:r?Qb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Zb(t,e,o),o};let we=class extends gi(vt("",b)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`<a id="button" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:l`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}};we.styles=[d`: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}`],Ki([a({type:Boolean,reflect:!0})],we.prototype,"disabled",2),Ki([a({type:String})],we.prototype,"href",2),Ki([a({type:String})],we.prototype,"target",2),Ki([a({type:String,reflect:!0})],we.prototype,"orientation",2),we=Ki([p("uui-tab")],we);var Jb=Object.defineProperty,t0=Object.getOwnPropertyDescriptor,si=(i,t,e,r)=>{for(var o=r>1?void 0:r?t0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Jb(t,e,o),o},yn=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},C=(i,t,e)=>(yn(i,t,"read from private field"),e?e.call(i):t.get(i)),U=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Xi=(i,t,e,r)=>(yn(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),J=(i,t,e)=>(yn(i,t,"access private method"),e),ur,Ct,Rt,ni,Yi,cr,Zi,Qi,xn,Kl,_n,Xl,hr,wn,$n,Yl,ai,Ji,dr,kn,Zl,pr,En,br,Cn;let oe=class extends b{constructor(){super(...arguments),U(this,xn),U(this,_n),U(this,hr),U(this,$n),U(this,Ji),U(this,kn),U(this,pr),U(this,br),U(this,ur,0),this.dropdownContentDirection="vertical",U(this,Ct,[]),U(this,Rt,[]),U(this,ni,new Map),U(this,Yi,[]),U(this,cr,new ResizeObserver(J(this,_n,Xl).bind(this))),U(this,Zi,[]),U(this,Qi,!1),U(this,ai,i=>{const t=i.currentTarget;if(J(this,br,Cn).call(this,t)){t.active=!0;const e=C(this,ni).get(t);e&&(e.active=!0),[...C(this,Ct),...C(this,Rt)].filter(r=>r!==t&&r!==e).forEach(r=>{J(this,br,Cn).call(this,r)&&(r.active=!1)}),C(this,Rt).some(r=>r.active&&r!==e)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),J(this,xn,Kl).call(this)}disconnectedCallback(){super.disconnectedCallback(),C(this,cr).unobserve(this),J(this,hr,wn).call(this)}render(){return l`<div id="main"><div id="grid"><slot @slotchange="${J(this,$n,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">${Cs(C(this,Rt),i=>l`${i}`)}</div></uui-popover-container>`}};ur=new WeakMap,Ct=new WeakMap,Rt=new WeakMap,ni=new WeakMap,Yi=new WeakMap,cr=new WeakMap,Zi=new WeakMap,Qi=new WeakMap,xn=new WeakSet,Kl=async function(){x(this,"uui-button"),x(this,"uui-popover-container"),x(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,C(this,cr).observe(this._mainElement)},_n=new WeakSet,Xl=function(i){const t=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(t)?0:t)!==C(this,ur)?J(this,Ji,dr).call(this):J(this,pr,En).call(this,i[0].contentBoxSize[0].inlineSize)},hr=new WeakSet,wn=function(){C(this,Ct).forEach(i=>{i.removeEventListener("click",C(this,ai)),C(this,Zi).forEach(t=>t.disconnect())}),C(this,Zi).length=0},$n=new WeakSet,Yl=function(){J(this,hr,wn).call(this),J(this,kn,Zl).call(this),C(this,Ct).forEach(i=>{i.addEventListener("click",C(this,ai));const t=new ResizeObserver(J(this,Ji,dr).bind(this));t.observe(i),C(this,Zi).push(t)})},ai=new WeakMap,Ji=new WeakSet,dr=async function(){if(C(this,Qi))return;Xi(this,Qi,!0),requestAnimationFrame(()=>{Xi(this,Qi,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),t=Number.isNaN(i)?0:i;Xi(this,ur,t);let e=0;for(let o=0;o<C(this,Ct).length;o++)C(this,Ct)[o].style.display="",e+=C(this,Ct)[o].offsetWidth,C(this,Yi)[o]=e,e+=t;const r=2;this._mainElement.style.width=e-t+r+"px",J(this,pr,En).call(this,this._mainElement.offsetWidth)},kn=new WeakSet,Zl=function(){Xi(this,Ct,this._slottedNodes?this._slottedNodes:[]),J(this,Ji,dr).call(this)},pr=new WeakSet,En=function(i){const t=this._moreButtonElement.offsetWidth,e=i-(t||0);C(this,Rt).forEach(s=>{s.removeEventListener("click",C(this,ai))}),Xi(this,Rt,[]),C(this,ni).clear();let r=!1;const o=C(this,Yi).length;for(let s=0;s<o;s++){const n=C(this,Yi)[s],c=C(this,Ct)[s];if(n<=(s===o-1?i:e))c.style.display="";else{const u=c.cloneNode(!0);u.addEventListener("click",C(this,ai)),u.classList.add("hidden-tab"),u.style.display="",u.orientation=this.dropdownContentDirection,C(this,ni).set(u,c),C(this,ni).set(c,u),C(this,Rt).push(u),c.style.display="none",c.active&&(r=!0)}}C(this,Rt).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()},br=new WeakSet,Cn=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},oe.styles=[d`: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(
|
|
942
|
+
`],Q([a({type:Boolean,attribute:"hide-step-values"})],G.prototype,"hideStepValues",2),Q([a({type:Number})],G.prototype,"min",2),Q([a({type:Number})],G.prototype,"max",2),Q([a({type:Number})],G.prototype,"step",2),Q([a({type:String})],G.prototype,"value",1),Q([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),Q([a({type:String})],G.prototype,"label",2),Q([S("#input")],G.prototype,"_input",2),Q([S("#track")],G.prototype,"_track",2),Q([v()],G.prototype,"_stepWidth",2),Q([v()],G.prototype,"_steps",2),Q([v()],G.prototype,"_sliderPosition",2),G=Q([p("uui-slider")],G);var gb=Object.defineProperty,fb=Object.getOwnPropertyDescriptor,Rl=(i,t,e,r)=>{for(var o=r>1?void 0:r?fb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&gb(t,e,o),o};let ir=class extends b{constructor(){super(...arguments),this.open=!1}render(){return l`<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>`}};ir.styles=[d`: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)}`],Rl([a({type:Boolean,reflect:!0})],ir.prototype,"open",2),ir=Rl([p("uui-symbol-expand")],ir);var mb=Object.defineProperty,yb=Object.getOwnPropertyDescriptor,Ul=(i,t,e,r)=>{for(var o=r>1?void 0:r?yb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&mb(t,e,o),o};let or=class extends b{constructor(){super(...arguments),this.error=!1}render(){return l`<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>`}};or.styles=[d`: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)}`],Ul([a({type:Boolean,reflect:!0})],or.prototype,"error",2),or=Ul([p("uui-symbol-file-dropzone")],or);var xb=Object.defineProperty,_b=Object.getOwnPropertyDescriptor,hn=(i,t,e,r)=>{for(var o=r>1?void 0:r?_b(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&xb(t,e,o),o};let qi=class extends b{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),x(this,"uui-icon")}render(){return this.src?l`<img src="${this.src}" alt="${this.alt}">`:l`<uui-icon name="picture" .fallback="${dc.strings[0]}"></uui-icon>`}};qi.styles=[d`: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)}`],hn([a({type:String})],qi.prototype,"src",2),hn([a({type:String})],qi.prototype,"alt",2),qi=hn([p("uui-symbol-file-thumbnail")],qi);var wb=Object.defineProperty,$b=Object.getOwnPropertyDescriptor,Gl=(i,t,e,r)=>{for(var o=r>1?void 0:r?$b(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&wb(t,e,o),o};let rr=class extends b{constructor(){super(...arguments),this.type=""}render(){return l`<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?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}};rr.styles=[d`: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)}`],Gl([a({type:String})],rr.prototype,"type",2),rr=Gl([p("uui-symbol-file")],rr);var kb=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,Cb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Eb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&kb(t,e,o),o};let dn=class extends b{render(){return l`<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>`}};dn.styles=[d`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],dn=Cb([p("uui-symbol-folder")],dn);var Sb=Object.defineProperty,Pb=Object.getOwnPropertyDescriptor,Wl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Pb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Sb(t,e,o),o};let sr=class extends b{constructor(){super(...arguments),this.open=!1}render(){return y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?y`<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>`:y`<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>`}};sr.styles=[d`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Wl([a({type:Boolean,reflect:!0})],sr.prototype,"open",2),sr=Wl([p("uui-symbol-lock")],sr);var Ab=Object.defineProperty,Ob=Object.getOwnPropertyDescriptor,zb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ob(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Ab(t,e,o),o};let pn=class extends b{render(){return l`•••`}};pn.styles=[d`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],pn=zb([p("uui-symbol-more")],pn);var Lb=Object.defineProperty,Ib=Object.getOwnPropertyDescriptor,Fl=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ib(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Lb(t,e,o),o};let nr=class extends gi(b){constructor(){super(...arguments),this.descending=!1}render(){return l`<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>`}};nr.styles=[d`: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))}`],Fl([a({type:Boolean,reflect:!0})],nr.prototype,"descending",2),nr=Fl([p("uui-symbol-sort")],nr);var jb=Object.defineProperty,Nb=Object.getOwnPropertyDescriptor,Mb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Nb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&jb(t,e,o),o};let bn=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};bn.styles=[d`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],bn=Mb([p("uui-table")],bn);var Db=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,ar=(i,t,e,r)=>{for(var o=r>1?void 0:r?Tb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Db(t,e,o),o};let Bt=class extends b{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(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}};Bt.styles=[d`: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}`],ar([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],Bt.prototype,"disableChildInteraction",2),ar([a({type:Boolean,reflect:!0,attribute:"no-padding"})],Bt.prototype,"noPadding",2),ar([a({type:Boolean,reflect:!0,attribute:"clip-text"})],Bt.prototype,"clipText",2),Bt=ar([p("uui-table-cell")],Bt);var Hb=Object.defineProperty,Vb=Object.getOwnPropertyDescriptor,Bb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Vb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Hb(t,e,o),o};let vn=class extends b{};vn.styles=[d`:host{display:table-column}`],vn=Bb([p("uui-table-column")],vn);var Rb=Object.defineProperty,Ub=Object.getOwnPropertyDescriptor,Gb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Ub(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Rb(t,e,o),o};let gn=class extends Bt{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};gn.styles=[...Bt.styles,d`:host{border-top:none}`],gn=Gb([p("uui-table-head-cell")],gn);var Wb=Object.defineProperty,Fb=Object.getOwnPropertyDescriptor,qb=(i,t,e,r)=>{for(var o=r>1?void 0:r?Fb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Wb(t,e,o),o};let fn=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};fn.styles=[d`:host{display:table-header-group;font-weight:700}`],fn=qb([p("uui-table-head")],fn);var Kb=Object.defineProperty,Xb=Object.getOwnPropertyDescriptor,ql=(i,t,e,r)=>{for(var o=r>1?void 0:r?Xb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Kb(t,e,o),o};let lr=class extends uo(Le(b)){constructor(){super();let t=!1;this.addEventListener("blur",()=>{t===!1&&this.style.setProperty("--uui-show-focus-outline","1"),t=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),t=!0}),this.addEventListener("mouseup",()=>{t=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof Bt}render(){return l`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}};lr.styles=[d`: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([Ft({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],lr.prototype,"slotCellNodes",2),lr=ql([p("uui-table-row")],lr);var Yb=Object.defineProperty,Zb=Object.getOwnPropertyDescriptor,Ki=(i,t,e,r)=>{for(var o=r>1?void 0:r?Zb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Yb(t,e,o),o};let we=class extends gi(vt("",b)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`<a id="button" href="${w(this.disabled?void 0:this.href)}" target="${w(this.target||void 0)}" rel="${w(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:l`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}};we.styles=[d`: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}`],Ki([a({type:Boolean,reflect:!0})],we.prototype,"disabled",2),Ki([a({type:String})],we.prototype,"href",2),Ki([a({type:String})],we.prototype,"target",2),Ki([a({type:String,reflect:!0})],we.prototype,"orientation",2),we=Ki([p("uui-tab")],we);var Qb=Object.defineProperty,Jb=Object.getOwnPropertyDescriptor,si=(i,t,e,r)=>{for(var o=r>1?void 0:r?Jb(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&Qb(t,e,o),o},mn=(i,t,e)=>{if(!t.has(i))throw TypeError("Cannot "+e)},C=(i,t,e)=>(mn(i,t,"read from private field"),e?e.call(i):t.get(i)),U=(i,t,e)=>{if(t.has(i))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(i):t.set(i,e)},Xi=(i,t,e,r)=>(mn(i,t,"write to private field"),r?r.call(i,e):t.set(i,e),e),J=(i,t,e)=>(mn(i,t,"access private method"),e),ur,Ct,Rt,ni,Yi,cr,Zi,Qi,yn,Kl,xn,Xl,hr,_n,wn,Yl,ai,Ji,dr,$n,Zl,pr,kn,br,En;let oe=class extends b{constructor(){super(...arguments),U(this,yn),U(this,xn),U(this,hr),U(this,wn),U(this,Ji),U(this,$n),U(this,pr),U(this,br),U(this,ur,0),this.dropdownContentDirection="vertical",U(this,Ct,[]),U(this,Rt,[]),U(this,ni,new Map),U(this,Yi,[]),U(this,cr,new ResizeObserver(J(this,xn,Xl).bind(this))),U(this,Zi,[]),U(this,Qi,!1),U(this,ai,i=>{const t=i.currentTarget;if(J(this,br,En).call(this,t)){t.active=!0;const e=C(this,ni).get(t);e&&(e.active=!0),[...C(this,Ct),...C(this,Rt)].filter(r=>r!==t&&r!==e).forEach(r=>{J(this,br,En).call(this,r)&&(r.active=!1)}),C(this,Rt).some(r=>r.active&&r!==e)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),J(this,yn,Kl).call(this)}disconnectedCallback(){super.disconnectedCallback(),C(this,cr).unobserve(this),J(this,hr,_n).call(this)}render(){return l`<div id="main"><div id="grid"><slot @slotchange="${J(this,wn,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">${Es(C(this,Rt),i=>l`${i}`)}</div></uui-popover-container>`}};ur=new WeakMap,Ct=new WeakMap,Rt=new WeakMap,ni=new WeakMap,Yi=new WeakMap,cr=new WeakMap,Zi=new WeakMap,Qi=new WeakMap,yn=new WeakSet,Kl=async function(){x(this,"uui-button"),x(this,"uui-popover-container"),x(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,C(this,cr).observe(this._mainElement)},xn=new WeakSet,Xl=function(i){const t=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(t)?0:t)!==C(this,ur)?J(this,Ji,dr).call(this):J(this,pr,kn).call(this,i[0].contentBoxSize[0].inlineSize)},hr=new WeakSet,_n=function(){C(this,Ct).forEach(i=>{i.removeEventListener("click",C(this,ai)),C(this,Zi).forEach(t=>t.disconnect())}),C(this,Zi).length=0},wn=new WeakSet,Yl=function(){J(this,hr,_n).call(this),J(this,$n,Zl).call(this),C(this,Ct).forEach(i=>{i.addEventListener("click",C(this,ai));const t=new ResizeObserver(J(this,Ji,dr).bind(this));t.observe(i),C(this,Zi).push(t)})},ai=new WeakMap,Ji=new WeakSet,dr=async function(){if(C(this,Qi))return;Xi(this,Qi,!0),requestAnimationFrame(()=>{Xi(this,Qi,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),t=Number.isNaN(i)?0:i;Xi(this,ur,t);let e=0;for(let o=0;o<C(this,Ct).length;o++)C(this,Ct)[o].style.display="",e+=C(this,Ct)[o].offsetWidth,C(this,Yi)[o]=e,e+=t;const r=2;this._mainElement.style.width=e-t+r+"px",J(this,pr,kn).call(this,this._mainElement.offsetWidth)},$n=new WeakSet,Zl=function(){Xi(this,Ct,this._slottedNodes?this._slottedNodes:[]),J(this,Ji,dr).call(this)},pr=new WeakSet,kn=function(i){const t=this._moreButtonElement.offsetWidth,e=i-(t||0);C(this,Rt).forEach(s=>{s.removeEventListener("click",C(this,ai))}),Xi(this,Rt,[]),C(this,ni).clear();let r=!1;const o=C(this,Yi).length;for(let s=0;s<o;s++){const n=C(this,Yi)[s],c=C(this,Ct)[s];if(n<=(s===o-1?i:e))c.style.display="";else{const u=c.cloneNode(!0);u.addEventListener("click",C(this,ai)),u.classList.add("hidden-tab"),u.style.display="",u.orientation=this.dropdownContentDirection,C(this,ni).set(u,c),C(this,ni).set(c,u),C(this,Rt).push(u),c.style.display="none",c.active&&(r=!0)}}C(this,Rt).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()},br=new WeakSet,En=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},oe.styles=[d`: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(
|
|
944
943
|
--uui-tab-group-dropdown-tab-text-hover,
|
|
945
944
|
unset
|
|
946
945
|
);--uui-tab-text-active:var(
|
|
947
946
|
--uui-tab-group-dropdown-tab-text-active,
|
|
948
947
|
unset
|
|
949
|
-
)}::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}`],si([S("#more-button")],oe.prototype,"_moreButtonElement",2),si([S("#popover-container")],oe.prototype,"_popoverContainerElement",2),si([S("#main")],oe.prototype,"_mainElement",2),si([Ft({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],oe.prototype,"_slottedNodes",2),si([a({type:String,reflect:!0,attribute:"dropdown-content-direction"})],oe.prototype,"dropdownContentDirection",2),oe=si([p("uui-tab-group")],oe);var
|
|
950
|
-
</textarea>`}};T.formAssociated=!0,T.styles=[d`: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)}`],W([a()],T.prototype,"placeholder",2),W([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),W([a({type:Boolean,reflect:!0})],T.prototype,"readonly",2),W([a({type:String})],T.prototype,"name",2),W([a({type:Boolean,reflect:!0})],T.prototype,"error",2),W([a({type:Number})],T.prototype,"minlength",2),W([a({type:String,attribute:"minlength-message"})],T.prototype,"minlengthMessage",2),W([a({type:Number})],T.prototype,"maxlength",2),W([a({type:String,attribute:"maxlength-message"})],T.prototype,"maxlengthMessage",2),W([S("#textarea")],T.prototype,"_textarea",2),W([a({type:Boolean,attribute:"auto-height",reflect:!0})],T.prototype,"autoHeight",2),W([a({type:String})],T.prototype,"label",2),W([a({type:Number})],T.prototype,"rows",2),W([a({type:Number})],T.prototype,"cols",2),W([a({type:String})],T.prototype,"wrap",2),T=W([p("uui-textarea")],T);let Y=class extends O{};Y.OPENING="opening",Y.OPENED="opened",Y.CLOSING="closing",Y.CLOSED="closed";var s0=Object.defineProperty,n0=Object.getOwnPropertyDescriptor,li=(i,t,e,r)=>{for(var o=r>1?void 0:r?n0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&s0(t,e,o),o};let re=class extends b{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",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose=t,t!==null?(this._timer===null?this._timer=new lc(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),x(this,"uui-button"),x(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 Y(Y.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new Y(Y.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const t=new Y(Y.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,this._timer?.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new Y(Y.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`<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="${Fr.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}};re.styles=[Nr,d`: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)}`],li([a({reflect:!0})],re.prototype,"color",2),li([a({type:Number})],re.prototype,"autoClose",1),li([S("#toast")],re.prototype,"_toastEl",2),li([v()],re.prototype,"_animate",2),li([a({type:Boolean,reflect:!0})],re.prototype,"open",1),re=li([p("uui-toast-notification")],re);var a0=Object.defineProperty,l0=Object.getOwnPropertyDescriptor,Ql=(i,t,e,r)=>{for(var o=r>1?void 0:r?l0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&a0(t,e,o),o};let gr=class extends b{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(Y.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=>e.indexOf(r)===-1).forEach(r=>{r.addEventListener(Y.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(t){this._autoClose=t,this._toasts?.forEach(e=>e.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l`<slot @slotchange="${this.onSlotChanged}"></slot>`}};gr.styles=[d`: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}`],Ql([a({type:Number,reflect:!0,attribute:"auto-close"})],gr.prototype,"_autoClose",2),gr=Ql([p("uui-toast-notification-container")],gr);var u0=Object.defineProperty,c0=Object.getOwnPropertyDescriptor,Pn=(i,t,e,r)=>{for(var o=r>1?void 0:r?c0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&u0(t,e,o),o};let eo=class extends b{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=i=>{this._headlineSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0}}render(){return l`<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>`}};eo.styles=[Nr,d`#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)}`],Pn([a({type:String})],eo.prototype,"headline",2),Pn([v()],eo.prototype,"_headlineSlotHasContent",2),eo=Pn([p("uui-toast-notification-layout")],eo);var h0=Object.defineProperty,d0=Object.getOwnPropertyDescriptor,p0=(i,t,e,r)=>{for(var o=r>1?void 0:r?d0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&h0(t,e,o),o};let fr=class extends At{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-checked">${fo}</div><div id="icon-unchecked">${Fr}</div></div>`}};fr.formAssociated=!0,fr.styles=[...At.styles,po,d`: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:${bo}}: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)}`],fr=p0([p("uui-toggle")],fr);var b0=Object.defineProperty,v0=Object.getOwnPropertyDescriptor,g0=(i,t,e,r)=>{for(var o=r>1?void 0:r?v0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&b0(t,e,o),o};let An=class extends b{render(){return l`<slot></slot>`}};An.styles=[d`: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}`],An=g0([p("uui-visually-hidden")],An)});
|
|
948
|
+
)}::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}`],si([S("#more-button")],oe.prototype,"_moreButtonElement",2),si([S("#popover-container")],oe.prototype,"_popoverContainerElement",2),si([S("#main")],oe.prototype,"_mainElement",2),si([Ft({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],oe.prototype,"_slottedNodes",2),si([a({type:String,reflect:!0,attribute:"dropdown-content-direction"})],oe.prototype,"dropdownContentDirection",2),oe=si([p("uui-tab-group")],oe);var t0=Object.defineProperty,e0=Object.getOwnPropertyDescriptor,Cn=(i,t,e,r)=>{for(var o=r>1?void 0:r?e0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&t0(t,e,o),o};let to=class extends b{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};to.styles=[d`: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)}`],Cn([a({reflect:!0})],to.prototype,"color",2),Cn([a({reflect:!0})],to.prototype,"look",2),to=Cn([p("uui-tag")],to);class vr extends O{constructor(t,e={}){super(t,{bubbles:!0,...e})}}vr.CHANGE="change",vr.INPUT="input";var i0=Object.defineProperty,o0=Object.getOwnPropertyDescriptor,W=(i,t,e,r)=>{for(var o=r>1?void 0:r?o0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&i0(t,e,o),o};let T=class extends gt(b){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(){this._textarea?.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new vr(vr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight+2>e.clientHeight?e.style.height=e.scrollHeight+2+"px":e.scrollHeight+2<e.clientHeight&&e.style.removeProperty("height"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`<textarea id="textarea" rows="${w(this.rows)}" cols="${w(this.cols)}" .value="${this.value}" .name="${this.name}" wrap="${w(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
|
|
949
|
+
</textarea>`}};T.formAssociated=!0,T.styles=[d`: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)}`],W([a()],T.prototype,"placeholder",2),W([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),W([a({type:Boolean,reflect:!0})],T.prototype,"readonly",2),W([a({type:String})],T.prototype,"name",2),W([a({type:Boolean,reflect:!0})],T.prototype,"error",2),W([a({type:Number})],T.prototype,"minlength",2),W([a({type:String,attribute:"minlength-message"})],T.prototype,"minlengthMessage",2),W([a({type:Number})],T.prototype,"maxlength",2),W([a({type:String,attribute:"maxlength-message"})],T.prototype,"maxlengthMessage",2),W([S("#textarea")],T.prototype,"_textarea",2),W([a({type:Boolean,attribute:"auto-height",reflect:!0})],T.prototype,"autoHeight",2),W([a({type:String})],T.prototype,"label",2),W([a({type:Number})],T.prototype,"rows",2),W([a({type:Number})],T.prototype,"cols",2),W([a({type:String})],T.prototype,"wrap",2),T=W([p("uui-textarea")],T);let Y=class extends O{};Y.OPENING="opening",Y.OPENED="opened",Y.CLOSING="closing",Y.CLOSED="closed";var r0=Object.defineProperty,s0=Object.getOwnPropertyDescriptor,li=(i,t,e,r)=>{for(var o=r>1?void 0:r?s0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&r0(t,e,o),o};let re=class extends b{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",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose=t,t!==null?(this._timer===null?this._timer=new ac(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),x(this,"uui-button"),x(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 Y(Y.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new Y(Y.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const t=new Y(Y.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,this._timer?.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new Y(Y.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`<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="${Wr.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}};re.styles=[Nr,d`: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)}`],li([a({reflect:!0})],re.prototype,"color",2),li([a({type:Number})],re.prototype,"autoClose",1),li([S("#toast")],re.prototype,"_toastEl",2),li([v()],re.prototype,"_animate",2),li([a({type:Boolean,reflect:!0})],re.prototype,"open",1),re=li([p("uui-toast-notification")],re);var n0=Object.defineProperty,a0=Object.getOwnPropertyDescriptor,Ql=(i,t,e,r)=>{for(var o=r>1?void 0:r?a0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&n0(t,e,o),o};let gr=class extends b{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(Y.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=>e.indexOf(r)===-1).forEach(r=>{r.addEventListener(Y.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(t){this._autoClose=t,this._toasts?.forEach(e=>e.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l`<slot @slotchange="${this.onSlotChanged}"></slot>`}};gr.styles=[d`: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}`],Ql([a({type:Number,reflect:!0,attribute:"auto-close"})],gr.prototype,"_autoClose",2),gr=Ql([p("uui-toast-notification-container")],gr);var l0=Object.defineProperty,u0=Object.getOwnPropertyDescriptor,Sn=(i,t,e,r)=>{for(var o=r>1?void 0:r?u0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&l0(t,e,o),o};let eo=class extends b{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=i=>{this._headlineSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0}}render(){return l`<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>`}};eo.styles=[Nr,d`#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)}`],Sn([a({type:String})],eo.prototype,"headline",2),Sn([v()],eo.prototype,"_headlineSlotHasContent",2),eo=Sn([p("uui-toast-notification-layout")],eo);var c0=Object.defineProperty,h0=Object.getOwnPropertyDescriptor,d0=(i,t,e,r)=>{for(var o=r>1?void 0:r?h0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&c0(t,e,o),o};let fr=class extends At{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-checked">${fo}</div><div id="icon-unchecked">${Wr}</div></div>`}};fr.formAssociated=!0,fr.styles=[...At.styles,po,d`: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:${bo}}: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)}`],fr=d0([p("uui-toggle")],fr);var p0=Object.defineProperty,b0=Object.getOwnPropertyDescriptor,v0=(i,t,e,r)=>{for(var o=r>1?void 0:r?b0(t,e):t,s=i.length-1,n;s>=0;s--)(n=i[s])&&(o=(r?n(t,e,o):n(o))||o);return r&&o&&p0(t,e,o),o};let Pn=class extends b{render(){return l`<slot></slot>`}};Pn.styles=[d`: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}`],Pn=v0([p("uui-visually-hidden")],Pn)});
|
|
951
950
|
//# sourceMappingURL=uui.min.js.map
|