@umbraco-ui/uui 1.3.0-rc.0 → 1.3.0-rc.1
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/custom-elements.json +47 -51
- package/dist/uui.min.js +432 -432
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +79 -79
- package/lib/index.js +79 -79
- package/package.json +82 -82
- package/vscode-html-custom-data.json +55 -55
package/dist/uui.min.js
CHANGED
|
@@ -1,50 +1,22 @@
|
|
|
1
|
-
(function(n,
|
|
1
|
+
(function(n,ve){typeof exports=="object"&&typeof module<"u"?ve(exports):typeof define=="function"&&define.amd?define(["exports"],ve):(n=typeof globalThis<"u"?globalThis:n||self,ve(n.uui={}))})(this,function(n){"use strict";/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const ve=window,pi=ve.ShadowRoot&&(ve.ShadyCSS===void 0||ve.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,bi=Symbol(),gr=new WeakMap;let fr=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==bi)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(pi&&e===void 0){const o=t!==void 0&&t.length===1;o&&(e=gr.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&gr.set(t,e))}return e}toString(){return this.cssText}};const ge=i=>new fr(typeof i=="string"?i:i+"",void 0,bi),p=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((o,r,s)=>o+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[s+1],i[0]);return new fr(t,i,bi)},Ys=(i,e)=>{pi?i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const o=document.createElement("style"),r=ve.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=t.cssText,i.appendChild(o)})},yr=pi?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return ge(t)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var mi;const $t=window,_r=$t.trustedTypes,Xs=_r?_r.emptyScript:"",wr=$t.reactiveElementPolyfillSupport,vi={toAttribute(i,e){switch(e){case Boolean:i=i?Xs:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ur=(i,e)=>e!==i&&(e==e||i==i),gi={attribute:!0,type:String,converter:vi,reflect:!1,hasChanged:Ur};let Me=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,o)=>{const r=this._$Ep(o,t);r!==void 0&&(this._$Ev.set(r,o),e.push(r))}),e}static createProperty(e,t=gi){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,r=this.getPropertyDescriptor(e,o,t);r!==void 0&&Object.defineProperty(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){return{get(){return this[t]},set(r){const s=this[e];this[t]=r,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||gi}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of o)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const r of o)t.unshift(yr(r))}else e!==void 0&&t.push(yr(e));return t}static _$Ep(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,o;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Ys(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostConnected)===null||o===void 0?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostDisconnected)===null||o===void 0?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EO(e,t,o=gi){var r;const s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){const a=(((r=o.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?o.converter:vi).toAttribute(t,o.type);this._$El=e,a==null?this.removeAttribute(s):this.setAttribute(s,a),this._$El=null}}_$AK(e,t){var o;const r=this.constructor,s=r._$Ev.get(e);if(s!==void 0&&this._$El!==s){const a=r.getPropertyOptions(s),c=typeof a.converter=="function"?{fromAttribute:a.converter}:((o=a.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?a.converter:vi;this._$El=s,this[s]=c.fromAttribute(t,a.type),this._$El=null}}requestUpdate(e,t,o){let r=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||Ur)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,s)=>this[s]=r),this._$Ei=void 0);let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(r=>{var s;return(s=r.hostUpdate)===null||s===void 0?void 0:s.call(r)}),this.update(o)):this._$Ek()}catch(r){throw t=!1,this._$Ek(),r}t&&this._$AE(o)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach(o=>{var r;return(r=o.hostUpdated)===null||r===void 0?void 0:r.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((t,o)=>this._$EO(o,this[o],t)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};Me.finalized=!0,Me.elementProperties=new Map,Me.elementStyles=[],Me.shadowRootOptions={mode:"open"},wr?.({ReactiveElement:Me}),((mi=$t.reactiveElementVersions)!==null&&mi!==void 0?mi:$t.reactiveElementVersions=[]).push("1.6.1");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g")
|
|
13
|
+
*/var fi;const kt=window,He=kt.trustedTypes,Er=He?He.createPolicy("lit-html",{createHTML:i=>i}):void 0,It="$lit$",ae=`lit$${(Math.random()+"").slice(9)}$`,yi="?"+ae,Zs=`<${yi}>`,Ue=document,ut=()=>Ue.createComment(""),ct=i=>i===null||typeof i!="object"&&typeof i!="function",$r=Array.isArray,kr=i=>$r(i)||typeof i?.[Symbol.iterator]=="function",_i=`[
|
|
14
|
+
\f\r]`,dt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ir=/-->/g,xr=/>/g,Ee=RegExp(`>|${_i}(?:([^\\s"'>=/]+)(${_i}*=${_i}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Cr=/'/g,Or=/"/g,Sr=/^(?:script|style|textarea|title)$/i,Pr=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),u=Pr(1),g=Pr(2),H=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),zr=new WeakMap,$e=Ue.createTreeWalker(Ue,129,null,!1),Ar=(i,e)=>{const t=i.length-1,o=[];let r,s=e===2?"<svg>":"",a=dt;for(let d=0;d<t;d++){const h=i[d];let U,_,f=-1,w=0;for(;w<h.length&&(a.lastIndex=w,_=a.exec(h),_!==null);)w=a.lastIndex,a===dt?_[1]==="!--"?a=Ir:_[1]!==void 0?a=xr:_[2]!==void 0?(Sr.test(_[2])&&(r=RegExp("</"+_[2],"g")),a=Ee):_[3]!==void 0&&(a=Ee):a===Ee?_[0]===">"?(a=r??dt,f=-1):_[1]===void 0?f=-2:(f=a.lastIndex-_[2].length,U=_[1],a=_[3]===void 0?Ee:_[3]==='"'?Or:Cr):a===Or||a===Cr?a=Ee:a===Ir||a===xr?a=dt:(a=Ee,r=void 0);const E=a===Ee&&i[d+1].startsWith("/>")?" ":"";s+=a===dt?h+Zs:f>=0?(o.push(U),h.slice(0,f)+It+h.slice(f)+ae+E):h+ae+(f===-2?(o.push(void 0),d):E)}const c=s+(i[t]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return[Er!==void 0?Er.createHTML(c):c,o]};let wi=class Ks{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let s=0,a=0;const c=e.length-1,d=this.parts,[h,U]=Ar(e,t);if(this.el=Ks.createElement(h,o),$e.currentNode=this.el.content,t===2){const _=this.el.content,f=_.firstChild;f.remove(),_.append(...f.childNodes)}for(;(r=$e.nextNode())!==null&&d.length<c;){if(r.nodeType===1){if(r.hasAttributes()){const _=[];for(const f of r.getAttributeNames())if(f.endsWith(It)||f.startsWith(ae)){const w=U[a++];if(_.push(f),w!==void 0){const E=r.getAttribute(w.toLowerCase()+It).split(ae),k=/([.?@])?(.*)/.exec(w);d.push({type:1,index:s,name:k[2],strings:E,ctor:k[1]==="."?Tr:k[1]==="?"?jr:k[1]==="@"?Nr:ht})}else d.push({type:6,index:s})}for(const f of _)r.removeAttribute(f)}if(Sr.test(r.tagName)){const _=r.textContent.split(ae),f=_.length-1;if(f>0){r.textContent=He?He.emptyScript:"";for(let w=0;w<f;w++)r.append(_[w],ut()),$e.nextNode(),d.push({type:2,index:++s});r.append(_[f],ut())}}}else if(r.nodeType===8)if(r.data===yi)d.push({type:2,index:s});else{let _=-1;for(;(_=r.data.indexOf(ae,_+1))!==-1;)d.push({type:7,index:s}),_+=ae.length-1}s++}}static createElement(e,t){const o=Ue.createElement("template");return o.innerHTML=e,o}};function ke(i,e,t=i,o){var r,s,a,c;if(e===H)return e;let d=o!==void 0?(r=t._$Co)===null||r===void 0?void 0:r[o]:t._$Cl;const h=ct(e)?void 0:e._$litDirective$;return d?.constructor!==h&&((s=d?._$AO)===null||s===void 0||s.call(d,!1),h===void 0?d=void 0:(d=new h(i),d._$AT(i,t,o)),o!==void 0?((a=(c=t)._$Co)!==null&&a!==void 0?a:c._$Co=[])[o]=d:t._$Cl=d),d!==void 0&&(e=ke(i,d._$AS(i,e.values),d,o)),e}let Lr=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:o},parts:r}=this._$AD,s=((t=e?.creationScope)!==null&&t!==void 0?t:Ue).importNode(o,!0);$e.currentNode=s;let a=$e.nextNode(),c=0,d=0,h=r[0];for(;h!==void 0;){if(c===h.index){let U;h.type===2?U=new xt(a,a.nextSibling,this,e):h.type===1?U=new h.ctor(a,h.name,h.strings,this,e):h.type===6&&(U=new Dr(a,this,e)),this._$AV.push(U),h=r[++d]}c!==h?.index&&(a=$e.nextNode(),c++)}return $e.currentNode=Ue,s}v(e){let t=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}},xt=class Ws{constructor(e,t,o,r){var s;this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this._$Cp=(s=r?.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ke(this,e,t),ct(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==H&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):kr(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==$&&ct(this._$AH)?this._$AA.nextSibling.data=e:this.$(Ue.createTextNode(e)),this._$AH=e}g(e){var t;const{values:o,_$litType$:r}=e,s=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=wi.createElement(r.h,this.options)),r);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.v(o);else{const a=new Lr(s,this),c=a.u(this.options);a.v(o),this.$(c),this._$AH=a}}_$AC(e){let t=zr.get(e.strings);return t===void 0&&zr.set(e.strings,t=new wi(e)),t}T(e){$r(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,r=0;for(const s of e)r===t.length?t.push(o=new Ws(this.k(ut()),this.k(ut()),this,this.options)):o=t[r],o._$AI(s),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,t);e&&e!==this._$AB;){const r=e.nextSibling;e.remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},ht=class{constructor(e,t,o,r,s){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=$}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,o,r){const s=this.strings;let a=!1;if(s===void 0)e=ke(this,e,t,0),a=!ct(e)||e!==this._$AH&&e!==H,a&&(this._$AH=e);else{const c=e;let d,h;for(e=s[0],d=0;d<s.length-1;d++)h=ke(this,c[o+d],t,d),h===H&&(h=this._$AH[d]),a||(a=!ct(h)||h!==this._$AH[d]),h===$?e=$:e!==$&&(e+=(h??"")+s[d+1]),this._$AH[d]=h}a&&!r&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Tr=class extends ht{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}};const Qs=He?He.emptyScript:"";let jr=class extends ht{constructor(){super(...arguments),this.type=4}j(e){e&&e!==$?this.element.setAttribute(this.name,Qs):this.element.removeAttribute(this.name)}},Nr=class extends ht{constructor(e,t,o,r,s){super(e,t,o,r,s),this.type=5}_$AI(e,t=this){var o;if((e=(o=ke(this,e,t,0))!==null&&o!==void 0?o:$)===H)return;const r=this._$AH,s=e===$&&r!==$||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,a=e!==$&&(r===$||s);s&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}},Dr=class{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){ke(this,e)}};const Js={O:It,P:ae,A:yi,C:1,M:Ar,L:Lr,D:kr,R:ke,I:xt,V:ht,H:jr,N:Nr,U:Tr,F:Dr},Mr=kt.litHtmlPolyfillSupport;Mr?.(wi,xt),((fi=kt.litHtmlVersions)!==null&&fi!==void 0?fi:kt.litHtmlVersions=[]).push("2.7.4");const ea=(i,e,t)=>{var o,r;const s=(o=t?.renderBefore)!==null&&o!==void 0?o:e;let a=s._$litPart$;if(a===void 0){const c=(r=t?.renderBefore)!==null&&r!==void 0?r:null;s._$litPart$=a=new xt(e.insertBefore(ut(),c),c,void 0,t??{})}return a._$AI(i),a};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var
|
|
20
|
-
* @license
|
|
21
|
-
* Copyright 2017 Google LLC
|
|
22
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const wi=i=>e=>typeof e=="function"?((t,o)=>(customElements.define(t,o),o))(i,e):((t,o)=>{const{kind:r,elements:a}=o;return{kind:r,elements:a,finisher(s){customElements.define(t,s)}}})(i,e);/**
|
|
24
|
-
* @license
|
|
25
|
-
* Copyright 2017 Google LLC
|
|
26
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Ka=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}};function l(i){return(e,t)=>t!==void 0?((o,r,a)=>{r.constructor.createProperty(a,o)})(i,e,t):Ka(i,e)}/**
|
|
28
|
-
* @license
|
|
29
|
-
* Copyright 2017 Google LLC
|
|
30
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function m(i){return l({...i,state:!0})}/**
|
|
32
|
-
* @license
|
|
33
|
-
* Copyright 2017 Google LLC
|
|
34
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const Ui=({finisher:i,descriptor:e})=>(t,o)=>{var r;if(o===void 0){const a=(r=t.originalKey)!==null&&r!==void 0?r:t.key,s=e!=null?{kind:"method",placement:"prototype",key:a,descriptor:e(t.key)}:{...t,key:a};return i!=null&&(s.finisher=function(c){i(c,a)}),s}{const a=t.constructor;e!==void 0&&Object.defineProperty(t,o,e(o)),i?.(a,o)}};/**
|
|
36
|
-
* @license
|
|
37
|
-
* Copyright 2017 Google LLC
|
|
38
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function I(i,e){return Ui({descriptor:t=>{const o={get(){var r,a;return(a=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(i))!==null&&a!==void 0?a:null},enumerable:!0,configurable:!0};if(e){const r=typeof t=="symbol"?Symbol():"__"+t;o.get=function(){var a,s;return this[r]===void 0&&(this[r]=(s=(a=this.renderRoot)===null||a===void 0?void 0:a.querySelector(i))!==null&&s!==void 0?s:null),this[r]}}return o}})}/**
|
|
40
|
-
* @license
|
|
41
|
-
* Copyright 2017 Google LLC
|
|
42
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
-
*/function Wa(i){return Ui({descriptor:e=>({get(){var t,o;return(o=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
44
|
-
* @license
|
|
45
|
-
* Copyright 2021 Google LLC
|
|
46
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/var Ei;const Ya=((Ei=window.HTMLSlotElement)===null||Ei===void 0?void 0:Ei.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);function me(i){const{slot:e,selector:t}=i??{};return Ui({descriptor:o=>({get(){var r;const a="slot"+(e?`[name=${e}]`:":not([name])"),s=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(a),c=s!=null?Ya(s,i):[];return t?c.filter(d=>d.matches(t)):c},enumerable:!0,configurable:!0})})}var Xa=Object.defineProperty,Za=Object.getOwnPropertyDescriptor,kt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Za(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Xa(e,t,r),r};n.UUIAvatarGroupElement=class extends v{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[b`: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}`],kt([me({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),kt([m()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),kt([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=kt([h("uui-avatar-group")],n.UUIAvatarGroupElement);var Qa=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,Te=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ja(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Qa(e,t,r),r};n.UUIAvatarElement=class extends v{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.initials=this.createInitials(this._name),this.requestUpdate("title",t)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const o=e.match(/(\w+)/g);return o!=null&&o.length?(t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}},n.UUIAvatarElement.styles=[b`: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%}`],Te([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Te([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Te([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Te([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",1),Te([m()],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Te([h("uui-avatar")],n.UUIAvatarElement);var es=Object.defineProperty,ts=Object.getOwnPropertyDescriptor,It=(i,e,t,o)=>{for(var r=o>1?void 0:o?ts(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&es(e,t,r),r};n.UUIBadgeElement=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[b`: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,var(--uui-size-4)));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,var(--uui-palette-space-cadet));--color-standalone:var(--uui-color-default-standalone,var(--uui-palette-space-cadet-dark));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,var(--uui-palette-jungle-green));--color-standalone:var(--uui-color-positive-standalone,var(--uui-palette-jungle-green-dark));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,var(--uui-palette-sunglow));--color-standalone:var(--uui-color-warning-standalone,var(--uui-palette-sunglow-dark));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,var(--uui-palette-maroon-flush));--color-standalone:var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));--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,var(--uui-palette-sand));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}}`],It([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),It([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),It([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=It([h("uui-badge")],n.UUIBadgeElement);var is=Object.defineProperty,rs=Object.getOwnPropertyDescriptor,os=(i,e,t,o)=>{for(var r=o>1?void 0:o?rs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&is(e,t,r),r};const ut=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return os([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var ns=Object.defineProperty,as=Object.getOwnPropertyDescriptor,jr=(i,e,t,o)=>{for(var r=o>1?void 0:o?as(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ns(e,t,r),r};const Q=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return jr([l({type:String})],t.prototype,"label",2),jr([m()],t.prototype,"_labelSlotHasContent",2),t};var ss=Object.defineProperty,Hr=Object.getOwnPropertySymbols,ls=Object.prototype.hasOwnProperty,us=Object.prototype.propertyIsEnumerable,Dr=(i,e,t)=>e in i?ss(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,cs=(i,e)=>{for(var t in e||(e={}))ls.call(e,t)&&Dr(i,t,e[t]);if(Hr)for(var t of Hr(e))us.call(e,t)&&Dr(i,t,e[t]);return i};let ds=class extends Event{constructor(e,t={}){super(e,cs({},t)),this.detail=t.detail||{}}};var hs=Object.defineProperty,Mr=Object.getOwnPropertySymbols,ps=Object.prototype.hasOwnProperty,bs=Object.prototype.propertyIsEnumerable,Br=(i,e,t)=>e in i?hs(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Rr=(i,e)=>{for(var t in e||(e={}))ps.call(e,t)&&Br(i,t,e[t]);if(Mr)for(var t of Mr(e))bs.call(e,t)&&Br(i,t,e[t]);return i};let je=class extends ds{constructor(e,t={}){super(e,Rr(Rr({},{bubbles:!0,cancelable:!0}),t))}};je.SELECTED="selected",je.UNSELECTED="unselected";var vs=Object.defineProperty,ms=Object.getOwnPropertyDescriptor,Vr=(i,e,t,o)=>{for(var r=o>1?void 0:o?ms(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&vs(e,t,r),r};const He=i=>{class e extends i{constructor(...o){super(...o),this._selectable=!1,this.unselectable=!0,this.selected=!1,this.selectableTarget=this,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_select(){if(!this.selectable)return;const o=new je(je.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_unselect(){if(!this.unselectable)return;const o=new je(je.UNSELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.unselectable===!1?this._select():this.selected?this._unselect():this._select()}}return Vr([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Vr([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var gs=Object.defineProperty,fs=Object.getOwnPropertyDescriptor,ys=(i,e,t,o)=>{for(var r=o>1?void 0:o?fs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&gs(e,t,r),r};const xt=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return ys([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var _s=Object.defineProperty,Fr=Object.getOwnPropertySymbols,ws=Object.prototype.hasOwnProperty,Us=Object.prototype.propertyIsEnumerable,Gr=(i,e,t)=>e in i?_s(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Es=(i,e)=>{for(var t in e||(e={}))ws.call(e,t)&&Gr(i,t,e[t]);if(Fr)for(var t of Fr(e))Us.call(e,t)&&Gr(i,t,e[t]);return i};let qr=class extends Event{constructor(e,t={}){super(e,Es({},t)),this.detail=t.detail||{}}};var $s=Object.defineProperty,Kr=Object.getOwnPropertySymbols,ks=Object.prototype.hasOwnProperty,Is=Object.prototype.propertyIsEnumerable,Wr=(i,e,t)=>e in i?$s(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Yr=(i,e)=>{for(var t in e||(e={}))ks.call(e,t)&&Wr(i,t,e[t]);if(Kr)for(var t of Kr(e))Is.call(e,t)&&Wr(i,t,e[t]);return i};let De=class extends qr{constructor(e,t={}){super(e,Yr(Yr({},{bubbles:!0}),t))}};De.VALID="valid",De.INVALID="invalid";var xs=Object.defineProperty,Xr=Object.getOwnPropertySymbols,Cs=Object.prototype.hasOwnProperty,Ps=Object.prototype.propertyIsEnumerable,Zr=(i,e,t)=>e in i?xs(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Qr=(i,e)=>{for(var t in e||(e={}))Cs.call(e,t)&&Zr(i,t,e[t]);if(Xr)for(var t of Xr(e))Ps.call(e,t)&&Zr(i,t,e[t]);return i};let Jr=class extends qr{constructor(e,t={}){super(e,Qr(Qr({},{bubbles:!0,cancelable:!0}),t))}};Jr.SELECTED="selected",Jr.UNSELECTED="unselected";var Os=Object.defineProperty,Ss=Object.getOwnPropertyDescriptor,$e=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ss(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Os(e,t,r),r};const J=i=>{class e extends i{constructor(...o){super(...o),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(o){const r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,a){const s={flagKey:o,getMessageMethod:r,checkMethod:a};return this._validators.push(s),s}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const a in r.validity)a!=="valid"&&r.validity[a]&&(this._validityState[a]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new De(De.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new De(De.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,$e([l({type:String})],e.prototype,"name",2),$e([l()],e.prototype,"value",1),$e([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),$e([l({type:Boolean,reflect:!0})],e.prototype,"required",2),$e([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),$e([l({type:Boolean,reflect:!0})],e.prototype,"error",2),$e([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var zs=Object.defineProperty,eo=Object.getOwnPropertySymbols,As=Object.prototype.hasOwnProperty,Ls=Object.prototype.propertyIsEnumerable,to=(i,e,t)=>e in i?zs(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ns=(i,e)=>{for(var t in e||(e={}))As.call(e,t)&&to(i,t,e[t]);if(eo)for(var t of eo(e))Ls.call(e,t)&&to(i,t,e[t]);return i};let x=class extends Event{constructor(e,t={}){super(e,Ns({},t)),this.detail=t.detail||{}}};var Ts=Object.defineProperty,io=Object.getOwnPropertySymbols,js=Object.prototype.hasOwnProperty,Hs=Object.prototype.propertyIsEnumerable,ro=(i,e,t)=>e in i?Ts(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,oo=(i,e)=>{for(var t in e||(e={}))js.call(e,t)&&ro(i,t,e[t]);if(io)for(var t of io(e))Hs.call(e,t)&&ro(i,t,e[t]);return i};let Me=class extends x{constructor(e,t={}){super(e,oo(oo({},{bubbles:!0}),t))}};Me.VALID="valid",Me.INVALID="invalid";var Ds=Object.defineProperty,no=Object.getOwnPropertySymbols,Ms=Object.prototype.hasOwnProperty,Bs=Object.prototype.propertyIsEnumerable,ao=(i,e,t)=>e in i?Ds(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,so=(i,e)=>{for(var t in e||(e={}))Ms.call(e,t)&&ao(i,t,e[t]);if(no)for(var t of no(e))Bs.call(e,t)&&ao(i,t,e[t]);return i};let ge=class extends x{constructor(e,t={}){super(e,so(so({},{bubbles:!0,cancelable:!0}),t))}};ge.SELECTED="selected",ge.UNSELECTED="unselected";var Rs=Object.defineProperty,lo=Object.getOwnPropertySymbols,Vs=Object.prototype.hasOwnProperty,Fs=Object.prototype.propertyIsEnumerable,uo=(i,e,t)=>e in i?Rs(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,co=(i,e)=>{for(var t in e||(e={}))Vs.call(e,t)&&uo(i,t,e[t]);if(lo)for(var t of lo(e))Fs.call(e,t)&&uo(i,t,e[t]);return i};let Ct=class extends x{constructor(e,t={}){super(e,co(co({},{bubbles:!0}),t))}};Ct.CHANGE="change";var Gs=Object.defineProperty,qs=Object.getOwnPropertyDescriptor,Pt=(i,e,t,o)=>{for(var r=o>1?void 0:o?qs(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Gs(e,t,r),r};let ee=class extends J(Q("",v)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var t;super.firstUpdated(e);const o=(t=this.shadowRoot)==null?void 0:t.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),o.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new Ct(Ct.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};ee.styles=[b`: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}`],Pt([l({type:String,attribute:"label-position",reflect:!0})],ee.prototype,"labelPosition",2),Pt([l({type:Boolean})],ee.prototype,"checked",1),Pt([l({type:Boolean,reflect:!0})],ee.prototype,"disabled",2),Pt([I("#input")],ee.prototype,"_input",2);var Ks=`.uui-text {
|
|
19
|
+
*/var Ui,Ei;let m=class extends Me{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=ea(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return H}};m.finalized=!0,m._$litElement$=!0,(Ui=globalThis.litElementHydrateSupport)===null||Ui===void 0||Ui.call(globalThis,{LitElement:m});const Hr=globalThis.litElementPolyfillSupport;Hr?.({LitElement:m}),((Ei=globalThis.litElementVersions)!==null&&Ei!==void 0?Ei:globalThis.litElementVersions=[]).push("3.3.2");var ta=`.uui-text {
|
|
48
20
|
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
49
21
|
font-size: 15px;
|
|
50
22
|
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
@@ -125,7 +97,7 @@
|
|
|
125
97
|
|
|
126
98
|
.uui-text h5,
|
|
127
99
|
.uui-text .uui-h5 {
|
|
128
|
-
font-size: var(--uui-type-h5-size,
|
|
100
|
+
font-size: var(--uui-type-h5-size,15px);
|
|
129
101
|
line-height: inherit;
|
|
130
102
|
font-weight: 700;
|
|
131
103
|
margin-left: 0;
|
|
@@ -150,15 +122,15 @@
|
|
|
150
122
|
|
|
151
123
|
.uui-text a:link,
|
|
152
124
|
.uui-text a:active {
|
|
153
|
-
color: var(--uui-color-interactive
|
|
125
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
154
126
|
}
|
|
155
127
|
.uui-text a:hover {
|
|
156
|
-
color: var(--uui-color-interactive-emphasis
|
|
128
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
157
129
|
}
|
|
158
130
|
|
|
159
131
|
.uui-text small {
|
|
160
132
|
display: inline-block;
|
|
161
|
-
font-size: var(--uui-type-small-size,
|
|
133
|
+
font-size: var(--uui-type-small-size,12px);
|
|
162
134
|
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
163
135
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
164
136
|
}
|
|
@@ -208,382 +180,163 @@
|
|
|
208
180
|
margin-top: var(--uui-size-layout-1,24px);
|
|
209
181
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
210
182
|
}
|
|
211
|
-
`;const
|
|
183
|
+
`;const Ct=ge(ta);/**
|
|
184
|
+
* @license
|
|
185
|
+
* Copyright 2017 Google LLC
|
|
186
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
187
|
+
*/const $i=i=>e=>typeof e=="function"?((t,o)=>(customElements.define(t,o),o))(i,e):((t,o)=>{const{kind:r,elements:s}=o;return{kind:r,elements:s,finisher(a){customElements.define(t,a)}}})(i,e);/**
|
|
188
|
+
* @license
|
|
189
|
+
* Copyright 2017 Google LLC
|
|
190
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
+
*/const ia=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}};function l(i){return(e,t)=>t!==void 0?((o,r,s)=>{r.constructor.createProperty(s,o)})(i,e,t):ia(i,e)}/**
|
|
192
|
+
* @license
|
|
193
|
+
* Copyright 2017 Google LLC
|
|
194
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
195
|
+
*/function v(i){return l({...i,state:!0})}/**
|
|
196
|
+
* @license
|
|
197
|
+
* Copyright 2017 Google LLC
|
|
198
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
199
|
+
*/const ki=({finisher:i,descriptor:e})=>(t,o)=>{var r;if(o===void 0){const s=(r=t.originalKey)!==null&&r!==void 0?r:t.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(t.key)}:{...t,key:s};return i!=null&&(a.finisher=function(c){i(c,s)}),a}{const s=t.constructor;e!==void 0&&Object.defineProperty(t,o,e(o)),i?.(s,o)}};/**
|
|
200
|
+
* @license
|
|
201
|
+
* Copyright 2017 Google LLC
|
|
202
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
203
|
+
*/function I(i,e){return ki({descriptor:t=>{const o={get(){var r,s;return(s=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const r=typeof t=="symbol"?Symbol():"__"+t;o.get=function(){var s,a;return this[r]===void 0&&(this[r]=(a=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(i))!==null&&a!==void 0?a:null),this[r]}}return o}})}/**
|
|
204
|
+
* @license
|
|
205
|
+
* Copyright 2017 Google LLC
|
|
206
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
207
|
+
*/function ra(i){return ki({descriptor:e=>({get(){var t,o;return(o=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
208
|
+
* @license
|
|
209
|
+
* Copyright 2021 Google LLC
|
|
210
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
+
*/var Ii;const oa=((Ii=window.HTMLSlotElement)===null||Ii===void 0?void 0:Ii.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter(t=>t.nodeType===Node.ELEMENT_NODE);function fe(i){const{slot:e,selector:t}=i??{};return ki({descriptor:o=>({get(){var r;const s="slot"+(e?`[name=${e}]`:":not([name])"),a=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(s),c=a!=null?oa(a,i):[];return t?c.filter(d=>d.matches(t)):c},enumerable:!0,configurable:!0})})}const na=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,sa=ge("uui-blink 0.9s infinite both"),aa=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,la=ge("pulse 0.8s ease-in-out infinite both"),ua=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,ca=ge("uui-horizontal-shake 600ms ease backwards");var da=Object.defineProperty,Br=Object.getOwnPropertySymbols,ha=Object.prototype.hasOwnProperty,pa=Object.prototype.propertyIsEnumerable,Rr=(i,e,t)=>e in i?da(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ba=(i,e)=>{for(var t in e||(e={}))ha.call(e,t)&&Rr(i,t,e[t]);if(Br)for(var t of Br(e))pa.call(e,t)&&Rr(i,t,e[t]);return i};let xi=class extends Event{constructor(e,t={}){super(e,ba({},t)),this.detail=t.detail||{}}};var ma=Object.defineProperty,Vr=Object.getOwnPropertySymbols,va=Object.prototype.hasOwnProperty,ga=Object.prototype.propertyIsEnumerable,Fr=(i,e,t)=>e in i?ma(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Gr=(i,e)=>{for(var t in e||(e={}))va.call(e,t)&&Fr(i,t,e[t]);if(Vr)for(var t of Vr(e))ga.call(e,t)&&Fr(i,t,e[t]);return i};let Ie=class extends xi{constructor(e,t={}){super(e,Gr(Gr({},{bubbles:!0}),t))}};Ie.VALID="valid",Ie.INVALID="invalid";var fa=Object.defineProperty,qr=Object.getOwnPropertySymbols,ya=Object.prototype.hasOwnProperty,_a=Object.prototype.propertyIsEnumerable,Kr=(i,e,t)=>e in i?fa(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Wr=(i,e)=>{for(var t in e||(e={}))ya.call(e,t)&&Kr(i,t,e[t]);if(qr)for(var t of qr(e))_a.call(e,t)&&Kr(i,t,e[t]);return i};let xe=class extends xi{constructor(e,t={}){super(e,Wr(Wr({},{bubbles:!0,cancelable:!0}),t))}};xe.SELECTED="selected",xe.DESELECTED="deselected";var wa=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,Ea=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ua(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&wa(e,t,r),r};const $a=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return Ea([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var ka=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,Yr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ia(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ka(e,t,r),r};const xa=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Yr([l({type:String})],t.prototype,"label",2),Yr([v()],t.prototype,"_labelSlotHasContent",2),t};var Ca=Object.defineProperty,Oa=Object.getOwnPropertyDescriptor,Xr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Oa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ca(e,t,r),r};const Sa=i=>{class e extends i{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_select(){if(!this.selectable)return;const o=new xe(xe.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new xe(xe.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return Xr([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Xr([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Pa=Object.defineProperty,za=Object.getOwnPropertyDescriptor,Aa=(i,e,t,o)=>{for(var r=o>1?void 0:o?za(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Pa(e,t,r),r};const La=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return Aa([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Ta=Object.defineProperty,ja=Object.getOwnPropertyDescriptor,Ce=(i,e,t,o)=>{for(var r=o>1?void 0:o?ja(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ta(e,t,r),r};const Na=i=>{class e extends i{constructor(...o){super(...o),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(o){const r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,s){const a={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(a),a}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const s in r.validity)s!=="valid"&&r.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new Ie(Ie.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ie(Ie.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,Ce([l({type:String})],e.prototype,"name",2),Ce([l()],e.prototype,"value",1),Ce([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Ce([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Ce([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Ce([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Ce([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};function Da(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Ma=["default","primary","secondary","outline","placeholder"],Ha=["default","positive","warning","danger"];let Ba=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const Ra=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},Va=(i,e)=>{function t(r){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.pageXOffset,d=s.top+a.pageYOffset,h=r.pageX-c,U=r.pageY-d;e!=null&&e.onMove&&e.onMove(h,U)}function o(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",o),e!=null&&e.initialEvent&&t(e.initialEvent)},Fa=(i,e,t)=>Math.min(Math.max(i,e),t),Ga=(i,e,t)=>t+e-i,qa=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e};function b(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var Ka=Object.defineProperty,Wa=Object.getOwnPropertyDescriptor,Ya=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wa(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ka(e,t,r),r};n.UUIButtonGroupElement=class extends m{render(){return u`<slot></slot>`}},n.UUIButtonGroupElement.styles=[p`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted([look=outline]:not(:first-child)){--uui-button-merge-border-left:1}::slotted([look=placeholder]:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-popover){width:unset;--uui-popover-toggle-slot-button-border-radius:0}::slotted(uui-popover:not(:first-child)){--uui-popover-toggle-slot-button-merge-border-left:1}::slotted(uui-popover:first-child){--uui-popover-toggle-slot-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(uui-popover:last-child){--uui-popover-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],n.UUIButtonGroupElement=Ya([b("uui-button-group")],n.UUIButtonGroupElement);var Xa=Object.defineProperty,Za=Object.getOwnPropertyDescriptor,Qa=(i,e,t,o)=>{for(var r=o>1?void 0:o?Za(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Xa(e,t,r),r};n.UUIActionBarElement=class extends n.UUIButtonGroupElement{},n.UUIActionBarElement.styles=[...n.UUIButtonGroupElement.styles,p`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],n.UUIActionBarElement=Qa([b("uui-action-bar")],n.UUIActionBarElement);var Ja=Object.defineProperty,el=Object.getOwnPropertyDescriptor,Ot=(i,e,t,o)=>{for(var r=o>1?void 0:o?el(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ja(e,t,r),r};n.UUIAvatarGroupElement=class extends m{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?u`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}},n.UUIAvatarGroupElement.styles=[p`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],Ot([fe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],n.UUIAvatarGroupElement.prototype,"_avatarNodes",2),Ot([v()],n.UUIAvatarGroupElement.prototype,"_avatarArray",2),Ot([l({type:Number,attribute:!0})],n.UUIAvatarGroupElement.prototype,"limit",2),n.UUIAvatarGroupElement=Ot([b("uui-avatar-group")],n.UUIAvatarGroupElement);var tl=Object.defineProperty,il=Object.getOwnPropertyDescriptor,Be=(i,e,t,o)=>{for(var r=o>1?void 0:o?il(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&tl(e,t,r),r};n.UUIAvatarElement=class extends m{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.initials=this.createInitials(this._name),this.requestUpdate("title",t)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const o=e.match(/(\w+)/g);return o!=null&&o.length?(t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()):t}renderImage(){return u`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return u`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}},n.UUIAvatarElement.styles=[p`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-palette-spanish-pink,#f5c1bc);color:var(--uui-palette-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],Be([l({type:Boolean,attribute:!0,reflect:!0})],n.UUIAvatarElement.prototype,"overflow",2),Be([l({type:String,attribute:"img-src"})],n.UUIAvatarElement.prototype,"imgSrc",2),Be([l({type:String,attribute:"img-srcset"})],n.UUIAvatarElement.prototype,"imgSrcset",2),Be([l({type:String,reflect:!0})],n.UUIAvatarElement.prototype,"name",1),Be([v()],n.UUIAvatarElement.prototype,"initials",2),n.UUIAvatarElement=Be([b("uui-avatar")],n.UUIAvatarElement);var rl=Object.defineProperty,ol=Object.getOwnPropertyDescriptor,St=(i,e,t,o)=>{for(var r=o>1?void 0:o?ol(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rl(e,t,r),r};n.UUIBadgeElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return u`<slot></slot>`}},n.UUIBadgeElement.styles=[p`:host{position:var(--uui-badge-position,absolute);display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);inset:var(--uui-badge-inset,-8px -8px auto auto);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-radius:var(--uui-size-4,12px);border:1px solid transparent}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#25aa60);--color-standalone:var(--uui-color-positive-standalone,rgb(38, 156, 91));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fad634);--color-standalone:var(--uui-color-warning-standalone,rgb(224, 193, 51));--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}}`],St([l({reflect:!0})],n.UUIBadgeElement.prototype,"color",2),St([l({reflect:!0})],n.UUIBadgeElement.prototype,"look",2),St([l({type:Boolean,reflect:!0})],n.UUIBadgeElement.prototype,"attention",2),n.UUIBadgeElement=St([b("uui-badge")],n.UUIBadgeElement);var nl=Object.defineProperty,sl=Object.getOwnPropertyDescriptor,al=(i,e,t,o)=>{for(var r=o>1?void 0:o?sl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&nl(e,t,r),r};const pt=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return al([l({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var ll=Object.defineProperty,ul=Object.getOwnPropertyDescriptor,Zr=(i,e,t,o)=>{for(var r=o>1?void 0:o?ul(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ll(e,t,r),r};const Q=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return u`${this._labelSlotHasContent===!1?u`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Zr([l({type:String})],t.prototype,"label",2),Zr([v()],t.prototype,"_labelSlotHasContent",2),t};var cl=Object.defineProperty,Qr=Object.getOwnPropertySymbols,dl=Object.prototype.hasOwnProperty,hl=Object.prototype.propertyIsEnumerable,Jr=(i,e,t)=>e in i?cl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,pl=(i,e)=>{for(var t in e||(e={}))dl.call(e,t)&&Jr(i,t,e[t]);if(Qr)for(var t of Qr(e))hl.call(e,t)&&Jr(i,t,e[t]);return i};let bl=class extends Event{constructor(e,t={}){super(e,pl({},t)),this.detail=t.detail||{}}};var ml=Object.defineProperty,eo=Object.getOwnPropertySymbols,vl=Object.prototype.hasOwnProperty,gl=Object.prototype.propertyIsEnumerable,to=(i,e,t)=>e in i?ml(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,io=(i,e)=>{for(var t in e||(e={}))vl.call(e,t)&&to(i,t,e[t]);if(eo)for(var t of eo(e))gl.call(e,t)&&to(i,t,e[t]);return i};let Re=class extends bl{constructor(e,t={}){super(e,io(io({},{bubbles:!0,cancelable:!0}),t))}};Re.SELECTED="selected",Re.DESELECTED="deselected";var fl=Object.defineProperty,yl=Object.getOwnPropertyDescriptor,ro=(i,e,t,o)=>{for(var r=o>1?void 0:o?yl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&fl(e,t,r),r};const Ve=i=>{class e extends i{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_select(){if(!this.selectable)return;const o=new Re(Re.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Re(Re.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return ro([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ro([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var _l=Object.defineProperty,wl=Object.getOwnPropertyDescriptor,Ul=(i,e,t,o)=>{for(var r=o>1?void 0:o?wl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&_l(e,t,r),r};const Pt=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return Ul([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var El=Object.defineProperty,oo=Object.getOwnPropertySymbols,$l=Object.prototype.hasOwnProperty,kl=Object.prototype.propertyIsEnumerable,no=(i,e,t)=>e in i?El(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Il=(i,e)=>{for(var t in e||(e={}))$l.call(e,t)&&no(i,t,e[t]);if(oo)for(var t of oo(e))kl.call(e,t)&&no(i,t,e[t]);return i};let so=class extends Event{constructor(e,t={}){super(e,Il({},t)),this.detail=t.detail||{}}};var xl=Object.defineProperty,ao=Object.getOwnPropertySymbols,Cl=Object.prototype.hasOwnProperty,Ol=Object.prototype.propertyIsEnumerable,lo=(i,e,t)=>e in i?xl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,uo=(i,e)=>{for(var t in e||(e={}))Cl.call(e,t)&&lo(i,t,e[t]);if(ao)for(var t of ao(e))Ol.call(e,t)&&lo(i,t,e[t]);return i};let Fe=class extends so{constructor(e,t={}){super(e,uo(uo({},{bubbles:!0}),t))}};Fe.VALID="valid",Fe.INVALID="invalid";var Sl=Object.defineProperty,co=Object.getOwnPropertySymbols,Pl=Object.prototype.hasOwnProperty,zl=Object.prototype.propertyIsEnumerable,ho=(i,e,t)=>e in i?Sl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,po=(i,e)=>{for(var t in e||(e={}))Pl.call(e,t)&&ho(i,t,e[t]);if(co)for(var t of co(e))zl.call(e,t)&&ho(i,t,e[t]);return i};let bo=class extends so{constructor(e,t={}){super(e,po(po({},{bubbles:!0,cancelable:!0}),t))}};bo.SELECTED="selected",bo.DESELECTED="deselected";var Al=Object.defineProperty,Ll=Object.getOwnPropertyDescriptor,Oe=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ll(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Al(e,t,r),r};const J=i=>{class e extends i{constructor(...o){super(...o),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(o){const r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,s){const a={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(a),a}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const s in r.validity)s!=="valid"&&r.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new Fe(Fe.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Fe(Fe.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,Oe([l({type:String})],e.prototype,"name",2),Oe([l()],e.prototype,"value",1),Oe([l({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Oe([l({type:Boolean,reflect:!0})],e.prototype,"required",2),Oe([l({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Oe([l({type:Boolean,reflect:!0})],e.prototype,"error",2),Oe([l({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var Tl=Object.defineProperty,mo=Object.getOwnPropertySymbols,jl=Object.prototype.hasOwnProperty,Nl=Object.prototype.propertyIsEnumerable,vo=(i,e,t)=>e in i?Tl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Dl=(i,e)=>{for(var t in e||(e={}))jl.call(e,t)&&vo(i,t,e[t]);if(mo)for(var t of mo(e))Nl.call(e,t)&&vo(i,t,e[t]);return i};let x=class extends Event{constructor(e,t={}){super(e,Dl({},t)),this.detail=t.detail||{}}};var Ml=Object.defineProperty,go=Object.getOwnPropertySymbols,Hl=Object.prototype.hasOwnProperty,Bl=Object.prototype.propertyIsEnumerable,fo=(i,e,t)=>e in i?Ml(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,yo=(i,e)=>{for(var t in e||(e={}))Hl.call(e,t)&&fo(i,t,e[t]);if(go)for(var t of go(e))Bl.call(e,t)&&fo(i,t,e[t]);return i};let Ge=class extends x{constructor(e,t={}){super(e,yo(yo({},{bubbles:!0}),t))}};Ge.VALID="valid",Ge.INVALID="invalid";var Rl=Object.defineProperty,_o=Object.getOwnPropertySymbols,Vl=Object.prototype.hasOwnProperty,Fl=Object.prototype.propertyIsEnumerable,wo=(i,e,t)=>e in i?Rl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Uo=(i,e)=>{for(var t in e||(e={}))Vl.call(e,t)&&wo(i,t,e[t]);if(_o)for(var t of _o(e))Fl.call(e,t)&&wo(i,t,e[t]);return i};let ye=class extends x{constructor(e,t={}){super(e,Uo(Uo({},{bubbles:!0,cancelable:!0}),t))}};ye.SELECTED="selected",ye.DESELECTED="deselected";var Gl=Object.defineProperty,Eo=Object.getOwnPropertySymbols,ql=Object.prototype.hasOwnProperty,Kl=Object.prototype.propertyIsEnumerable,$o=(i,e,t)=>e in i?Gl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ko=(i,e)=>{for(var t in e||(e={}))ql.call(e,t)&&$o(i,t,e[t]);if(Eo)for(var t of Eo(e))Kl.call(e,t)&&$o(i,t,e[t]);return i};let zt=class extends x{constructor(e,t={}){super(e,ko(ko({},{bubbles:!0}),t))}};zt.CHANGE="change";var Wl=Object.defineProperty,Yl=Object.getOwnPropertyDescriptor,At=(i,e,t,o)=>{for(var r=o>1?void 0:o?Yl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Wl(e,t,r),r};let ee=class extends J(Q("",m)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var t;super.firstUpdated(e);const o=(t=this.shadowRoot)==null?void 0:t.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),o.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new zt(zt.CHANGE))}render(){return u`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}};ee.styles=[p`:host{display:inline-block}label{cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0;margin-top:-4px}:host([label-position=left]) label{flex-direction:row-reverse}:host([label-position=top]) label{gap:var(--uui-size-half-base-unit);flex-direction:column-reverse}:host([label-position=bottom]) label{gap:var(--uui-size-half-base-unit);flex-direction:column}:host([disabled]) .label{opacity:.5}`],At([l({type:String,attribute:"label-position",reflect:!0})],ee.prototype,"labelPosition",2),At([l({type:Boolean})],ee.prototype,"checked",1),At([l({type:Boolean,reflect:!0})],ee.prototype,"disabled",2),At([I("#input")],ee.prototype,"_input",2);var Xl=Object.defineProperty,Zl=Object.getOwnPropertyDescriptor,Lt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Zl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Xl(e,t,r),r};n.UUIBoxElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeader(){return u`<div id="header" class="uui-text" style="${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}"><h5 id="headline" style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot name="header" @slotchange="${this._headerSlotChanged}"></slot></div>`}render(){return u`${this.renderHeader()}<slot></slot>`}},n.UUIBoxElement.styles=[Ct,p`:host{display:block;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);background-color:var(--uui-color-surface,#fff)}#header{display:block;border-bottom:1px solid var(--uui-color-divider-standalone,#e9e9eb);padding:var(--uui-size-space-4,12px) var(--uui-size-space-5,18px)}slot:not([name]){display:block;padding:var(--uui-box-default-padding,var(--uui-size-space-5,18px))}`],Lt([l({type:String})],n.UUIBoxElement.prototype,"headline",2),Lt([v()],n.UUIBoxElement.prototype,"_headlineSlotHasContent",2),Lt([v()],n.UUIBoxElement.prototype,"_headerSlotHasContent",2),n.UUIBoxElement=Lt([b("uui-box")],n.UUIBoxElement);var Ql=Object.defineProperty,Jl=Object.getOwnPropertyDescriptor,Ci=(i,e,t,o)=>{for(var r=o>1?void 0:o?Jl(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ql(e,t,r),r};n.UUIBreadcrumbItemElement=class extends m{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return u`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return u`<span id="last-item"><slot></slot></span>`}render(){return u`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},n.UUIBreadcrumbItemElement.styles=[p`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-color-interactive-emphasis,#3544b1)}a:focus{color:var(--uui-color-focus,#3879ff)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-color-border,#d8d7d9)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],Ci([l()],n.UUIBreadcrumbItemElement.prototype,"href",2),Ci([l({type:Boolean,attribute:"last-item"})],n.UUIBreadcrumbItemElement.prototype,"lastItem",2),n.UUIBreadcrumbItemElement=Ci([b("uui-breadcrumb-item")],n.UUIBreadcrumbItemElement);var eu=Object.defineProperty,tu=Object.getOwnPropertyDescriptor,Io=(i,e,t,o)=>{for(var r=o>1?void 0:o?tu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&eu(e,t,r),r};n.UUIBreadcrumbsElement=class extends m{elementIsBreadcrumbItem(e){return e instanceof n.UUIBreadcrumbItemElement}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return u`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}},n.UUIBreadcrumbsElement.styles=[p`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}`],Io([fe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],n.UUIBreadcrumbsElement.prototype,"slotNodes",2),n.UUIBreadcrumbsElement=Io([b("uui-breadcrumbs")],n.UUIBreadcrumbsElement);const iu=p`@keyframes uui-blink{0%,100%{opacity:.5}50%{opacity:1}}`,ru=ge("uui-blink 0.9s infinite both"),xo=p`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`;ge("pulse 0.8s ease-in-out infinite both");const Tt=p`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,jt=ge("uui-horizontal-shake 600ms ease backwards");/**
|
|
212
212
|
* @license
|
|
213
213
|
* Copyright 2017 Google LLC
|
|
214
214
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
215
|
-
*/const
|
|
215
|
+
*/const W={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},qe=i=>(...e)=>({_$litDirective$:i,values:e});let Ke=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};/**
|
|
216
|
+
* @license
|
|
217
|
+
* Copyright 2018 Google LLC
|
|
218
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
219
|
+
*/const Co="important",ou=" !"+Co,te=qe(class extends Ke{constructor(i){var e;if(super(i),i.type!==W.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const o=i[t];return o==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ut===void 0){this.ut=new Set;for(const o in e)this.ut.add(o);return this.render(e)}this.ut.forEach(o=>{e[o]==null&&(this.ut.delete(o),o.includes("-")?t.removeProperty(o):t[o]="")});for(const o in e){const r=e[o];if(r!=null){this.ut.add(o);const s=typeof r=="string"&&r.endsWith(ou);o.includes("-")||s?t.setProperty(o,s?r.slice(0,-11):r,s?Co:""):t[o]=r}}return H}});var nu=Object.defineProperty,Oo=Object.getOwnPropertySymbols,su=Object.prototype.hasOwnProperty,au=Object.prototype.propertyIsEnumerable,So=(i,e,t)=>e in i?nu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Po=(i,e)=>{for(var t in e||(e={}))su.call(e,t)&&So(i,t,e[t]);if(Oo)for(var t of Oo(e))au.call(e,t)&&So(i,t,e[t]);return i};let Nt=class extends x{constructor(e,t={}){super(e,Po(Po({},{bubbles:!0,composed:!0}),t))}};Nt.CLICK="click";var lu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,Dt=(i,e,t,o)=>{for(var r=o>1?void 0:o?uu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&lu(e,t,r),r};n.UUIButtonInlineCreateElement=class extends m{constructor(){super(...arguments),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=this.vertical?e.offsetY:e.offsetX}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new Nt(Nt.CLICK))}render(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}"><div id="plus" style="${te({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></button>`}},n.UUIButtonInlineCreateElement.styles=[iu,p`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${ru};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:-21px}:host([vertical]) #plus{left:-4px;margin-top:-21px}#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)}`],Dt([v()],n.UUIButtonInlineCreateElement.prototype,"_position",2),Dt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),Dt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),n.UUIButtonInlineCreateElement=Dt([b("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let cu=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const y=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},zo=(i,e)=>{function t(r){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,c=s.left+a.pageXOffset,d=s.top+a.pageYOffset,h=r.pageX-c,U=r.pageY-d;e!=null&&e.onMove&&e.onMove(h,U)}function o(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",o),e!=null&&e.initialEvent&&t(e.initialEvent)},S=(i,e,t)=>Math.min(Math.max(i,e),t),Ao=(i,e,t)=>t+e-i,Mt=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,du=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,hu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,pu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,Lo=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,bu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,mu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,vu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,To=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;/**
|
|
216
220
|
* @license
|
|
217
221
|
* Copyright 2018 Google LLC
|
|
218
222
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
219
|
-
*/const bo="important",il=" !"+bo,te=Be(class extends Re{constructor(i){var e;if(super(i),i.type!==K.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const o=i[t];return o==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ut===void 0){this.ut=new Set;for(const o in e)this.ut.add(o);return this.render(e)}this.ut.forEach(o=>{e[o]==null&&(this.ut.delete(o),o.includes("-")?t.removeProperty(o):t[o]="")});for(const o in e){const r=e[o];if(r!=null){this.ut.add(o);const a=typeof r=="string"&&r.endsWith(il);o.includes("-")||a?t.setProperty(o,a?r.slice(0,-11):r,a?bo:""):t[o]=r}}return M}});var rl=Object.defineProperty,vo=Object.getOwnPropertySymbols,ol=Object.prototype.hasOwnProperty,nl=Object.prototype.propertyIsEnumerable,mo=(i,e,t)=>e in i?rl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,go=(i,e)=>{for(var t in e||(e={}))ol.call(e,t)&&mo(i,t,e[t]);if(vo)for(var t of vo(e))nl.call(e,t)&&mo(i,t,e[t]);return i};let Lt=class extends x{constructor(e,t={}){super(e,go(go({},{bubbles:!0,composed:!0}),t))}};Lt.CLICK="click";var al=Object.defineProperty,sl=Object.getOwnPropertyDescriptor,Nt=(i,e,t,o)=>{for(var r=o>1?void 0:o?sl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&al(e,t,r),r};n.UUIButtonInlineCreateElement=class extends v{constructor(){super(...arguments),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=this.vertical?e.offsetY:e.offsetX}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.dispatchEvent(new Lt(Lt.CLICK))}render(){return u`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}"><div id="plus" style="${te({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></button>`}},n.UUIButtonInlineCreateElement.styles=[el,b`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-10px 0}:host([vertical]){height:100%;width:20px;margin:0 -10px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}:host(:focus) #button-wrapper:before,:host(:focus-within) #button-wrapper:before,:host(:hover) #button-wrapper:before{animation:${tl};background-color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue));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,var(--uui-palette-violet-blue));color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue));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:-21px}:host([vertical]) #plus{left:-4px;margin-top:-21px}#button-wrapper:focus #plus{border:2px solid var(--uui-color-focus,var(--uui-palette-malibu));color:var(--uui-color-focus,var(--uui-palette-malibu))}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],Nt([m()],n.UUIButtonInlineCreateElement.prototype,"_position",2),Nt([l({type:String})],n.UUIButtonInlineCreateElement.prototype,"label",2),Nt([l({type:Boolean,reflect:!0})],n.UUIButtonInlineCreateElement.prototype,"vertical",2),n.UUIButtonInlineCreateElement=Nt([h("uui-button-inline-create")],n.UUIButtonInlineCreateElement);let ll=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const y=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},fo=(i,e)=>{function t(r){const a=i.getBoundingClientRect(),s=i.ownerDocument.defaultView,c=a.left+s.pageXOffset,d=a.top+s.pageYOffset,p=r.pageX-c,U=r.pageY-d;e!=null&&e.onMove&&e.onMove(p,U)}function o(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o),e!=null&&e.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",o),e!=null&&e.initialEvent&&t(e.initialEvent)},P=(i,e,t)=>Math.min(Math.max(i,e),t),yo=(i,e,t)=>t+e-i,Tt=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,ul=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,cl=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,dl=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,_o=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,hl=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,pl=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,bl=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,wo=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;/**
|
|
223
|
+
*/const P=i=>i??$;var gu=Object.defineProperty,fu=Object.getOwnPropertyDescriptor,ie=(i,e,t,o)=>{for(var r=o>1?void 0:o?fu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&gu(e,t,r),r};n.UUIButtonElement=class extends J(Q("",m)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)!=null&&t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e=u``;switch(this.state){case"waiting":y(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":y(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${Mt.strings[0]}"></uui-icon>`;break;case"failed":y(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${To.strings[0]}"></uui-icon>`;break;default:return""}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${this.label}" href="${P(this.disabled?void 0:this.href)}" target="${P(this.target||void 0)}" rel="${P(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[Tt,p`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content: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:${jt}}#icon-check,#icon-wrong{fill:currentColor;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])) #button,:host([color='']:not([look=primary])) #button,:host([color=default]:not([look=primary])) #button{--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,#25aa60);--color-standalone:var(--uui-color-positive-standalone,rgb(38, 156, 91));--color-emphasis:var(--uui-color-positive-emphasis,rgb(43, 197, 112));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,#fad634);--color-standalone:var(--uui-color-warning-standalone,rgb(224, 193, 51));--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,--color-standalone);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-emphasis));border-color:var(--uui-button-border-color-hover,var(--color-emphasis))}: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,--color-standalone)}: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))}`],ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ie([l({type:String})],n.UUIButtonElement.prototype,"href",2),ie([l({type:String})],n.UUIButtonElement.prototype,"target",2),ie([I("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ie([b("uui-button")],n.UUIButtonElement);let We=class extends x{};We.OPEN="open";var yu=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,Oi=(i,e,t,o)=>{for(var r=o>1?void 0:o?_u(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&yu(e,t,r),r};n.UUICardElement=class extends Pt(Ve(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new We(We.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new We(We.OPEN)))}},n.UUICardElement.styles=[p`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,3px);min-height:var(--uui-layout-medium);background-color:var(--uui-color-surface,#fff);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(: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}`],Oi([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),Oi([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),n.UUICardElement=Oi([b("uui-card")],n.UUICardElement);var wu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,Si=(i,e,t,o)=>{for(var r=o>1?void 0:o?Uu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&wu(e,t,r),r};n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return y(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`<div id="open-part" tabindex="${this.disabled?$:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}#name{margin-top:4px}`],Si([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Si([v()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Si([b("uui-card-content-node")],n.UUICardContentNodeElement);var Eu=Object.defineProperty,$u=Object.getOwnPropertyDescriptor,ku=(i,e,t,o)=>{for(var r=o>1?void 0:o?$u(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Eu(e,t,r),r};n.UUISymbolFolderElement=class extends m{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[p`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=ku([b("uui-symbol-folder")],n.UUISymbolFolderElement);var Iu=Object.defineProperty,xu=Object.getOwnPropertyDescriptor,jo=(i,e,t,o)=>{for(var r=o>1?void 0:o?xu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Iu(e,t,r),r};n.UUISymbolFileElement=class extends m{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[p`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;background-color:var(--uui-color-surface-alt,#f3f3f5);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],jo([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=jo([b("uui-symbol-file")],n.UUISymbolFileElement);var Cu=Object.defineProperty,Ou=Object.getOwnPropertyDescriptor,Ht=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ou(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Cu(e,t,r),r};n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button><div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,p`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-surface,#fff);color:var(--uui-color-interactive,#1b264f);border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none;background:var(--uui-color-disabled,#f3f3f5);color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Ht([l({type:String})],n.UUICardMediaElement.prototype,"name",2),Ht([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),Ht([v()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=Ht([b("uui-card-media")],n.UUICardMediaElement);var Su=Object.defineProperty,Pu=Object.getOwnPropertyDescriptor,No=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Su(e,t,r),r};n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),y(this,"uui-avatar")}render(){return u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardUserElement.styles=[...n.UUICardElement.styles,p`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,#3544b1)}`],No([l({type:String})],n.UUICardUserElement.prototype,"name",2),n.UUICardUserElement=No([b("uui-card-user")],n.UUICardUserElement);var zu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Do=(i,e,t,o)=>{for(var r=o>1?void 0:o?Au(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&zu(e,t,r),r};n.UUICaretElement=class extends m{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],Do([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=Do([b("uui-caret")],n.UUICaretElement);var Lu=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,ju=(i,e,t,o)=>{for(var r=o>1?void 0:o?Tu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Lu(e,t,r),r};n.UUICheckboxElement=class extends ee{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${Mt}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...ee.styles,Tt,p`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-color-selected-contrast,#fff));background-color:var(--uui-toggle-background-color,var(--uui-color-surface,#fff));border:1px solid var(--uui-checkbox-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-hover,var(--uui-color-surface-emphasis,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-checkbox-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill: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{fill:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #ticker{animation:${jt}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}`],n.UUICheckboxElement=ju([b("uui-checkbox")],n.UUICheckboxElement);/**
|
|
220
224
|
* @license
|
|
221
225
|
* Copyright 2018 Google LLC
|
|
222
226
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
223
|
-
*/const S=i=>i??$;var vl=Object.defineProperty,ml=Object.getOwnPropertyDescriptor,ie=(i,e,t,o)=>{for(var r=o>1?void 0:o?ml(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&vl(e,t,r),r};n.UUIButtonElement=class extends J(Q("",v)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)!=null&&t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(e){super.updated(e),e.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e=u``;switch(this.state){case"waiting":y(this,"uui-loader-circle"),e=u`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":y(this,"uui-icon"),e=u`<uui-icon name="check" .fallback="${Tt.strings[0]}"></uui-icon>`;break;case"failed":y(this,"uui-icon"),e=u`<uui-icon name="wrong" .fallback="${wo.strings[0]}"></uui-icon>`;break;default:return""}return u`<div id="state">${e}</div>`}render(){return this.href?u`<a id="button" aria-label="${this.label}" href="${S(this.disabled?void 0:this.href)}" target="${S(this.target||void 0)}" rel="${S(this.target==="_blank"?"noopener noreferrer":void 0)}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUIButtonElement.styles=[zt,b`:host{position:relative;display:inline-flex;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1;min-height:var(--uui-button-height,var(--uui-size-11,33px));max-height:100%;cursor:pointer;text-align:center;font-size:var(--uui-button-font-size,inherit);font-weight:var(--uui-button-font-weight,500);transition:background-color 80ms,border-color 80ms,color 80ms}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0}.label{line-height:normal;display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards;display:flex;justify-content:center;width:100%;height:100%;align-items:center}#button{width:100%;background-color:transparent;color:inherit;font-size:inherit;border-radius:inherit;font-family:inherit;font-weight:inherit;text-align:inherit;border:none;cursor:inherit;display:inline-flex;align-items:center;justify-content: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,var(--uui-size-1)));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:${At}}#icon-check,#icon-wrong{fill:currentColor;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])) #button,:host([color='']:not([look=primary])) #button,:host([color=default]:not([look=primary])) #button{--uui-button-contrast-hover:var(--uui-color-default-emphasis,var(--uui-palette-violet-blue))}: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,var(--uui-palette-space-cadet));--color-standalone:var(--uui-color-default-standalone,var(--uui-palette-space-cadet-dark));--color-emphasis:var(--uui-color-default-emphasis,var(--uui-palette-violet-blue));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]) #button{--color:var(--uui-color-positive,var(--uui-palette-jungle-green));--color-standalone:var(--uui-color-positive-standalone,var(--uui-palette-jungle-green-dark));--color-emphasis:var(--uui-color-positive-emphasis,var(--uui-palette-jungle-green-light));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]) #button{--color:var(--uui-color-warning,var(--uui-palette-sunglow));--color-standalone:var(--uui-color-warning-standalone,var(--uui-palette-sunglow-dark));--color-emphasis:var(--uui-color-warning-emphasis,var(--uui-palette-sunglow-light));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]) #button{--color:var(--uui-color-danger,var(--uui-palette-maroon-flush));--color-standalone:var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));--color-emphasis:var(--uui-color-danger-emphasis,var(--uui-palette-maroon-flush-light));--color-contrast:var(--uui-color-danger-contrast,white)}:host([disabled]) #button{--color:var(--uui-color-disabled,var(--uui-palette-sand));--color-standalone:var(--uui-color-disabled-contrast,var(--uui-palette-grey));--color-emphasis:var(--uui-color-disabled,var(--uui-palette-sand));--color-contrast:var(--uui-color-disabled-contrast,var(--uui-palette-grey));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,var(--uui-palette-white-dark)));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,var(--uui-palette-sand)));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,var(--uui-palette-white-dark)));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,--color-standalone);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-emphasis));border-color:var(--uui-button-border-color-hover,var(--color-emphasis))}: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,--color-standalone)}: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))}`],ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],n.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],n.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],n.UUIButtonElement.prototype,"state",2),ie([l({type:String})],n.UUIButtonElement.prototype,"href",2),ie([l({type:String})],n.UUIButtonElement.prototype,"target",2),ie([I("#button")],n.UUIButtonElement.prototype,"_button",2),n.UUIButtonElement=ie([h("uui-button")],n.UUIButtonElement);class Ve extends x{}Ve.OPEN="open";var gl=Object.defineProperty,fl=Object.getOwnPropertyDescriptor,ki=(i,e,t,o)=>{for(var r=o>1?void 0:o?fl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&gl(e,t,r),r};n.UUICardElement=class extends xt(He(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Ve(Ve.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Ve(Ve.OPEN)))}},n.UUICardElement.styles=[b`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));border-radius:var(--uui-border-radius,var(--uui-size-1));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,var(--uui-palette-malibu));outline-offset:4px}:host(:focus){outline-color:var(--uui-color-focus,var(--uui-palette-malibu));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,var(--uui-palette-maroon-flush));border-radius:var(--uui-border-radius,var(--uui-size-1))}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-color-disabled,var(--uui-palette-sand));color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}: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,var(--uui-palette-violet-blue));border-radius:calc(var(--uui-border-radius,var(--uui-size-1)) + 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}`],ki([l({type:Boolean,reflect:!0,attribute:"disabled"})],n.UUICardElement.prototype,"disabled",2),ki([l({type:Boolean,reflect:!0})],n.UUICardElement.prototype,"error",2),n.UUICardElement=ki([h("uui-card")],n.UUICardElement);var yl=Object.defineProperty,_l=Object.getOwnPropertyDescriptor,Ii=(i,e,t,o)=>{for(var r=o>1?void 0:o?_l(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&yl(e,t,r),r};n.UUICardContentNodeElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return y(this,"uui-icon"),u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`<div id="open-part" tabindex="${this.disabled?$:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardContentNodeElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,var(--uui-size-4));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,var(--uui-palette-violet-blue))}#name{margin-top:4px}`],Ii([l({type:String})],n.UUICardContentNodeElement.prototype,"name",2),Ii([m()],n.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),n.UUICardContentNodeElement=Ii([h("uui-card-content-node")],n.UUICardContentNodeElement);var wl=Object.defineProperty,Ul=Object.getOwnPropertyDescriptor,El=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ul(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&wl(e,t,r),r};n.UUISymbolFolderElement=class extends v{render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}},n.UUISymbolFolderElement.styles=[b`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-color-border,#d8d7d9)}`],n.UUISymbolFolderElement=El([h("uui-symbol-folder")],n.UUISymbolFolderElement);var $l=Object.defineProperty,kl=Object.getOwnPropertyDescriptor,Uo=(i,e,t,o)=>{for(var r=o>1?void 0:o?kl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&$l(e,t,r),r};n.UUISymbolFileElement=class extends v{constructor(){super(...arguments),this.type=""}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?u`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}},n.UUISymbolFileElement.styles=[b`: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,var(--uui-palette-sand));max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-color-border-standalone,#c2c2c2)}`],Uo([l({type:String})],n.UUISymbolFileElement.prototype,"type",2),n.UUISymbolFileElement=Uo([h("uui-symbol-file")],n.UUISymbolFileElement);var Il=Object.defineProperty,xl=Object.getOwnPropertyDescriptor,jt=(i,e,t,o)=>{for(var r=o>1?void 0:o?xl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Il(e,t,r),r};n.UUICardMediaElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?u`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:u`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`}render(){return u`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button><div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardMediaElement.styles=[...n.UUICardElement.styles,b`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,var(--uui-size-1));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,var(--uui-palette-space-cadet));border:none;cursor:pointer;border-top:1px solid var(--uui-color-divider,#f6f6f7);border-radius:0 0 var(--uui-border-radius,var(--uui-size-1)) var(--uui-border-radius,var(--uui-size-1));display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,var(--uui-size-4));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,var(--uui-palette-sand));color:var(--uui-color-contrast-disabled)}#open-part:hover{text-decoration:underline;color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue))}: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}`],jt([l({type:String})],n.UUICardMediaElement.prototype,"name",2),jt([l({type:String,attribute:"file-ext"})],n.UUICardMediaElement.prototype,"fileExt",2),jt([m()],n.UUICardMediaElement.prototype,"hasPreview",2),n.UUICardMediaElement=jt([h("uui-card-media")],n.UUICardMediaElement);var Cl=Object.defineProperty,Pl=Object.getOwnPropertyDescriptor,Eo=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Cl(e,t,r),r};n.UUICardUserElement=class extends n.UUICardElement{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),y(this,"uui-avatar")}render(){return u`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?$:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}},n.UUICardUserElement.styles=[...n.UUICardElement.styles,b`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,var(--uui-size-4));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,var(--uui-palette-violet-blue))}`],Eo([l({type:String})],n.UUICardUserElement.prototype,"name",2),n.UUICardUserElement=Eo([h("uui-card-user")],n.UUICardUserElement);var Ol=Object.defineProperty,Sl=Object.getOwnPropertyDescriptor,$o=(i,e,t,o)=>{for(var r=o>1?void 0:o?Sl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ol(e,t,r),r};n.UUICaretElement=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return u`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUICaretElement.styles=[b`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform-origin:50% 50%;transition:transform 280ms cubic-bezier(.17,-.88,.82,1.84)}:host([open]) svg{transform:rotate(180deg)}`],$o([l({type:Boolean,reflect:!0})],n.UUICaretElement.prototype,"open",2),n.UUICaretElement=$o([h("uui-caret")],n.UUICaretElement);var zl=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,Ll=(i,e,t,o)=>{for(var r=o>1?void 0:o?Al(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&zl(e,t,r),r};n.UUICheckboxElement=class extends ee{renderCheckbox(){return u`<div id="ticker"><div id="icon-check">${Tt}</div></div>`}},n.UUICheckboxElement.formAssociated=!0,n.UUICheckboxElement.styles=[...ee.styles,zt,b`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,var(--uui-size-1)));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,var(--uui-palette-white-dark)))}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,var(--uui-palette-white-dark)))}input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected,var(--uui-palette-violet-blue))}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}label:focus input:checked+#ticker{border-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill: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,var(--uui-size-1))) * .5);background-color:var(--uui-color-selected,var(--uui-palette-violet-blue));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,var(--uui-palette-violet-blue-light))}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,var(--uui-palette-violet-blue-light))}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,var(--uui-palette-malibu))}: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,var(--uui-palette-maroon-flush-dark))}:host([disabled]) #ticker{background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([disabled]) input:checked+#ticker{background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([disabled]) #ticker::before{background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([disabled]) #ticker #icon-check{fill:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) label:active #ticker{animation:${At}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}`],n.UUICheckboxElement=Ll([h("uui-checkbox")],n.UUICheckboxElement);var Nl=Object.defineProperty,ko=Object.getOwnPropertySymbols,Tl=Object.prototype.hasOwnProperty,jl=Object.prototype.propertyIsEnumerable,Io=(i,e,t)=>e in i?Nl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xo=(i,e)=>{for(var t in e||(e={}))Tl.call(e,t)&&Io(i,t,e[t]);if(ko)for(var t of ko(e))jl.call(e,t)&&Io(i,t,e[t]);return i};let W=class extends x{constructor(e,t={}){super(e,xo(xo({},{bubbles:!0}),t))}};W.CHANGE="change",W.INNER_SLOT_CHANGE="inner-slot-change";var Hl=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,ke=(i,e,t,o)=>{for(var r=o>1?void 0:o?Dl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Hl(e,t,r),r};n.UUIComboboxListElement=class extends v{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let e=0;e<this._activeOptions.length;e++)e===0?this._activeElement=this._activeOptions[e]:this._activeOptions[e].active=!1;this._updateSelection(),this.dispatchEvent(new W(W.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new W(W.CHANGE))},this._onUnselected=e=>{const t=e.composedPath()[0];this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new W(W.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex()+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{var t;if(!(this._options.length<=0))switch(e.key){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),(t=this._activeElement)==null||t.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(ge.SELECTED,this._onSelected),this.addEventListener(ge.UNSELECTED,this._onUnselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(ge.SELECTED,this._onSelected),this.removeEventListener(ge.UNSELECTED,this._onUnselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(e){e=Math.min(Math.max(e,0),this._options.length-1),this._activeElement=this._options[e],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUIComboboxListElement.styles=[b`:host{display:flex;flex-direction:column;box-sizing:border-box}`],ke([l()],n.UUIComboboxListElement.prototype,"value",1),ke([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),ke([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),ke([me({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),ke([me({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),ke([m()],n.UUIComboboxListElement.prototype,"_value",2),n.UUIComboboxListElement=ke([h("uui-combobox-list")],n.UUIComboboxListElement);var Ml=Object.defineProperty,Bl=Object.getOwnPropertyDescriptor,Fe=(i,e,t,o)=>{for(var r=o>1?void 0:o?Bl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ml(e,t,r),r};n.UUIComboboxListOptionElement=class extends He(ut(v)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.unselectable=!1}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){var e;return this._displayValue?this._displayValue:((e=this.textContent)==null?void 0:e.trim())||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return u`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[b`:host{position:relative;cursor:pointer;margin:0 6px;border-radius:var(--uui-border-radius,var(--uui-size-1));outline:2px solid transparent;outline-offset:-2px}: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,var(--uui-palette-white-dark));color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue))}:host([disabled]){cursor:auto;color:var(--uui-color-disabled-contrast,var(--uui-palette-grey));background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([disabled]:hover){background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([active]){outline-color:var(--uui-color-focus,var(--uui-palette-malibu))}:host([selected]){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected,var(--uui-palette-violet-blue))}:host([selected]:hover){color:var(--uui-color-selected-contrast,#fff);background-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}:host([selected][disabled]){color:var(--uui-color-disabled-contrast,var(--uui-palette-grey));background-color:var(--uui-color-disabled,var(--uui-palette-sand))}`],Fe([m()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Fe([m()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Fe([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Fe([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Fe([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Fe([h("uui-combobox-list-option")],n.UUIComboboxListOptionElement);var Rl=Object.defineProperty,Co=Object.getOwnPropertySymbols,Vl=Object.prototype.hasOwnProperty,Fl=Object.prototype.propertyIsEnumerable,Po=(i,e,t)=>e in i?Rl(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Oo=(i,e)=>{for(var t in e||(e={}))Vl.call(e,t)&&Po(i,t,e[t]);if(Co)for(var t of Co(e))Fl.call(e,t)&&Po(i,t,e[t]);return i};let B=class extends x{constructor(e,t={}){super(e,Oo(Oo({},{bubbles:!0}),t))}};B.SEARCH="search",B.CHANGE="change";var Gl=Object.defineProperty,ql=Object.getOwnPropertyDescriptor,Y=(i,e,t,o)=>{for(var r=o>1?void 0:o?ql(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Gl(e,t,r),r};n.UUIComboboxElement=class extends J(v){constructor(){super(...arguments),this.open=!1,this.closeLabel="Close",this.disabled=!1,this._displayValue="",this._search="",this._isPhone=!1,this._onPhoneChange=()=>{this._isPhone=this.phoneMediaQuery.matches},this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{var e;(e=this.shadowRoot)!=null&&e.activeElement||this._onClose()}),this._onInput=e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new B(B.SEARCH)),this._open()},this._onSlotChange=()=>{var e;this.value&&this.value!==((e=this._comboboxList)==null?void 0:e.value)&&this._updateValue(this.value)},this._onChange=()=>{var e;this.value=((e=this._comboboxList)==null?void 0:e.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new B(B.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new B(B.SEARCH)))},this._onKeyDown=e=>{this.open===!1&&e.key==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.key==="ArrowUp"||e.key==="ArrowDown")&&this._open(),(e.key==="Escape"||e.key==="Enter")&&this._onClose()},this._onClear=e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new B(B.SEARCH)),this.dispatchEvent(new B(B.CHANGE)))},this._renderInput=()=>u`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" @click="${this._open}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":this._renderClearButton()} ${this._renderCaret()}<slot name="input-append" slot="append"></slot></uui-input>`,this._renderCaret=()=>u`<svg id="caret" slot="append" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`,this._renderClearButton=()=>this.value||this.search?u`<uui-button id="clear-button" @click="${this._onClear}" @keydown="${this._onClear}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${_o.strings[0]}"></uui-icon></uui-button>`:"",this._renderDropdown=()=>u`<div id="dropdown" slot="popover"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`}get value(){return this._value}set value(e){typeof e=="string"&&this._updateValue(e),super.value=e}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),y(this,"uui-icon"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-combobox-list"),y(this,"uui-scroll-container"),y(this,"uui-popover")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery.removeEventListener("change",this._onPhoneChange)}async firstUpdated(){var e;const t=(e=this._comboboxListElements)==null?void 0:e[0];t&&(this._comboboxList=t,this._comboboxList.for=this,this._comboboxList.addEventListener(W.CHANGE,this._onChange),this._comboboxList.addEventListener(W.INNER_SLOT_CHANGE,this._onSlotChange),await this.updateComplete,this._updateValue(this.value))}_updateValue(e){this._comboboxList&&(this._comboboxList.value=e,requestAnimationFrame(()=>this._displayValue=this._comboboxList.displayValue||""))}getFormElement(){return this._input}render(){return this._isPhone&&this.open?u`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${this._onClose}">${this.closeLabel}</uui-button>${this._renderInput()} ${this._renderDropdown()}</div>`:u`<uui-popover .open="${this.open}" .margin="${-1}" @close="${()=>this._onClose()}">${this._renderInput()} ${this._renderDropdown()}</uui-popover>`}},n.UUIComboboxElement.styles=[b`:host{display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#scroll-container{overflow-y:auto;width:100%;max-height:var(--uui-combobox-popover-max-height,500px)}#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,var(--uui-size-1));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))}#caret{margin-right:var(--uui-size-3,9px);display:flex;width:1.15em;flex-shrink:0;margin-top:-1px}:host([disabled]) #caret{fill:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}#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}`],Y([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),Y([l({type:String})],n.UUIComboboxElement.prototype,"search",1),Y([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",2),Y([l({type:String})],n.UUIComboboxElement.prototype,"closeLabel",2),Y([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),Y([I("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),Y([me({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),Y([m()],n.UUIComboboxElement.prototype,"_displayValue",2),Y([m()],n.UUIComboboxElement.prototype,"_search",2),Y([m()],n.UUIComboboxElement.prototype,"_isPhone",2),n.UUIComboboxElement=Y([h("uui-combobox")],n.UUIComboboxElement);var Kl=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,xi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Kl(e,t,r),r};n.UUIDialogLayoutElement=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return u`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return u`<slot></slot>`}renderActions(){return u`<slot id="actions" name="actions"></slot>`}render(){return u`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[b`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,var(--uui-palette-black))}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],xi([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),xi([m()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=xi([h("uui-dialog-layout")],n.UUIDialogLayoutElement);var Yl=Object.defineProperty,Xl=Object.getOwnPropertyDescriptor,Zl=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xl(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Yl(e,t,r),r};n.UUIDialogElement=class extends v{render(){return u`<slot></slot>`}},n.UUIDialogElement.styles=[b`:host{position:relative;display:block;max-width:400px;color:var(--uui-color-text,var(--uui-palette-black));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,var(--uui-size-1)) * 2))}`],n.UUIDialogElement=Zl([h("uui-dialog")],n.UUIDialogElement);var Ql=Object.defineProperty,So=Object.getOwnPropertySymbols,Jl=Object.prototype.hasOwnProperty,eu=Object.prototype.propertyIsEnumerable,zo=(i,e,t)=>e in i?Ql(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ao=(i,e)=>{for(var t in e||(e={}))Jl.call(e,t)&&zo(i,t,e[t]);if(So)for(var t of So(e))eu.call(e,t)&&zo(i,t,e[t]);return i};let Ge=class extends x{constructor(e,t={}){super(e,Ao(Ao({},{bubbles:!0}),t))}};Ge.CHANGE="change";var tu=Object.defineProperty,iu=Object.getOwnPropertyDescriptor,ct=(i,e,t,o)=>{for(var r=o>1?void 0:o?iu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&tu(e,t,r),r};n.UUIFileDropzoneElement=class extends Q("",v){constructor(){super(),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)}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-dropzone")}_checkIsItDirectory(e){return e.type?!1:e.webkitGetAsEntry().isDirectory}async _getAllFileEntries(e){const t=[],o=[...e],r=[],a=[];for(this.accept&&this.accept.split(",").forEach(s=>{s.includes("*")?a.push(s.split("*")[0].trim().toLowerCase()):r.push(s.trim().toLowerCase())});o.length>0;){const s=o.shift();if(s.kind==="file"){const c=s.getAsFile();if(!c)continue;this._isAccepted(r,a,c)&&t.push(c)}else if(s.kind==="directory"){if(!("webkitGetAsEntry"in s))continue;const c=s.webkitGetAsEntry();o.push(...await this._readAllDirectoryEntries(c.createReader()))}}return t}async _readAllDirectoryEntries(e){const t=[];let o=await this._readEntriesPromise(e);for(;o.length>0;)t.push(...o),o=await this._readEntriesPromise(e);return t}async _readEntriesPromise(e){try{return await new Promise((t,o)=>{e.readEntries(t,o)})}catch(t){console.log(t)}}_isAccepted(e,t,o){if(e.length===0&&t.length===0)return!0;const r=o.type.toLowerCase(),a="."+o.name.split(".")[1].toLowerCase();return!!(e.includes(a)||e.includes(r)||t.some(s=>r.startsWith(s)))}async _onDrop(e){var t;e.preventDefault(),this._dropzone.classList.remove("hover");const o=(t=e.dataTransfer)==null?void 0:t.items;if(o){let r=await this._getAllFileEntries(o);this.multiple===!1&&r.length&&(r=[r[0]]),this.dispatchEvent(new Ge(Ge.CHANGE,{detail:{files:r}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new Ge(Ge.CHANGE,{detail:{files:e}}))}render(){return u`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${e=>e.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}},n.UUIFileDropzoneElement.styles=[b`#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,var(--uui-palette-space-cadet))}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,var(--uui-palette-space-cadet));background-color:var(--uui-color-default,var(--uui-palette-space-cadet))}#symbol{color:var(--uui-color-default,var(--uui-palette-space-cadet));max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],ct([I("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),ct([I("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),ct([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",2),ct([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=ct([h("uui-file-dropzone")],n.UUIFileDropzoneElement);let ru=class{static humanFileSize(e,t=!1,o=1){const r=t?1e3:1024;if(Math.abs(e)<r)return e+" B";const a=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let s=-1;const c=10**o;do e/=r,++s;while(Math.round(Math.abs(e)*c)/c>=r&&s<a.length-1);return e.toFixed(o)+" "+a[s]}};var ou=Object.defineProperty,nu=Object.getOwnPropertyDescriptor,re=(i,e,t,o)=>{for(var r=o>1?void 0:o?nu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ou(e,t,r),r};n.UUIFilePreviewElement=class extends v{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(o=>{this._src=o})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-thumbnail"),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?u`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?u`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:u`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return u`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${e}</span> <span id="file-name-end">${t}</span></span>`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const o=new FileReader;o.readAsDataURL(e),o.onload=()=>{t(o.result)}})}render(){return u`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?u`${ru.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[b`: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,var(--uui-palette-black))}: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}`],re([m()],n.UUIFilePreviewElement.prototype,"_name",2),re([m()],n.UUIFilePreviewElement.prototype,"_url",2),re([m()],n.UUIFilePreviewElement.prototype,"_extension",2),re([m()],n.UUIFilePreviewElement.prototype,"_src",2),re([m()],n.UUIFilePreviewElement.prototype,"_size",2),re([m()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),re([m()],n.UUIFilePreviewElement.prototype,"_file",2),re([m()],n.UUIFilePreviewElement.prototype,"_isImage",2),re([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=re([h("uui-file-preview")],n.UUIFilePreviewElement);var au=Object.defineProperty,su=Object.getOwnPropertyDescriptor,Ht=(i,e,t,o)=>{for(var r=o>1?void 0:o?su(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&au(e,t,r),r};n.UUIFormLayoutItemElement=class extends v{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),y(this,"uui-form-validation-message")}render(){return u`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[b`: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,var(--uui-palette-grey));font-size:var(--uui-type-small-size,var(--uui-size-4))}#label+#description{margin-top:-8px;min-height:8px}`],Ht([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Ht([m()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Ht([m()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=Ht([h("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
|
|
227
|
+
*/const Bt=qe(class extends Ke{constructor(i){var e;if(super(i),i.type!==W.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var t,o;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((t=this.nt)===null||t===void 0)&&t.has(s))&&this.it.add(s);return this.render(e)}const r=i.element.classList;this.it.forEach(s=>{s in e||(r.remove(s),this.it.delete(s))});for(const s in e){const a=!!e[s];a===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(a?(r.add(s),this.it.add(s)):(r.remove(s),this.it.delete(s)))}return H}});var Nu={grad:.9,turn:360,rad:360/(2*Math.PI)},le=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},z=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Mo=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ho=function(i){return{r:F(i.r,0,255),g:F(i.g,0,255),b:F(i.b,0,255),a:F(i.a)}},Pi=function(i){return{r:z(i.r),g:z(i.g),b:z(i.b),a:z(i.a,3)}},Du=/^#([0-9a-f]{3,8})$/i,Rt=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Bo=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=Math.max(e,t,o),a=s-Math.min(e,t,o),c=a?s===e?(t-o)/a:s===t?2+(o-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:r}},Ro=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var s=Math.floor(e),a=o*(1-t),c=o*(1-(e-s)*t),d=o*(1-(1-e+s)*t),h=s%6;return{r:255*[o,c,a,a,d,o][h],g:255*[d,o,o,c,a,a][h],b:255*[a,a,d,o,o,c][h],a:r}},Vo=function(i){return{h:Mo(i.h),s:F(i.s,0,100),l:F(i.l,0,100),a:F(i.a)}},Fo=function(i){return{h:z(i.h),s:z(i.s),l:z(i.l),a:z(i.a,3)}},Go=function(i){return Ro((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},bt=function(i){return{h:(e=Bo(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},Mu=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hu=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Bu=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ru=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,qo={string:[[function(i){var e=Du.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?z(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?z(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Bu.exec(i)||Ru.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ho({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=Mu.exec(i)||Hu.exec(i);if(!e)return null;var t,o,r=Vo({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(Nu[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Go(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=r===void 0?1:r;return le(e)&&le(t)&&le(o)?Ho({r:Number(e),g:Number(t),b:Number(o),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,s=r===void 0?1:r;if(!le(e)||!le(t)||!le(o))return null;var a=Vo({h:Number(e),s:Number(t),l:Number(o),a:Number(s)});return Go(a)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,s=r===void 0?1:r;if(!le(e)||!le(t)||!le(o))return null;var a=function(c){return{h:Mo(c.h),s:F(c.s,0,100),v:F(c.v,0,100),a:F(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(s)});return Ro(a)},"hsv"]]},Ko=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},Vu=function(i){return typeof i=="string"?Ko(i.trim(),qo.string):typeof i=="object"&&i!==null?Ko(i,qo.object):[null,void 0]},zi=function(i,e){var t=bt(i);return{h:t.h,s:F(t.s+100*e,0,100),l:t.l,a:t.a}},Ai=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},Wo=function(i,e){var t=bt(i);return{h:t.h,s:t.s,l:F(t.l+100*e,0,100),a:t.a}},Yo=function(){function i(e){this.parsed=Vu(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return z(Ai(this.rgba),2)},i.prototype.isDark=function(){return Ai(this.rgba)<.5},i.prototype.isLight=function(){return Ai(this.rgba)>=.5},i.prototype.toHex=function(){return e=Pi(this.rgba),t=e.r,o=e.g,r=e.b,a=(s=e.a)<1?Rt(z(255*s)):"","#"+Rt(t)+Rt(o)+Rt(r)+a;var e,t,o,r,s,a},i.prototype.toRgb=function(){return Pi(this.rgba)},i.prototype.toRgbString=function(){return e=Pi(this.rgba),t=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+t+", "+o+", "+r+", "+s+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,s},i.prototype.toHsl=function(){return Fo(bt(this.rgba))},i.prototype.toHslString=function(){return e=Fo(bt(this.rgba)),t=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+s+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,s},i.prototype.toHsv=function(){return e=Bo(this.rgba),{h:z(e.h),s:z(e.s),v:z(e.v),a:z(e.a,3)};var e},i.prototype.invert=function(){return G({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),G(zi(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),G(zi(this.rgba,-e))},i.prototype.grayscale=function(){return G(zi(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),G(Wo(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),G(Wo(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?G({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):z(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=bt(this.rgba);return typeof e=="number"?G({h:e,s:t.s,l:t.l,a:t.a}):z(t.h)},i.prototype.isEqual=function(e){return this.toHex()===G(e).toHex()},i}(),G=function(i){return i instanceof Yo?i:new Yo(i)},Fu=Object.defineProperty,Xo=Object.getOwnPropertySymbols,Gu=Object.prototype.hasOwnProperty,qu=Object.prototype.propertyIsEnumerable,Zo=(i,e,t)=>e in i?Fu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Qo=(i,e)=>{for(var t in e||(e={}))Gu.call(e,t)&&Zo(i,t,e[t]);if(Xo)for(var t of Xo(e))qu.call(e,t)&&Zo(i,t,e[t]);return i};let Vt=class extends x{constructor(e,t={}){super(e,Qo(Qo({},{bubbles:!0}),t))}};Vt.CHANGE="change";var Ku=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,ue=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wu(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ku(e,t,r),r};n.UUIColorAreaElement=class extends m{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const o=G(e);if(o.isValid()){const{h:r,s,l:a}=o.toHsl();this.hue=r,this.saturation=s,this.lightness=a,this.brightness=this.getBrightness(a)}}catch(o){console.error("Something went wrong parsing the color string.",o)}}handleGridDrag(e){if(this.disabled)return;const t=this.shadowRoot.querySelector(".color-area"),o=t.querySelector(".color-area__handle"),{width:r,height:s}=t.getBoundingClientRect();o.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,zo(t,{onMove:(a,c)=>{this.saturation=S(a/r*100,0,100),this.brightness=S(100-c/s*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=S(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=S(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=S(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=S(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return S(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return S((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=G({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new Vt(Vt.CHANGE))}getHexString(e,t,o,r=100){const s=G(`hsla(${e}, ${t}%, ${o}%, ${r/100})`);return s.isValid()?s.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return u`<div part="grid" class="color-area" style="${te({backgroundColor:this.getHexString(this.hue,100,50)})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${Bt({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${te({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}" role="application" tabindex="${P(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}},n.UUIColorAreaElement.styles=[p`:host{display:inline-block;width:280px;height:200px}:host([disabled]){cursor:not-allowed}:host([disabled]) .color-area{user-select:none;pointer-events:none;opacity:.55}.color-area{position:relative;height:100%;width:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);box-sizing:border-box;cursor:crosshair;forced-color-adjust:none}.color-area__handle{position:absolute;width:var(--uui-color-area-grid-handle-size,16px);height:var(--uui-color-area-grid-handle-size,16px);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);border:solid 2px #fff;margin-top:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);margin-left:calc(var(--uui-color-area-grid-handle-size,16px)/ -2);transition:150ms transform;box-sizing:inherit}.color-area__handle--dragging{cursor:none;transform:scale(1.5)}.color-area__handle--empty{display:none}`],ue([v()],n.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),ue([l({type:Number})],n.UUIColorAreaElement.prototype,"hue",2),ue([l({type:Number})],n.UUIColorAreaElement.prototype,"saturation",2),ue([l({type:Number})],n.UUIColorAreaElement.prototype,"lightness",2),ue([l({type:Number})],n.UUIColorAreaElement.prototype,"brightness",2),ue([l({type:Number})],n.UUIColorAreaElement.prototype,"alpha",2),ue([l({type:String})],n.UUIColorAreaElement.prototype,"value",1),ue([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"disabled",2),n.UUIColorAreaElement=ue([b("uui-color-area")],n.UUIColorAreaElement);/**
|
|
228
|
+
* @license
|
|
229
|
+
* Copyright 2020 Google LLC
|
|
230
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
231
|
+
*/const{I:Yu}=Js,Jo=i=>i.strings===void 0,en=()=>document.createComment(""),mt=(i,e,t)=>{var o;const r=i._$AA.parentNode,s=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=r.insertBefore(en(),s),c=r.insertBefore(en(),s);t=new Yu(a,c,i,i.options)}else{const a=t._$AB.nextSibling,c=t._$AM,d=c!==i;if(d){let h;(o=t._$AQ)===null||o===void 0||o.call(t,i),t._$AM=i,t._$AP!==void 0&&(h=i._$AU)!==c._$AU&&t._$AP(h)}if(a!==s||d){let h=t._$AA;for(;h!==a;){const U=h.nextSibling;r.insertBefore(h,s),h=U}}}return t},Se=(i,e,t=i)=>(i._$AI(e,t),i),Xu={},tn=(i,e=Xu)=>i._$AH=e,Zu=i=>i._$AH,Li=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const o=i._$AB.nextSibling;for(;t!==o;){const r=t.nextSibling;t.remove(),t=r}};/**
|
|
224
232
|
* @license
|
|
225
233
|
* Copyright 2020 Google LLC
|
|
226
234
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
227
|
-
*/const{I:lu}=Da,Lo=i=>i.strings===void 0,No=()=>document.createComment(""),dt=(i,e,t)=>{var o;const r=i._$AA.parentNode,a=e===void 0?i._$AB:e._$AA;if(t===void 0){const s=r.insertBefore(No(),a),c=r.insertBefore(No(),a);t=new lu(s,c,i,i.options)}else{const s=t._$AB.nextSibling,c=t._$AM,d=c!==i;if(d){let p;(o=t._$AQ)===null||o===void 0||o.call(t,i),t._$AM=i,t._$AP!==void 0&&(p=i._$AU)!==c._$AU&&t._$AP(p)}if(s!==a||d){let p=t._$AA;for(;p!==s;){const U=p.nextSibling;r.insertBefore(p,a),p=U}}}return t},Ie=(i,e,t=i)=>(i._$AI(e,t),i),uu={},To=(i,e=uu)=>i._$AH=e,cu=i=>i._$AH,Ci=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const o=i._$AB.nextSibling;for(;t!==o;){const r=t.nextSibling;t.remove(),t=r}};/**
|
|
235
|
+
*/const Qu=qe(class extends Ke{constructor(i){if(super(i),i.type!==W.PROPERTY&&i.type!==W.ATTRIBUTE&&i.type!==W.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Jo(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===H||e===$)return e;const t=i.element,o=i.name;if(i.type===W.PROPERTY){if(e===t[o])return H}else if(i.type===W.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(o))return H}else if(i.type===W.ATTRIBUTE&&t.getAttribute(o)===e+"")return H;return tn(i),e}});var Ju={grad:.9,turn:360,rad:360/(2*Math.PI)},ce=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},A=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},q=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},rn=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},on=function(i){return{r:q(i.r,0,255),g:q(i.g,0,255),b:q(i.b,0,255),a:q(i.a)}},Ti=function(i){return{r:A(i.r),g:A(i.g),b:A(i.b),a:A(i.a,3)}},ec=/^#([0-9a-f]{3,8})$/i,Ft=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},nn=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=Math.max(e,t,o),a=s-Math.min(e,t,o),c=a?s===e?(t-o)/a:s===t?2+(o-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:r}},sn=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var s=Math.floor(e),a=o*(1-t),c=o*(1-(e-s)*t),d=o*(1-(1-e+s)*t),h=s%6;return{r:255*[o,c,a,a,d,o][h],g:255*[d,o,o,c,a,a][h],b:255*[a,a,d,o,o,c][h],a:r}},an=function(i){return{h:rn(i.h),s:q(i.s,0,100),l:q(i.l,0,100),a:q(i.a)}},ln=function(i){return{h:A(i.h),s:A(i.s),l:A(i.l),a:A(i.a,3)}},un=function(i){return sn((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},vt=function(i){return{h:(e=nn(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},tc=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ic=/^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,oc=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ji={string:[[function(i){var e=ec.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?A(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?A(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=rc.exec(i)||oc.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:on({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=tc.exec(i)||ic.exec(i);if(!e)return null;var t,o,r=an({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(Ju[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return un(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=r===void 0?1:r;return ce(e)&&ce(t)&&ce(o)?on({r:Number(e),g:Number(t),b:Number(o),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,s=r===void 0?1:r;if(!ce(e)||!ce(t)||!ce(o))return null;var a=an({h:Number(e),s:Number(t),l:Number(o),a:Number(s)});return un(a)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,s=r===void 0?1:r;if(!ce(e)||!ce(t)||!ce(o))return null;var a=function(c){return{h:rn(c.h),s:q(c.s,0,100),v:q(c.v,0,100),a:q(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(s)});return sn(a)},"hsv"]]},cn=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},nc=function(i){return typeof i=="string"?cn(i.trim(),ji.string):typeof i=="object"&&i!==null?cn(i,ji.object):[null,void 0]},Ni=function(i,e){var t=vt(i);return{h:t.h,s:q(t.s+100*e,0,100),l:t.l,a:t.a}},Di=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},dn=function(i,e){var t=vt(i);return{h:t.h,s:t.s,l:q(t.l+100*e,0,100),a:t.a}},Gt=function(){function i(e){this.parsed=nc(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return A(Di(this.rgba),2)},i.prototype.isDark=function(){return Di(this.rgba)<.5},i.prototype.isLight=function(){return Di(this.rgba)>=.5},i.prototype.toHex=function(){return e=Ti(this.rgba),t=e.r,o=e.g,r=e.b,a=(s=e.a)<1?Ft(A(255*s)):"","#"+Ft(t)+Ft(o)+Ft(r)+a;var e,t,o,r,s,a},i.prototype.toRgb=function(){return Ti(this.rgba)},i.prototype.toRgbString=function(){return e=Ti(this.rgba),t=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+t+", "+o+", "+r+", "+s+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,s},i.prototype.toHsl=function(){return ln(vt(this.rgba))},i.prototype.toHslString=function(){return e=ln(vt(this.rgba)),t=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+s+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,s},i.prototype.toHsv=function(){return e=nn(this.rgba),{h:A(e.h),s:A(e.s),v:A(e.v),a:A(e.a,3)};var e},i.prototype.invert=function(){return re({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),re(Ni(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),re(Ni(this.rgba,-e))},i.prototype.grayscale=function(){return re(Ni(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),re(dn(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),re(dn(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?re({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):A(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=vt(this.rgba);return typeof e=="number"?re({h:e,s:t.s,l:t.l,a:t.a}):A(t.h)},i.prototype.isEqual=function(e){return this.toHex()===re(e).toHex()},i}(),re=function(i){return i instanceof Gt?i:new Gt(i)},hn=[],sc=function(i){i.forEach(function(e){hn.indexOf(e)<0&&(e(Gt,ji),hn.push(e))})};function ac(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in t)o[t[r]]=r;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,d,h=o[this.toHex()];if(h)return h;if(a!=null&&a.closest){var U=this.toRgb(),_=1/0,f="black";if(!s.length)for(var w in t)s[w]=new i(t[w]).toRgb();for(var E in t){var k=(c=U,d=s[E],Math.pow(c.r-d.r,2)+Math.pow(c.g-d.g,2)+Math.pow(c.b-d.b,2));k<_&&(_=k,f=E)}return f}},e.string.push([function(a){var c=a.toLowerCase(),d=c==="transparent"?"#0000":t[c];return d?new i(d).toRgb():null},"name"])}var lc=Object.defineProperty,pn=Object.getOwnPropertySymbols,uc=Object.prototype.hasOwnProperty,cc=Object.prototype.propertyIsEnumerable,bn=(i,e,t)=>e in i?lc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,mn=(i,e)=>{for(var t in e||(e={}))uc.call(e,t)&&bn(i,t,e[t]);if(pn)for(var t of pn(e))cc.call(e,t)&&bn(i,t,e[t]);return i};let qt=class extends x{constructor(e,t={}){super(e,mn(mn({},{bubbles:!0}),t))}};qt.CHANGE="change";var dc=Object.defineProperty,hc=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?hc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&dc(e,t,r),r};sc([ac]);const vn="EyeDropper"in window;n.UUIColorPickerElement=class extends Q("label",m){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=re("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"),y(this,"uui-icon"),y(this,"uui-icon-registry-essential"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-button-group"),y(this,"uui-popover"),y(this,"uui-color-swatches"),y(this,"uui-color-swatch"),y(this,"uui-color-area"),y(this,"uui-color-slider")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,{h:o,l:r,s}=this._colord.toHsl(),{r:a,g:c,b:d}=this._colord.toRgb(),h=this.setLetterCase(this._colord.toHex()),U=this.setLetterCase(h.length>7?h.substring(0,h.length-2):h);switch(t){case"hex":return U;case"hexa":return h;case"rgb":return`rgb(${a} ${c} ${d})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${o} ${s} ${r})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(e){return S(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return S((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(o.value)/100};this.setColor(r)}handleHueChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o=e.target,r={h:this.hue,s:o.saturation,l:o.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){var t;(t=this._swatches)==null||t.resetSelection();const o=e.target;o.value?(this.setColor(o.value),o.value=this.value):this.setColor("#000"),e.stopPropagation()}handleInputKeyDown(e){var t;e.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(t=this._swatches)==null||t.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;t.value?this.setColor(t.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(e){e.stopImmediatePropagation();const t=e.target,o=t.nextElementSibling;o.open=!(o!=null&&o.open),t.setAttribute("aria-expanded",o.open.toString())}closeColorPicker(e){const t=e.target.previousElementSibling;t&&t.setAttribute("aria-expanded","false")}handleEyeDropper(){vn&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){this._colord=new Gt(e);const{h:t,l:o,s:r,a:s}=this._colord.toHsl();return this.hue=t,this.saturation=r,this.lightness=o,this.alpha=this.opacity?s*100:100,this._syncValues(),this.dispatchEvent(new qt(qt.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return u`<div class="${Bt({"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}" @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)}" @change="${this.handleHueChange}"></uui-color-slider>${this.opacity?u`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.value}" @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="${te({"--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="${Qu(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":u`<uui-button label="Toggle color format" @click="${this.handleFormatToggle}" class="color-picker__toggle-format" compact="compact"><span>${this.format}</span></uui-button>`} ${vn?u`<uui-button label="Select a color" compact="compact" @click="${this.handleEyeDropper}"><uui-icon-registry-essential><uui-icon name="colorpicker"></uui-icon></uui-icon-registry-essential></uui-button>`:""}</uui-button-group></div>${this._renderSwatches()}</div>`}_renderSwatches(){return this.swatches?u`<uui-color-swatches id="swatches" class="color-picker__swatches" @change="${this.handleColorSwatchChange}">${this.swatches.map(e=>u`<uui-color-swatch label="${e}" .value="${e}"></uui-color-swatch>`)}</uui-color-swatches>`:$}_renderPreviewButton(){return u`<button type="button" slot="trigger" aria-label="${this.label||"Open Color picker"}" class="${Bt({"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="${te({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" @click="${this.openColorPicker}" aria-haspopup="true" aria-expanded="false"></button><uui-popover placement="bottom-start" @close="${this.closeColorPicker}"><div slot="popover">${this._renderColorPicker()}</div></uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},n.UUIColorPickerElement.styles=[p`:host{--uui-look-outline-border:#ddd;--uui-look-outline-border-hover:#aaa;font-size:.8rem;display:block;width:var(--uui-color-picker-width,280px)}.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{cursor:pointer}.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-popover{display:block;width:100%;margin:5px 0}uui-input{font-size:.85rem;box-sizing:content-box;flex:1}uui-color-area{width:100%}`],O([I('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),O([I(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),O([I("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),O([v()],n.UUIColorPickerElement.prototype,"inputValue",2),O([v()],n.UUIColorPickerElement.prototype,"hue",2),O([v()],n.UUIColorPickerElement.prototype,"saturation",2),O([v()],n.UUIColorPickerElement.prototype,"lightness",2),O([v()],n.UUIColorPickerElement.prototype,"alpha",2),O([v()],n.UUIColorPickerElement.prototype,"_colord",2),O([l()],n.UUIColorPickerElement.prototype,"value",2),O([l()],n.UUIColorPickerElement.prototype,"format",2),O([l()],n.UUIColorPickerElement.prototype,"name",2),O([l()],n.UUIColorPickerElement.prototype,"size",2),O([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),O([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),O([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),O([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),O([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),O([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=O([b("uui-color-picker")],n.UUIColorPickerElement);var pc=Object.defineProperty,gn=Object.getOwnPropertySymbols,bc=Object.prototype.hasOwnProperty,mc=Object.prototype.propertyIsEnumerable,fn=(i,e,t)=>e in i?pc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,yn=(i,e)=>{for(var t in e||(e={}))bc.call(e,t)&&fn(i,t,e[t]);if(gn)for(var t of gn(e))mc.call(e,t)&&fn(i,t,e[t]);return i};let Kt=class extends x{constructor(e,t={}){super(e,yn(yn({},{bubbles:!0}),t))}};Kt.CHANGE="change";var vc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,de=(i,e,t,o)=>{for(var r=o>1?void 0:o?gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&vc(e,t,r),r};n.UUIColorSliderElement=class extends Q("label",m){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(e){e.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||!this.container||!this.handle)return;const{width:t,height:o}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),zo(this.container,{onMove:(r,s)=>{this.vertical?this.value=Ao(S(s/o*this.max,this.min,this.max),this.min,this.max):this.value=S(r/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=S(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=S(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=S(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=S(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:o}=this.container.getBoundingClientRect();return S(this.roundToPrecision((e-t)/o*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:o}=this.container.getBoundingClientRect();return S(this.roundToPrecision((e-t)/o*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new Kt(Kt.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/Ao(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div part="slider" id="color-slider" role="slider" aria-label="${this.label}" aria-orientation="${this.vertical?"vertical":"horizontal"}" aria-valuemin="${Math.round(this.min)}" aria-valuemax="${Math.round(this.max)}" aria-valuenow="${Math.round(this.value)}" @click="${this.handleClick}" @mousedown="${this.handleDrag}" @touchstart="${this.handleDrag}" @keydown="${this.handleKeyDown}">${this.type==="opacity"?u`<div id="current-hue" style="${te({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
236
|
+
transparent 0%,
|
|
237
|
+
${this.color} 100%
|
|
238
|
+
)`})}"></div>`:""} <span id="color-slider__handle" style="--current-value:${this.ccsPropCurrentValue}" tabindex="${P(this.disabled?void 0:"0")}"></span></div>${Math.round(this.value)}`}},n.UUIColorSliderElement.styles=[p`:host{--uui-slider-height:15px;--uui-slider-handle-size:17px;--uui-slider-background-image:#fff;--uui-slider-background-size:100%;--uui-slider-background-position:top left;display:block}:host([type=hue]){--uui-slider-background-image:linear-gradient(
|
|
239
|
+
to right,
|
|
240
|
+
rgb(255, 0, 0) 0%,
|
|
241
|
+
rgb(255, 255, 0) 17%,
|
|
242
|
+
rgb(0, 255, 0) 33%,
|
|
243
|
+
rgb(0, 255, 255) 50%,
|
|
244
|
+
rgb(0, 0, 255) 67%,
|
|
245
|
+
rgb(255, 0, 255) 83%,
|
|
246
|
+
rgb(255, 0, 0) 100%
|
|
247
|
+
)}:host([vertical][type=hue]){--uui-slider-background-image:linear-gradient(
|
|
248
|
+
to top,
|
|
249
|
+
rgb(255, 0, 0) 0%,
|
|
250
|
+
rgb(255, 255, 0) 17%,
|
|
251
|
+
rgb(0, 255, 0) 33%,
|
|
252
|
+
rgb(0, 255, 255) 50%,
|
|
253
|
+
rgb(0, 0, 255) 67%,
|
|
254
|
+
rgb(255, 0, 255) 83%,
|
|
255
|
+
rgb(255, 0, 0) 100%
|
|
256
|
+
)}:host([type=opacity]){--uui-slider-background-image:linear-gradient(
|
|
257
|
+
45deg,
|
|
258
|
+
var(--uui-palette-grey,#c4c4c4) 25%,
|
|
259
|
+
transparent 25%
|
|
260
|
+
),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}`],de([l({reflect:!0})],n.UUIColorSliderElement.prototype,"type",2),de([l()],n.UUIColorSliderElement.prototype,"color",2),de([l({type:Number})],n.UUIColorSliderElement.prototype,"min",2),de([l({type:Number})],n.UUIColorSliderElement.prototype,"max",2),de([l({type:Number})],n.UUIColorSliderElement.prototype,"precision",2),de([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"vertical",2),de([l()],n.UUIColorSliderElement.prototype,"value",2),de([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"disabled",2),n.UUIColorSliderElement=de([b("uui-color-slider")],n.UUIColorSliderElement);var fc={grad:.9,turn:360,rad:360/(2*Math.PI)},he=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},L=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},K=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},_n=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},wn=function(i){return{r:K(i.r,0,255),g:K(i.g,0,255),b:K(i.b,0,255),a:K(i.a)}},Mi=function(i){return{r:L(i.r),g:L(i.g),b:L(i.b),a:L(i.a,3)}},yc=/^#([0-9a-f]{3,8})$/i,Wt=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Un=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=Math.max(e,t,o),a=s-Math.min(e,t,o),c=a?s===e?(t-o)/a:s===t?2+(o-e)/a:4+(e-t)/a:0;return{h:60*(c<0?c+6:c),s:s?a/s*100:0,v:s/255*100,a:r}},En=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var s=Math.floor(e),a=o*(1-t),c=o*(1-(e-s)*t),d=o*(1-(1-e+s)*t),h=s%6;return{r:255*[o,c,a,a,d,o][h],g:255*[d,o,o,c,a,a][h],b:255*[a,a,d,o,o,c][h],a:r}},$n=function(i){return{h:_n(i.h),s:K(i.s,0,100),l:K(i.l,0,100),a:K(i.a)}},kn=function(i){return{h:L(i.h),s:L(i.s),l:L(i.l),a:L(i.a,3)}},In=function(i){return En((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},gt=function(i){return{h:(e=Un(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},_c=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wc=/^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,Ec=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,xn={string:[[function(i){var e=yc.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?L(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?L(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Uc.exec(i)||Ec.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:wn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=_c.exec(i)||wc.exec(i);if(!e)return null;var t,o,r=$n({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(fc[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return In(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,s=r===void 0?1:r;return he(e)&&he(t)&&he(o)?wn({r:Number(e),g:Number(t),b:Number(o),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,s=r===void 0?1:r;if(!he(e)||!he(t)||!he(o))return null;var a=$n({h:Number(e),s:Number(t),l:Number(o),a:Number(s)});return In(a)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,s=r===void 0?1:r;if(!he(e)||!he(t)||!he(o))return null;var a=function(c){return{h:_n(c.h),s:K(c.s,0,100),v:K(c.v,0,100),a:K(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(s)});return En(a)},"hsv"]]},Cn=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},$c=function(i){return typeof i=="string"?Cn(i.trim(),xn.string):typeof i=="object"&&i!==null?Cn(i,xn.object):[null,void 0]},Hi=function(i,e){var t=gt(i);return{h:t.h,s:K(t.s+100*e,0,100),l:t.l,a:t.a}},Bi=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},On=function(i,e){var t=gt(i);return{h:t.h,s:t.s,l:K(t.l+100*e,0,100),a:t.a}},Ri=function(){function i(e){this.parsed=$c(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return L(Bi(this.rgba),2)},i.prototype.isDark=function(){return Bi(this.rgba)<.5},i.prototype.isLight=function(){return Bi(this.rgba)>=.5},i.prototype.toHex=function(){return e=Mi(this.rgba),t=e.r,o=e.g,r=e.b,a=(s=e.a)<1?Wt(L(255*s)):"","#"+Wt(t)+Wt(o)+Wt(r)+a;var e,t,o,r,s,a},i.prototype.toRgb=function(){return Mi(this.rgba)},i.prototype.toRgbString=function(){return e=Mi(this.rgba),t=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+t+", "+o+", "+r+", "+s+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,s},i.prototype.toHsl=function(){return kn(gt(this.rgba))},i.prototype.toHslString=function(){return e=kn(gt(this.rgba)),t=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+s+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,s},i.prototype.toHsv=function(){return e=Un(this.rgba),{h:L(e.h),s:L(e.s),v:L(e.v),a:L(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(Hi(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(Hi(this.rgba,-e))},i.prototype.grayscale=function(){return pe(Hi(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(On(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(On(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):L(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=gt(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):L(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i}(),pe=function(i){return i instanceof Ri?i:new Ri(i)},kc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,Yt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ic(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&kc(e,t,r),r};n.UUIColorSwatchElement=class extends Q("label",Ve(pt(m))){constructor(){super(),this._value="",this.disabled=!1,this.showLabel=!1,this._color=null,this.addEventListener("click",this._setAriaAttributes)}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){}get isLight(){var e,t;return(t=(e=this.color)==null?void 0:e.isLight())!=null?t:!1}_initializeColor(){var e;this._color=new Ri((e=this.value)!=null?e:""),this._color.isValid()||(this.disabled=!0,console.error(`Invalid color provided to uui-color-swatch: ${this.value}`))}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._initializeColor(),this._setAriaAttributes()}willUpdate(e){e.has("value")&&this._initializeColor(),e.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}render(){return u`<button id="swatch" aria-label="${this.label}" aria-disabled="${this.disabled}" title="${this.label}"><div class="${Bt({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}"><div class="color-swatch__color" style="${te({backgroundColor:this.value})}"></div><div class="color-swatch__check">${Mt}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?u`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:$}},n.UUIColorSwatchElement.styles=[p`:host{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:box-shadow .1s ease-out;flex-direction:column}*,:host(*){outline-color:var(--uui-color-focus,#3879ff);outline-offset:4px}:host(:focus-within:not([disabled])){outline:0}:host(:focus:not([disabled])) #swatch{outline-color:var(--uui-color-focus,#3879ff);outline-width:var(--uui-swatch-border-width,1px);outline-style:solid;outline-offset:var(--uui-swatch-border-width,1px)}:host([selectable]) #swatch{cursor:pointer}:host([disabled]){cursor:not-allowed}#swatch{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,1px) 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}.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}.color-swatch--big .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;transition:fill 120ms,opacity 120ms;fill:#fff;pointer-events:none;opacity:0}.color-swatch--light .color-swatch__check{fill:#000}:host([selected]) .color-swatch__check{opacity:1}.label,slot[name=label]::slotted(*){font-size:var(--uui-size-4,12px)}.color-swatch--big{width:120px;height:50px}.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}`],Yt([l()],n.UUIColorSwatchElement.prototype,"value",1),Yt([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),Yt([l({type:Boolean,attribute:"show-label"})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=Yt([b("uui-color-swatch")],n.UUIColorSwatchElement);var xc=Object.defineProperty,Sn=Object.getOwnPropertySymbols,Cc=Object.prototype.hasOwnProperty,Oc=Object.prototype.propertyIsEnumerable,Pn=(i,e,t)=>e in i?xc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,zn=(i,e)=>{for(var t in e||(e={}))Cc.call(e,t)&&Pn(i,t,e[t]);if(Sn)for(var t of Sn(e))Oc.call(e,t)&&Pn(i,t,e[t]);return i};let Ye=class extends x{constructor(e,t={}){super(e,zn(zn({},{bubbles:!0}),t))}};Ye.CHANGE="change";var Sc=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Vi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Sc(e,t,r),r};n.UUIColorSwatchesElement=class extends Q("label",m){constructor(){super(),this.value="",this._onSelected=e=>{const t=e.target;this.swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Ye(Ye.CHANGE)))},this._onDeselected=e=>{const t=e.target;this.swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Ye(Ye.CHANGE))))},this.addEventListener(ye.SELECTED,this._onSelected),this.addEventListener(ye.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(e=>{var t;e.setAttribute("selectable","selectable"),e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.value!==""&&(t=e.color)!=null&&t.isEqual(this.value)&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!0}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIColorSwatchesElement.styles=[p`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Vi([l()],n.UUIColorSwatchesElement.prototype,"value",2),Vi([fe({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"swatches",2),n.UUIColorSwatchesElement=Vi([b("uui-color-swatches")],n.UUIColorSwatchesElement);var zc=Object.defineProperty,An=Object.getOwnPropertySymbols,Ac=Object.prototype.hasOwnProperty,Lc=Object.prototype.propertyIsEnumerable,Ln=(i,e,t)=>e in i?zc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Tn=(i,e)=>{for(var t in e||(e={}))Ac.call(e,t)&&Ln(i,t,e[t]);if(An)for(var t of An(e))Lc.call(e,t)&&Ln(i,t,e[t]);return i};let Y=class extends x{constructor(e,t={}){super(e,Tn(Tn({},{bubbles:!0}),t))}};Y.CHANGE="change",Y.INNER_SLOT_CHANGE="inner-slot-change";var Tc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Pe=(i,e,t,o)=>{for(var r=o>1?void 0:o?jc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Tc(e,t,r),r};n.UUIComboboxListElement=class extends m{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let e=0;e<this._activeOptions.length;e++)e===0?this._activeElement=this._activeOptions[e]:this._activeOptions[e].active=!1;this._updateSelection(),this.dispatchEvent(new Y(Y.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new Y(Y.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new Y(Y.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex()+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{var t;if(!(this._options.length<=0))switch(e.key){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),(t=this._activeElement)==null||t.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(ye.SELECTED,this._onSelected),this.addEventListener(ye.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(ye.SELECTED,this._onSelected),this.removeEventListener(ye.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(e){e=Math.min(Math.max(e,0),this._options.length-1),this._activeElement=this._options[e],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUIComboboxListElement.styles=[p`:host{display:flex;flex-direction:column;box-sizing:border-box}`],Pe([l()],n.UUIComboboxListElement.prototype,"value",1),Pe([l({type:String})],n.UUIComboboxListElement.prototype,"displayValue",2),Pe([l({attribute:!1})],n.UUIComboboxListElement.prototype,"for",1),Pe([fe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],n.UUIComboboxListElement.prototype,"_options",2),Pe([fe({flatten:!0,selector:"uui-combobox-list-option[active]"})],n.UUIComboboxListElement.prototype,"_activeOptions",2),Pe([v()],n.UUIComboboxListElement.prototype,"_value",2),n.UUIComboboxListElement=Pe([b("uui-combobox-list")],n.UUIComboboxListElement);var Nc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,Xe=(i,e,t,o)=>{for(var r=o>1?void 0:o?Dc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Nc(e,t,r),r};n.UUIComboboxListOptionElement=class extends Ve(pt(m)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){var e;return this._displayValue?this._displayValue:((e=this.textContent)==null?void 0:e.trim())||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return u`<slot></slot>`}},n.UUIComboboxListOptionElement.styles=[p`:host{position:relative;cursor:pointer;margin:0 6px;border-radius:var(--uui-border-radius,3px);outline:2px solid transparent;outline-offset:-2px}: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)}`],Xe([v()],n.UUIComboboxListOptionElement.prototype,"_disabled",2),Xe([v()],n.UUIComboboxListOptionElement.prototype,"_displayValue",2),Xe([l({type:String})],n.UUIComboboxListOptionElement.prototype,"value",1),Xe([l({type:String,attribute:"display-value"})],n.UUIComboboxListOptionElement.prototype,"displayValue",1),Xe([l({type:Boolean,reflect:!0})],n.UUIComboboxListOptionElement.prototype,"disabled",1),n.UUIComboboxListOptionElement=Xe([b("uui-combobox-list-option")],n.UUIComboboxListOptionElement);var Mc=Object.defineProperty,jn=Object.getOwnPropertySymbols,Hc=Object.prototype.hasOwnProperty,Bc=Object.prototype.propertyIsEnumerable,Nn=(i,e,t)=>e in i?Mc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Dn=(i,e)=>{for(var t in e||(e={}))Hc.call(e,t)&&Nn(i,t,e[t]);if(jn)for(var t of jn(e))Bc.call(e,t)&&Nn(i,t,e[t]);return i};let B=class extends x{constructor(e,t={}){super(e,Dn(Dn({},{bubbles:!0}),t))}};B.SEARCH="search",B.CHANGE="change";var Rc=Object.defineProperty,Vc=Object.getOwnPropertyDescriptor,X=(i,e,t,o)=>{for(var r=o>1?void 0:o?Vc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Rc(e,t,r),r};n.UUIComboboxElement=class extends J(m){constructor(){super(...arguments),this.open=!1,this.closeLabel="Close",this.disabled=!1,this._displayValue="",this._search="",this._isPhone=!1,this._onPhoneChange=()=>{this._isPhone=this.phoneMediaQuery.matches},this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{var e;(e=this.shadowRoot)!=null&&e.activeElement||this._onClose()}),this._onInput=e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new B(B.SEARCH)),this._open()},this._onSlotChange=()=>{var e;this.value&&this.value!==((e=this._comboboxList)==null?void 0:e.value)&&this._updateValue(this.value)},this._onChange=()=>{var e;this.value=((e=this._comboboxList)==null?void 0:e.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new B(B.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new B(B.SEARCH)))},this._onKeyDown=e=>{this.open===!1&&e.key==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.key==="ArrowUp"||e.key==="ArrowDown")&&this._open(),(e.key==="Escape"||e.key==="Enter")&&this._onClose()},this._onClear=e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new B(B.SEARCH)),this.dispatchEvent(new B(B.CHANGE)))},this._renderInput=()=>u`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" autocomplete="off" .disabled="${this.disabled}" @click="${this._open}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="input-prepend" slot="prepend"></slot>${this.disabled?"":this._renderClearButton()} ${this._renderCaret()}<slot name="input-append" slot="append"></slot></uui-input>`,this._renderCaret=()=>u`<svg id="caret" slot="append" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`,this._renderClearButton=()=>this.value||this.search?u`<uui-button id="clear-button" @click="${this._onClear}" @keydown="${this._onClear}" label="clear" slot="append" compact="compact" style="height:100%"><uui-icon name="remove" .fallback="${Lo.strings[0]}"></uui-icon></uui-button>`:"",this._renderDropdown=()=>u`<div id="dropdown" slot="popover"><uui-scroll-container tabindex="-1" id="scroll-container"><slot></slot></uui-scroll-container></div>`}get value(){return this._value}set value(e){typeof e=="string"&&this._updateValue(e),super.value=e}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),y(this,"uui-icon"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-combobox-list"),y(this,"uui-scroll-container"),y(this,"uui-popover")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery.removeEventListener("change",this._onPhoneChange)}async firstUpdated(){var e;const t=(e=this._comboboxListElements)==null?void 0:e[0];t&&(this._comboboxList=t,this._comboboxList.for=this,this._comboboxList.addEventListener(Y.CHANGE,this._onChange),this._comboboxList.addEventListener(Y.INNER_SLOT_CHANGE,this._onSlotChange),await this.updateComplete,this._updateValue(this.value))}_updateValue(e){this._comboboxList&&(this._comboboxList.value=e,requestAnimationFrame(()=>this._displayValue=this._comboboxList.displayValue||""))}getFormElement(){return this._input}render(){return this._isPhone&&this.open?u`<div id="phone-wrapper"><uui-button label="close" look="primary" @click="${this._onClose}">${this.closeLabel}</uui-button>${this._renderInput()} ${this._renderDropdown()}</div>`:u`<uui-popover .open="${this.open}" .margin="${-1}" @close="${()=>this._onClose()}">${this._renderInput()} ${this._renderDropdown()}</uui-popover>`}},n.UUIComboboxElement.styles=[p`:host{display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#scroll-container{overflow-y:auto;width:100%;max-height:var(--uui-combobox-popover-max-height,500px)}#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))}#caret{margin-right:var(--uui-size-3,9px);display:flex;width:1.15em;flex-shrink:0;margin-top:-1px}: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}`],X([l({attribute:"value",reflect:!0})],n.UUIComboboxElement.prototype,"value",1),X([l({type:String})],n.UUIComboboxElement.prototype,"search",1),X([l({type:Boolean})],n.UUIComboboxElement.prototype,"open",2),X([l({type:String})],n.UUIComboboxElement.prototype,"closeLabel",2),X([l({type:Boolean,reflect:!0})],n.UUIComboboxElement.prototype,"disabled",2),X([I("#combobox-input")],n.UUIComboboxElement.prototype,"_input",2),X([fe({flatten:!0,selector:"uui-combobox-list"})],n.UUIComboboxElement.prototype,"_comboboxListElements",2),X([v()],n.UUIComboboxElement.prototype,"_displayValue",2),X([v()],n.UUIComboboxElement.prototype,"_search",2),X([v()],n.UUIComboboxElement.prototype,"_isPhone",2),n.UUIComboboxElement=X([b("uui-combobox")],n.UUIComboboxElement);var Fc=Object.defineProperty,Gc=Object.getOwnPropertyDescriptor,Fi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Gc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Fc(e,t,r),r};n.UUIDialogLayoutElement=class extends m{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return u`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return u`<slot></slot>`}renderActions(){return u`<slot id="actions" name="actions"></slot>`}render(){return u`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}},n.UUIDialogLayoutElement.styles=[p`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px);color:var(--uui-color-text,#060606)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],Fi([l({type:String})],n.UUIDialogLayoutElement.prototype,"headline",2),Fi([v()],n.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIDialogLayoutElement=Fi([b("uui-dialog-layout")],n.UUIDialogLayoutElement);var qc=Object.defineProperty,Kc=Object.getOwnPropertyDescriptor,Wc=(i,e,t,o)=>{for(var r=o>1?void 0:o?Kc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&qc(e,t,r),r};n.UUIDialogElement=class extends m{render(){return u`<slot></slot>`}},n.UUIDialogElement.styles=[p`:host{position:relative;display:block;max-width:400px;color:var(--uui-color-text,#060606);background-color:var(--uui-dialog-background-color,var(--uui-color-surface,#fff));box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],n.UUIDialogElement=Wc([b("uui-dialog")],n.UUIDialogElement);var Yc=Object.defineProperty,Mn=Object.getOwnPropertySymbols,Xc=Object.prototype.hasOwnProperty,Zc=Object.prototype.propertyIsEnumerable,Hn=(i,e,t)=>e in i?Yc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Bn=(i,e)=>{for(var t in e||(e={}))Xc.call(e,t)&&Hn(i,t,e[t]);if(Mn)for(var t of Mn(e))Zc.call(e,t)&&Hn(i,t,e[t]);return i};let Ze=class extends x{constructor(e,t={}){super(e,Bn(Bn({},{bubbles:!0}),t))}};Ze.CHANGE="change";var Qc=Object.defineProperty,Jc=Object.getOwnPropertyDescriptor,ft=(i,e,t,o)=>{for(var r=o>1?void 0:o?Jc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Qc(e,t,r),r};n.UUIFileDropzoneElement=class extends Q("",m){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(e){if(e){const t=[],o=[];e.split(",").forEach(r=>{r=r.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(r)?t.push(r):o.push(r.replace(/^\./,""))}),this._acceptedMimeTypes=t,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[]}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(e){const t=[],o=[...e];for(;o.length>0;){const r=o.shift();if(r.kind==="file"){const s=r.getAsFile();if(!s)continue;this._isAccepted(s)&&t.push(s)}else if(r.kind==="directory"){if(!("webkitGetAsEntry"in r))continue;const s=r.webkitGetAsEntry();o.push(...await this._readAllDirectoryEntries(s.createReader()))}}return t}async _readAllDirectoryEntries(e){const t=[];let o=await this._readEntriesPromise(e);for(;o.length>0;)t.push(...o),o=await this._readEntriesPromise(e);return t}async _readEntriesPromise(e){try{return await new Promise((t,o)=>{e.readEntries(t,o)})}catch(t){console.log(t)}}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),o=e.name.split(".").pop();if(o&&this._acceptedFileExtensions.includes(o.toLowerCase()))return!0;for(const r in this._acceptedMimeTypes)if(t===r||r.endsWith("/*")&&t.startsWith(r.replace("/*","")))return!0;return!1}async _onDrop(e){var t;e.preventDefault(),this._dropzone.classList.remove("hover");const o=(t=e.dataTransfer)==null?void 0:t.items;if(o){let r=await this._getAllFileEntries(o);this.multiple===!1&&r.length&&(r=[r[0]]),this.dispatchEvent(new Ze(Ze.CHANGE,{detail:{files:r}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new Ze(Ze.CHANGE,{detail:{files:e}}))}render(){return u`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${e=>e.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"><slot></slot></div>`}},n.UUIFileDropzoneElement.styles=[p`#dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;width:100%;height:100%;padding:var(--uui-size-4,12px);border:3px solid transparent;margin:-3px;backdrop-filter:blur(2px)}#dropzone.hover{border-color:var(--uui-color-default,#1b264f)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-default,#1b264f);background-color:var(--uui-color-default,#1b264f)}#symbol{color:var(--uui-color-default,#1b264f);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],ft([I("#input")],n.UUIFileDropzoneElement.prototype,"_input",2),ft([I("#dropzone")],n.UUIFileDropzoneElement.prototype,"_dropzone",2),ft([l({type:String})],n.UUIFileDropzoneElement.prototype,"accept",1),ft([l({type:Boolean})],n.UUIFileDropzoneElement.prototype,"multiple",2),n.UUIFileDropzoneElement=ft([b("uui-file-dropzone")],n.UUIFileDropzoneElement);let ed=class{static humanFileSize(e,t=!1,o=1){const r=t?1e3:1024;if(Math.abs(e)<r)return e+" B";const s=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const c=10**o;do e/=r,++a;while(Math.round(Math.abs(e)*c)/c>=r&&a<s.length-1);return e.toFixed(o)+" "+s[a]}};var td=Object.defineProperty,id=Object.getOwnPropertyDescriptor,oe=(i,e,t,o)=>{for(var r=o>1?void 0:o?id(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&td(e,t,r),r};n.UUIFilePreviewElement=class extends m{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(o=>{this._src=o})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-thumbnail"),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?u`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?u`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:u`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),t=this._name.substring(this._name.length-6,this._name.length);return u`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${e}</span> <span id="file-name-end">${t}</span></span>`}_isFileAnImage(e){return e?e.type.split("/")[0]==="image":!1}async _getThumbnail(e){return await new Promise(t=>{const o=new FileReader;o.readAsDataURL(e),o.onload=()=>{t(o.result)}})}render(){return u`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?u`${ed.humanFileSize(this._size,!0)}`:""}</span></div>`}},n.UUIFilePreviewElement.styles=[p`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1;color:var(--uui-color-text,#060606)}:host(:hover) slot[name=actions]::slotted(*){opacity:1}slot[name=actions]::slotted(*){position:absolute;top:8px;right:8px;max-width:100%;height:32px;font-size:13px;opacity:0;z-index:1;transition:opacity 150ms}#file-symbol{aspect-ratio:1/1;margin:auto;max-width:100%;max-height:100%}#file-info{min-width:0;display:flex;text-align:center;flex-direction:column;font-size:1rem}#file-name{display:flex;justify-content:center}#file-name-start{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#file-name-end{white-space:nowrap}#file-size{opacity:.6}.has-source:hover{text-decoration:underline;cursor:pointer}`],oe([v()],n.UUIFilePreviewElement.prototype,"_name",2),oe([v()],n.UUIFilePreviewElement.prototype,"_url",2),oe([v()],n.UUIFilePreviewElement.prototype,"_extension",2),oe([v()],n.UUIFilePreviewElement.prototype,"_src",2),oe([v()],n.UUIFilePreviewElement.prototype,"_size",2),oe([v()],n.UUIFilePreviewElement.prototype,"_isDirectory",2),oe([v()],n.UUIFilePreviewElement.prototype,"_file",2),oe([v()],n.UUIFilePreviewElement.prototype,"_isImage",2),oe([l({attribute:!1})],n.UUIFilePreviewElement.prototype,"file",1),n.UUIFilePreviewElement=oe([b("uui-file-preview")],n.UUIFilePreviewElement);var rd=Object.defineProperty,od=Object.getOwnPropertyDescriptor,Xt=(i,e,t,o)=>{for(var r=o>1?void 0:o?od(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rd(e,t,r),r};n.UUIFormLayoutItemElement=class extends m{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),y(this,"uui-form-validation-message")}render(){return u`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}},n.UUIFormLayoutItemElement.styles=[p`:host{position:relative;display:block;margin-top:var(--uui-size-space-5,18px);margin-bottom:var(--uui-size-space-5,18px)}#label{margin-top:-5px;margin-bottom:5px}#description{color:var(--uui-color-disabled-contrast,#c4c4c4);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],Xt([l({type:String})],n.UUIFormLayoutItemElement.prototype,"description",2),Xt([v()],n.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Xt([v()],n.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),n.UUIFormLayoutItemElement=Xt([b("uui-form-layout-item")],n.UUIFormLayoutItemElement);/**
|
|
228
261
|
* @license
|
|
229
262
|
* Copyright 2017 Google LLC
|
|
230
263
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
231
|
-
*/const
|
|
264
|
+
*/const Rn=(i,e,t)=>{const o=new Map;for(let r=e;r<=t;r++)o.set(i[r],r);return o},Vn=qe(class extends Ke{constructor(i){if(super(i),i.type!==W.CHILD)throw Error("repeat() can only be used in text expressions")}dt(i,e,t){let o;t===void 0?t=e:e!==void 0&&(o=e);const r=[],s=[];let a=0;for(const c of i)r[a]=o?o(c,a):a,s[a]=t(c,a),a++;return{values:s,keys:r}}render(i,e,t){return this.dt(i,e,t).values}update(i,[e,t,o]){var r;const s=Zu(i),{values:a,keys:c}=this.dt(e,t,o);if(!Array.isArray(s))return this.ht=c,a;const d=(r=this.ht)!==null&&r!==void 0?r:this.ht=[],h=[];let U,_,f=0,w=s.length-1,E=0,k=a.length-1;for(;f<=w&&E<=k;)if(s[f]===null)f++;else if(s[w]===null)w--;else if(d[f]===c[E])h[E]=Se(s[f],a[E]),f++,E++;else if(d[w]===c[k])h[k]=Se(s[w],a[k]),w--,k--;else if(d[f]===c[k])h[k]=Se(s[f],a[k]),mt(i,h[k+1],s[f]),f++,k--;else if(d[w]===c[E])h[E]=Se(s[w],a[E]),mt(i,s[f],s[w]),w--,E++;else if(U===void 0&&(U=Rn(c,E,k),_=Rn(d,f,w)),U.has(d[f]))if(U.has(d[w])){const T=_.get(c[E]),Te=T!==void 0?s[T]:null;if(Te===null){const st=mt(i,s[f]);Se(st,a[E]),h[E]=st}else h[E]=Se(Te,a[E]),mt(i,s[f],Te),s[T]=null;E++}else Li(s[w]),w--;else Li(s[f]),f++;for(;E<=k;){const T=mt(i,h[k+1]);Se(T,a[E]),h[E++]=T}for(;f<=w;){const T=s[f++];T!==null&&Li(T)}return this.ht=c,tn(i,h),H}});var nd=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,Fn=(i,e,t,o)=>{for(var r=o>1?void 0:o?sd(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&nd(e,t,r),r};n.UUIFormValidationMessageElement=class extends m{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate()},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;if(typeof e=="string"){const s=this.getRootNode();t=s?.getElementById(e)}const o=t||this,r=this._for;r!==o&&(r!==null&&(r.removeEventListener(Ge.INVALID,this._onControlInvalid),r.removeEventListener(Ge.VALID,this._onControlValid)),this._for=o,this._for.addEventListener(Ge.INVALID,this._onControlInvalid),this._for.addEventListener(Ge.VALID,this._onControlValid))}render(){return u`<slot></slot><div id="messages">${Vn(this._messages,e=>u`<div>${e[1]}</div>`)}<slot name="message"></slot></div>`}},n.UUIFormValidationMessageElement.styles=[p`#messages{color:var(--uui-color-danger-standalone,#bf214e)}`],Fn([l({reflect:!1,attribute:!0})],n.UUIFormValidationMessageElement.prototype,"for",1),n.UUIFormValidationMessageElement=Fn([b("uui-form-validation-message")],n.UUIFormValidationMessageElement);var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,ud=(i,e,t,o)=>{for(var r=o>1?void 0:o?ld(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ad(e,t,r),r};n.UUIFormElement=class extends m{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(o=>o instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return u`<slot @slotchange="${this._onSlotChanged}"></slot>`}},n.UUIFormElement=ud([b("uui-form")],n.UUIFormElement);/**
|
|
232
265
|
* @license
|
|
233
266
|
* Copyright 2017 Google LLC
|
|
234
267
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
235
|
-
*/class Pi extends Re{constructor(e){if(super(e),this.et=$,e.type!==K.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===$||e==null)return this.ft=void 0,this.et=e;if(e===M)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Pi.directiveName="unsafeHTML",Pi.resultType=1;const Oi=Be(Pi);var mu=Object.defineProperty,Mo=Object.getOwnPropertySymbols,gu=Object.prototype.hasOwnProperty,fu=Object.prototype.propertyIsEnumerable,Bo=(i,e,t)=>e in i?mu(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ro=(i,e)=>{for(var t in e||(e={}))gu.call(e,t)&&Bo(i,t,e[t]);if(Mo)for(var t of Mo(e))fu.call(e,t)&&Bo(i,t,e[t]);return i};let qe=class extends x{constructor(e,t={}){super(e,Ro(Ro({},{bubbles:!0,composed:!0}),t)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};qe.ICON_REQUEST="icon-request";var yu=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,Ke=(i,e,t,o)=>{for(var r=o>1?void 0:o?_u(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&yu(e,t,r),r};n.UUIIconElement=class extends v{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new qe(qe.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?u`<slot name="fallback"></slot>`:Oi(this.fallback):this._nameSvg!==null?Oi(this._nameSvg):this.svg!==null?Oi(this.svg):u`<slot></slot>`}},n.UUIIconElement.styles=[b`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{fill: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)}`],Ke([m()],n.UUIIconElement.prototype,"_nameSvg",2),Ke([l()],n.UUIIconElement.prototype,"name",1),Ke([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Ke([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Ke([m()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Ke([h("uui-icon")],n.UUIIconElement);let Si=class{constructor(e){this.promise=new Promise((t,o)=>{this.resolve=t,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},zi=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qe.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qe.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Si(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Si}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var wu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,Vo=(i,e,t,o)=>{for(var r=o>1?void 0:o?Uu(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&wu(e,t,r),r};n.UUIIconRegistryElement=class extends v{constructor(){super(),this._icons={},this._registry=new zi,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,o])=>this._registry.defineIcon(t,o))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Vo([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Vo([h("uui-icon-registry")],n.UUIIconRegistryElement);const Eu=g`<svg 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>`,$u=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.399 66.934L36.38 444.893h438.036L255.399 66.934zm22.094 331.988h-46.29v-44.743h46.29v44.743zm-11.458-63.166h-23.068l-12.849-106.419v-57.846h48.458v57.846l-12.541 106.419z"/></svg>`,ku=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M127.286 449.816c-21.564.006-43.317-8.494-59.885-25.062-16.578-16.575-25.083-38.336-25.079-59.897-.029-20.296 7.623-40.755 23.034-56.14l3.539-3.539 212.559-212.57c20.227-20.255 47.082-30.304 73.852-30.267 28.454-.012 57.219 11.208 79.179 33.159 21.937 21.949 33.153 50.698 33.147 79.151.028 26.779-10.016 53.627-30.268 73.865l-178.45 178.453-13.28 13.277-26.56-26.559 191.738-191.733c12.842-12.871 19.229-29.708 19.259-47.303-.004-18.645-7.323-37.759-22.152-52.592-14.834-14.838-33.958-22.152-52.613-22.165-17.588.034-34.423 6.418-47.284 19.266L95.447 331.734l-3.536 3.537c-8.011 8.031-11.994 18.482-12.029 29.585.014 11.761 4.614 23.877 14.079 33.345 9.455 9.446 21.562 14.043 33.326 14.056 11.102-.034 21.551-4.014 29.587-12.026l150.412-150.404 12.596-12.595c3.018-3.04 4.521-6.906 4.549-11.331 0-4.666-1.817-9.57-5.722-13.476-3.914-3.916-8.819-5.726-13.48-5.739-4.425.038-8.283 1.542-11.328 4.564L155.27 349.882l-26.561-26.56L267.33 184.703c10.408-10.44 24.289-15.604 37.897-15.57 14.468-.012 29.01 5.704 40.049 16.739 11.007 11.025 16.72 25.554 16.72 40.029.029 13.599-5.129 27.479-15.559 37.89l-12.601 12.595-150.41 150.41c-15.365 15.377-35.768 23.025-56.022 23.021l-.118-.001z"/></svg>`,Iu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M475.88 151.615c-.583-.961-10.257-17.833-29.675-35.154-19.305-17.239-49.226-35.216-88.641-35.21-39.424-.02-69.047 18.022-87.958 35.329a162.852 162.852 0 0 0-14.814 15.459 167.873 167.873 0 0 0-15.325-15.578c-19.302-17.239-49.225-35.216-88.635-35.21-39.428-.02-69.049 18.022-87.962 35.329-19.041 17.4-28.3 34.322-28.873 35.328l-1.991 7.796v254.56l30.49 7.78.066.039c.423-.818 8.621-14.927 23.664-28.167 15.169-13.298 36.324-25.537 64.605-25.557 29.166.006 51.354 13.121 66.996 26.975a134.425 134.425 0 0 1 17.578 19.031 110.554 110.554 0 0 1 4.313 6.109 52.672 52.672 0 0 1 1.176 1.876l.008.006.006-.002c2.808 4.888 8.066 8.192 14.113 8.192 6.155 0 11.507-3.421 14.271-8.464h.002l.025-.049.008-.014c.617-1.129 8.778-15.029 23.632-28.104 15.169-13.298 36.327-25.537 64.603-25.557 29.178.006 51.36 13.121 67.002 26.975 7.752 6.894 13.677 13.88 17.576 19.031a110.974 110.974 0 0 1 4.312 6.109c.463.707.792 1.241.984 1.562.092.155.163.263.192.314l.004.006.029-.012 30.37-8.081v-254.56l-2.151-8.087zM150.832 335.806h-.062c-38.245 0-67.258 16.996-86.213 33.819V164.279c3.311-5.068 10.654-15.229 21.67-24.919 15.169-13.31 36.324-25.539 64.605-25.559 29.166 0 51.354 13.122 66.996 26.974a134.046 134.046 0 0 1 17.578 19.03 108.111 108.111 0 0 1 3.338 4.655v205.933c-19.321-17.044-48.976-34.587-87.912-34.587zm294.652 34.57c-19.324-17.04-48.99-34.57-87.92-34.57-38.292-.018-67.307 17.006-86.275 33.849V164.289c3.305-5.058 10.639-15.217 21.673-24.929 15.169-13.31 36.327-25.539 64.603-25.559 29.178 0 51.36 13.122 67.002 26.974 7.752 6.891 13.677 13.875 17.576 19.03a110.27 110.27 0 0 1 3.342 4.651v205.92z"/></svg>`,xu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M342.391 352.428h-44.879v44.865h44.879v-44.865zm-63.234-120.071h-44.849v44.853h44.849v-44.853zm63.234 60.034h-44.879v44.859h44.879v-44.859zm63.174-60.034h-44.854v44.853h44.854v-44.853zm-126.408 60.034h-44.849v44.859h44.849v-44.859zm63.234-60.034h-44.879v44.853h44.879v-44.853zm63.174 60.034h-44.854v44.859h44.854v-44.859zm-252.803 60.037h-44.856v44.865h44.856v-44.865zm0-60.037h-44.856v44.859h44.856v-44.859zM394.024 74.208v19.691c7.737 6.847 12.642 16.825 12.642 27.969 0 20.634-16.732 37.367-37.369 37.367-20.642 0-37.367-16.733-37.367-37.367 0-11.147 4.903-21.124 12.643-27.969V74.208H169.97v19.691c7.739 6.847 12.643 16.825 12.643 27.969 0 20.634-16.732 37.367-37.369 37.367-20.64 0-37.367-16.733-37.367-37.367 0-11.147 4.904-21.124 12.642-27.969V74.208h-83.27v397.644h436.668V74.208h-79.893zm40.011 357.759H77.131V183.544h356.904v248.423zm-218.047-199.61h-44.881v44.853h44.881v-44.853zm0 120.071h-44.881v44.865h44.881v-44.865zm63.169 0h-44.849v44.865h44.849v-44.865zm-63.169-60.037h-44.881v44.859h44.881v-44.859zM145.245 143.64c10.273 0 18.603-8.326 18.603-18.599V58.035c0-10.267-8.329-18.6-18.603-18.6-10.274 0-18.602 8.333-18.602 18.6v67.006c0 10.272 8.328 18.599 18.602 18.599zm224.054 0c10.272 0 18.601-8.326 18.601-18.599V58.035c0-10.267-8.328-18.6-18.601-18.6-10.274 0-18.604 8.333-18.604 18.6v67.006c0 10.272 8.329 18.599 18.604 18.599z"/></svg>`,Cu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,Pu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,Ou=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,Su=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,zu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,Au=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,Lu=g`<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"/></svg>`,Nu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,Tu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,ju=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,Hu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,Du=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"/></svg>`,Mu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,Bu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,Ru=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,Vu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,Fu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,Gu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,qu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Ku=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,Wu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,Yu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,Xu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,Zu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,Qu=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,Ju=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,ec=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,tc=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;let Fo=class extends zi{constructor(){super(),this.defineIcon("add",Eu.strings[0]),this.defineIcon("alert",$u.strings[0]),this.defineIcon("attachment",ku.strings[0]),this.defineIcon("book-alt",Iu.strings[0]),this.defineIcon("calendar",xu.strings[0]),this.defineIcon("check",Cu.strings[0]),this.defineIcon("clipboard",Pu.strings[0]),this.defineIcon("code",Ou.strings[0]),this.defineIcon("colorpicker",Su.strings[0]),this.defineIcon("copy",zu.strings[0]),this.defineIcon("delete",Au.strings[0]),this.defineIcon("document",Lu.strings[0]),this.defineIcon("download",Nu.strings[0]),this.defineIcon("edit",Tu.strings[0]),this.defineIcon("favorite",ju.strings[0]),this.defineIcon("folder",Hu.strings[0]),this.defineIcon("forbidden",Du.strings[0]),this.defineIcon("info",Mu.strings[0]),this.defineIcon("link",Bu.strings[0]),this.defineIcon("lock",Ru.strings[0]),this.defineIcon("pause",Vu.strings[0]),this.defineIcon("picture",Fu.strings[0]),this.defineIcon("play",Gu.strings[0]),this.defineIcon("remove",qu.strings[0]),this.defineIcon("search",Ku.strings[0]),this.defineIcon("see",Wu.strings[0]),this.defineIcon("settings",Yu.strings[0]),this.defineIcon("subtract",Xu.strings[0]),this.defineIcon("sync",Zu.strings[0]),this.defineIcon("unlock",Qu.strings[0]),this.defineIcon("unsee",Ju.strings[0]),this.defineIcon("wand",ec.strings[0]),this.defineIcon("wrong",tc.strings[0])}};var ic=Object.defineProperty,rc=Object.getOwnPropertyDescriptor,oc=(i,e,t,o)=>{for(var r=o>1?void 0:o?rc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ic(e,t,r),r};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Fo}},n.UUIIconRegistryEssentialElement=oc([h("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var nc=Object.defineProperty,Go=Object.getOwnPropertySymbols,ac=Object.prototype.hasOwnProperty,sc=Object.prototype.propertyIsEnumerable,qo=(i,e,t)=>e in i?nc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ko=(i,e)=>{for(var t in e||(e={}))ac.call(e,t)&&qo(i,t,e[t]);if(Go)for(var t of Go(e))sc.call(e,t)&&qo(i,t,e[t]);return i};let xe=class extends x{constructor(e,t={}){super(e,Ko(Ko({},{bubbles:!0}),t))}};xe.CHANGE="change",xe.INPUT="input";var lc=Object.defineProperty,uc=Object.getOwnPropertyDescriptor,T=(i,e,t,o)=>{for(var r=o>1?void 0:o?uc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&lc(e,t,r),r};n.UUIInputElement=class extends J(Q("",v)){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._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&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}get type(){return this._type}set type(e){this._type=e}firstUpdated(e){super.firstUpdated(e),this.addFormControlElement(this._input)}_onKeypress(e){this.type!=="color"&&e.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new xe(xe.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new xe(xe.CHANGE))}renderPrepend(){return u`<slot name="prepend"></slot>`}renderAppend(){return u`<slot name="append"></slot>`}render(){return u`${this.renderPrepend()} <input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${S(this.pattern)}" min="${S(this.min)}" max="${S(this.max)}" step="${S(this.step)}" spellcheck="${S(this.spellcheck)}" autocomplete="${S(this.autocomplete)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}"> ${this.renderAppend()}`}},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[b`:host{position:relative;display:inline-flex;align-items:stretch;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%}: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,var(--uui-palette-malibu))}: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,var(--uui-palette-sand)));border-color:var(--uui-input-border-color-disabled,var(--uui-color-disabled,var(--uui-palette-sand)));color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) input{-webkit-text-fill-color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([readonly]){background-color:var(--uui-input-background-color-readonly,var(--uui-color-disabled,var(--uui-palette-sand)));border-color:var(--uui-input-border-color-readonly,var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark)))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-color-danger,var(--uui-palette-maroon-flush))}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%;text-align:inherit;outline:0}input::placeholder{transition:opacity 120ms}:host(:not([readonly])) input:focus::placeholder{opacity:0}input[type=color]{width:30px;padding:0;border:none}::slotted(uui-input){height:100%;--uui-input-border-width:0}`],T([l()],n.UUIInputElement.prototype,"min",2),T([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),T([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),T([l()],n.UUIInputElement.prototype,"max",2),T([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),T([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),T([l({type:Number})],n.UUIInputElement.prototype,"step",2),T([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),T([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),T([l()],n.UUIInputElement.prototype,"placeholder",2),T([l()],n.UUIInputElement.prototype,"autocomplete",2),T([l({type:String})],n.UUIInputElement.prototype,"type",1),T([l({type:String})],n.UUIInputElement.prototype,"pattern",2),T([l({type:String})],n.UUIInputElement.prototype,"inputmode",2),T([I("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=T([h("uui-input")],n.UUIInputElement);var cc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,We=(i,e,t,o)=>{for(var r=o>1?void 0:o?dc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&cc(e,t,r),r};n.UUIInputFileElement=class extends J(v){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const o of e)this.multiple?t.push(o):t=[o];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return this._value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-file-dropzone"),y(this,"uui-button"),y(this,"uui-action-bar"),y(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(r=>r instanceof File||r.isFile);if(!this.multiple){const r=t[0],a=r instanceof File?r:await this._getFile(r);if(this.value instanceof File){this.value=a;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,a),this._updateFileWrappers([a]);return}}let o=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const r of t){const a=r instanceof File;o.append(this.name,a?r:await this._getFile(r))}this.value=o}async _getFile(e){return await new Promise((t,o)=>e.file(t,o))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(r=>r!==t);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const r of o)this.value.append(this.name,r)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(t)}" color="danger" label="${`Delete ${e.name}`}"><uui-icon name="delete" .fallback="${ul.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${Ho(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return u`<uui-file-dropzone id="dropzone" ?multiple="${this.multiple}" .accept="${this.accept}" @change="${this._handleFilesChange}" label="Drop files here"></uui-file-dropzone><div id="files">${this._renderFiles()} ${this._files.length===0||this.multiple?u`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:$}</div>`}},n.UUIInputFileElement.styles=[b`: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}`],We([I("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),We([I("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),We([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),We([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),We([m()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=We([h("uui-input-file")],n.UUIInputFileElement);var hc=Object.defineProperty,pc=Object.getOwnPropertyDescriptor,Wo=(i,e,t,o)=>{for(var r=o>1?void 0:o?pc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&hc(e,t,r),r};n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${cl.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${pl.strings[0]}"></uui-icon>`}renderPrepend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}},n.UUIInputLockElement.styles=[...n.UUIInputElement.styles,b`#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}`],Wo([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=Wo([h("uui-input-lock")],n.UUIInputLockElement);var bc=Object.defineProperty,vc=Object.getOwnPropertyDescriptor,Ai=(i,e,t,o)=>{for(var r=o>1?void 0:o?vc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&bc(e,t,r),r};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?u`<uui-icon name="see" .fallback="${hl.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${bl.strings[0]}"></uui-icon>`}renderAppend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}},n.UUIInputPasswordElement.styles=[...n.UUIInputElement.styles,b`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],Ai([m()],n.UUIInputPasswordElement.prototype,"passwordType",2),Ai([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=Ai([h("uui-input-password")],n.UUIInputPasswordElement);var mc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,fc=(i,e,t,o)=>{for(var r=o>1?void 0:o?gc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&mc(e,t,r),r};n.UUIKeyboardShortcutElement=class extends v{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[b`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px);color:var(--uui-color-text,var(--uui-palette-black))}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],n.UUIKeyboardShortcutElement=fc([h("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var yc=Object.defineProperty,_c=Object.getOwnPropertyDescriptor,wc=(i,e,t,o)=>{for(var r=o>1?void 0:o?_c(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&yc(e,t,r),r};n.UUIKeyElement=class extends v{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[b`: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,var(--uui-size-4));color:var(--uui-color-text,var(--uui-palette-black));border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],n.UUIKeyElement=wc([h("uui-key")],n.UUIKeyElement);var Uc=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,Dt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ec(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Uc(e,t,r),r};n.UUILabelElement=class extends v{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){if(typeof this.for=="string"){const e=this.getRootNode();return e?.getElementById(this.for)||null}return this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[b`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,var(--uui-palette-maroon-flush));font-weight:900}`],Dt([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Dt([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Dt([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Dt([h("uui-label")],n.UUILabelElement);var $c=Object.defineProperty,kc=Object.getOwnPropertyDescriptor,Li=(i,e,t,o)=>{for(var r=o>1?void 0:o?kc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&$c(e,t,r),r};const Ic=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUILoaderBarElement=class extends v{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Ic(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return u`${this.progress?u`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}},n.UUILoaderBarElement.styles=[b`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-default,var(--uui-palette-space-cadet))}#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}}`],Li([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),Li([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=Li([h("uui-loader-bar")],n.UUILoaderBarElement);var xc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,Ni=(i,e,t,o)=>{for(var r=o>1?void 0:o?Cc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&xc(e,t,r),r};n.UUILoaderCircleElement=class extends v{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?u`<span id="progress-display">${this.progress}</span>`:""}render(){return u`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${te(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[b`: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,var(--uui-palette-space-cadet))}#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}`],Ni([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),Ni([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=Ni([h("uui-loader-circle")],n.UUILoaderCircleElement);var Pc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,Sc=(i,e,t,o)=>{for(var r=o>1?void 0:o?Oc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Pc(e,t,r),r};n.UUILoaderElement=class extends v{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[b`:host{color:var(--uui-color-default,var(--uui-palette-space-cadet))}div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){animation-delay:0s}div:nth-child(2n){animation-delay:.15s}div:nth-child(3n){animation-delay:.3s}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],n.UUILoaderElement=Sc([h("uui-loader")],n.UUILoaderElement);/**
|
|
268
|
+
*/class Gi extends Ke{constructor(e){if(super(e),this.et=$,e.type!==W.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===$||e==null)return this.ft=void 0,this.et=e;if(e===H)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Gi.directiveName="unsafeHTML",Gi.resultType=1;const qi=qe(Gi);var cd=Object.defineProperty,Gn=Object.getOwnPropertySymbols,dd=Object.prototype.hasOwnProperty,hd=Object.prototype.propertyIsEnumerable,qn=(i,e,t)=>e in i?cd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Kn=(i,e)=>{for(var t in e||(e={}))dd.call(e,t)&&qn(i,t,e[t]);if(Gn)for(var t of Gn(e))hd.call(e,t)&&qn(i,t,e[t]);return i};let Qe=class extends x{constructor(e,t={}){super(e,Kn(Kn({},{bubbles:!0,composed:!0}),t)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};Qe.ICON_REQUEST="icon-request";var pd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,Je=(i,e,t,o)=>{for(var r=o>1?void 0:o?bd(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&pd(e,t,r),r};n.UUIIconElement=class extends m{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new Qe(Qe.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?u`<slot name="fallback"></slot>`:qi(this.fallback):this._nameSvg!==null?qi(this._nameSvg):this.svg!==null?qi(this.svg):u`<slot></slot>`}},n.UUIIconElement.styles=[p`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{fill: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)}`],Je([v()],n.UUIIconElement.prototype,"_nameSvg",2),Je([l()],n.UUIIconElement.prototype,"name",1),Je([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),Je([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),Je([v()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=Je([b("uui-icon")],n.UUIIconElement);let Ki=class{constructor(e){this.promise=new Promise((t,o)=>{this.resolve=t,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Wi=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(Qe.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Qe.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Ki(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Ki}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var md=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,Wn=(i,e,t,o)=>{for(var r=o>1?void 0:o?vd(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&md(e,t,r),r};n.UUIIconRegistryElement=class extends m{constructor(){super(),this._icons={},this._registry=new Wi,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,o])=>this._registry.defineIcon(t,o))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return u`<slot></slot>`}},Wn([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Wn([b("uui-icon-registry")],n.UUIIconRegistryElement);const gd=g`<svg 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>`,fd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.399 66.934L36.38 444.893h438.036L255.399 66.934zm22.094 331.988h-46.29v-44.743h46.29v44.743zm-11.458-63.166h-23.068l-12.849-106.419v-57.846h48.458v57.846l-12.541 106.419z"/></svg>`,yd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M127.286 449.816c-21.564.006-43.317-8.494-59.885-25.062-16.578-16.575-25.083-38.336-25.079-59.897-.029-20.296 7.623-40.755 23.034-56.14l3.539-3.539 212.559-212.57c20.227-20.255 47.082-30.304 73.852-30.267 28.454-.012 57.219 11.208 79.179 33.159 21.937 21.949 33.153 50.698 33.147 79.151.028 26.779-10.016 53.627-30.268 73.865l-178.45 178.453-13.28 13.277-26.56-26.559 191.738-191.733c12.842-12.871 19.229-29.708 19.259-47.303-.004-18.645-7.323-37.759-22.152-52.592-14.834-14.838-33.958-22.152-52.613-22.165-17.588.034-34.423 6.418-47.284 19.266L95.447 331.734l-3.536 3.537c-8.011 8.031-11.994 18.482-12.029 29.585.014 11.761 4.614 23.877 14.079 33.345 9.455 9.446 21.562 14.043 33.326 14.056 11.102-.034 21.551-4.014 29.587-12.026l150.412-150.404 12.596-12.595c3.018-3.04 4.521-6.906 4.549-11.331 0-4.666-1.817-9.57-5.722-13.476-3.914-3.916-8.819-5.726-13.48-5.739-4.425.038-8.283 1.542-11.328 4.564L155.27 349.882l-26.561-26.56L267.33 184.703c10.408-10.44 24.289-15.604 37.897-15.57 14.468-.012 29.01 5.704 40.049 16.739 11.007 11.025 16.72 25.554 16.72 40.029.029 13.599-5.129 27.479-15.559 37.89l-12.601 12.595-150.41 150.41c-15.365 15.377-35.768 23.025-56.022 23.021l-.118-.001z"/></svg>`,_d=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M475.88 151.615c-.583-.961-10.257-17.833-29.675-35.154-19.305-17.239-49.226-35.216-88.641-35.21-39.424-.02-69.047 18.022-87.958 35.329a162.852 162.852 0 0 0-14.814 15.459 167.873 167.873 0 0 0-15.325-15.578c-19.302-17.239-49.225-35.216-88.635-35.21-39.428-.02-69.049 18.022-87.962 35.329-19.041 17.4-28.3 34.322-28.873 35.328l-1.991 7.796v254.56l30.49 7.78.066.039c.423-.818 8.621-14.927 23.664-28.167 15.169-13.298 36.324-25.537 64.605-25.557 29.166.006 51.354 13.121 66.996 26.975a134.425 134.425 0 0 1 17.578 19.031 110.554 110.554 0 0 1 4.313 6.109 52.672 52.672 0 0 1 1.176 1.876l.008.006.006-.002c2.808 4.888 8.066 8.192 14.113 8.192 6.155 0 11.507-3.421 14.271-8.464h.002l.025-.049.008-.014c.617-1.129 8.778-15.029 23.632-28.104 15.169-13.298 36.327-25.537 64.603-25.557 29.178.006 51.36 13.121 67.002 26.975 7.752 6.894 13.677 13.88 17.576 19.031a110.974 110.974 0 0 1 4.312 6.109c.463.707.792 1.241.984 1.562.092.155.163.263.192.314l.004.006.029-.012 30.37-8.081v-254.56l-2.151-8.087zM150.832 335.806h-.062c-38.245 0-67.258 16.996-86.213 33.819V164.279c3.311-5.068 10.654-15.229 21.67-24.919 15.169-13.31 36.324-25.539 64.605-25.559 29.166 0 51.354 13.122 66.996 26.974a134.046 134.046 0 0 1 17.578 19.03 108.111 108.111 0 0 1 3.338 4.655v205.933c-19.321-17.044-48.976-34.587-87.912-34.587zm294.652 34.57c-19.324-17.04-48.99-34.57-87.92-34.57-38.292-.018-67.307 17.006-86.275 33.849V164.289c3.305-5.058 10.639-15.217 21.673-24.929 15.169-13.31 36.327-25.539 64.603-25.559 29.178 0 51.36 13.122 67.002 26.974 7.752 6.891 13.677 13.875 17.576 19.03a110.27 110.27 0 0 1 3.342 4.651v205.92z"/></svg>`,wd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M342.391 352.428h-44.879v44.865h44.879v-44.865zm-63.234-120.071h-44.849v44.853h44.849v-44.853zm63.234 60.034h-44.879v44.859h44.879v-44.859zm63.174-60.034h-44.854v44.853h44.854v-44.853zm-126.408 60.034h-44.849v44.859h44.849v-44.859zm63.234-60.034h-44.879v44.853h44.879v-44.853zm63.174 60.034h-44.854v44.859h44.854v-44.859zm-252.803 60.037h-44.856v44.865h44.856v-44.865zm0-60.037h-44.856v44.859h44.856v-44.859zM394.024 74.208v19.691c7.737 6.847 12.642 16.825 12.642 27.969 0 20.634-16.732 37.367-37.369 37.367-20.642 0-37.367-16.733-37.367-37.367 0-11.147 4.903-21.124 12.643-27.969V74.208H169.97v19.691c7.739 6.847 12.643 16.825 12.643 27.969 0 20.634-16.732 37.367-37.369 37.367-20.64 0-37.367-16.733-37.367-37.367 0-11.147 4.904-21.124 12.642-27.969V74.208h-83.27v397.644h436.668V74.208h-79.893zm40.011 357.759H77.131V183.544h356.904v248.423zm-218.047-199.61h-44.881v44.853h44.881v-44.853zm0 120.071h-44.881v44.865h44.881v-44.865zm63.169 0h-44.849v44.865h44.849v-44.865zm-63.169-60.037h-44.881v44.859h44.881v-44.859zM145.245 143.64c10.273 0 18.603-8.326 18.603-18.599V58.035c0-10.267-8.329-18.6-18.603-18.6-10.274 0-18.602 8.333-18.602 18.6v67.006c0 10.272 8.328 18.599 18.602 18.599zm224.054 0c10.272 0 18.601-8.326 18.601-18.599V58.035c0-10.267-8.328-18.6-18.601-18.6-10.274 0-18.604 8.333-18.604 18.6v67.006c0 10.272 8.329 18.599 18.604 18.599z"/></svg>`,Ud=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/></svg>`,Ed=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,$d=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,kd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,Id=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,xd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,Cd=g`<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"/></svg>`,Od=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,Sd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,Pd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,zd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,Ad=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"/></svg>`,Ld=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,Td=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,jd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,Nd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,Dd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,Md=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,Hd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Bd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,Rd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,Vd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,Fd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,Gd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,qd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><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"/></svg>`,Kd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,Wd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,Yd=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/></svg>`;let Yn=class extends Wi{constructor(){super(),this.defineIcon("add",gd.strings[0]),this.defineIcon("alert",fd.strings[0]),this.defineIcon("attachment",yd.strings[0]),this.defineIcon("book-alt",_d.strings[0]),this.defineIcon("calendar",wd.strings[0]),this.defineIcon("check",Ud.strings[0]),this.defineIcon("clipboard",Ed.strings[0]),this.defineIcon("code",$d.strings[0]),this.defineIcon("colorpicker",kd.strings[0]),this.defineIcon("copy",Id.strings[0]),this.defineIcon("delete",xd.strings[0]),this.defineIcon("document",Cd.strings[0]),this.defineIcon("download",Od.strings[0]),this.defineIcon("edit",Sd.strings[0]),this.defineIcon("favorite",Pd.strings[0]),this.defineIcon("folder",zd.strings[0]),this.defineIcon("forbidden",Ad.strings[0]),this.defineIcon("info",Ld.strings[0]),this.defineIcon("link",Td.strings[0]),this.defineIcon("lock",jd.strings[0]),this.defineIcon("pause",Nd.strings[0]),this.defineIcon("picture",Dd.strings[0]),this.defineIcon("play",Md.strings[0]),this.defineIcon("remove",Hd.strings[0]),this.defineIcon("search",Bd.strings[0]),this.defineIcon("see",Rd.strings[0]),this.defineIcon("settings",Vd.strings[0]),this.defineIcon("subtract",Fd.strings[0]),this.defineIcon("sync",Gd.strings[0]),this.defineIcon("unlock",qd.strings[0]),this.defineIcon("unsee",Kd.strings[0]),this.defineIcon("wand",Wd.strings[0]),this.defineIcon("wrong",Yd.strings[0])}};var Xd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,Qd=(i,e,t,o)=>{for(var r=o>1?void 0:o?Zd(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Xd(e,t,r),r};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Yn}},n.UUIIconRegistryEssentialElement=Qd([b("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Jd=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,et=(i,e,t,o)=>{for(var r=o>1?void 0:o?eh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Jd(e,t,r),r};n.UUIInputFileElement=class extends J(m){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const o of e)this.multiple?t.push(o):t=[o];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return this._value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-file-dropzone"),y(this,"uui-button"),y(this,"uui-action-bar"),y(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(r=>r instanceof File||r.isFile);if(!this.multiple){const r=t[0],s=r instanceof File?r:await this._getFile(r);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 o=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const r of t){const s=r instanceof File;o.append(this.name,s?r:await this._getFile(r))}this.value=o}async _getFile(e){return await new Promise((t,o)=>e.file(t,o))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(r=>r!==t);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const r of o)this.value.append(this.name,r)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return u`<uui-file-preview .file="${e}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(t)}" color="danger" label="${`Delete ${e.name}`}"><uui-icon name="delete" .fallback="${du.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return u`${Vn(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return u`<uui-file-dropzone id="dropzone" ?multiple="${this.multiple}" .accept="${this.accept}" @change="${this._handleFilesChange}" label="Drop files here"></uui-file-dropzone><div id="files">${this._renderFiles()} ${this._files.length===0||this.multiple?u`<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button>`:$}</div>`}},n.UUIInputFileElement.styles=[p`:host{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box;border:1px solid var(--uui-color-border,#d8d7d9)}#input{position:absolute;width:0;height:0;opacity:0;display:none}#files{display:grid;box-sizing:border-box;justify-items:center;width:100%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:min-content;gap:16px;padding:16px;overflow:auto;max-height:100%}#dropzone{display:none;position:absolute;inset:0;z-index:10;justify-content:center;align-items:center}#add-button{width:150px;height:150px;display:flex;padding:16px;box-sizing:border-box;justify-content:center;align-items:stretch}`],et([I("#dropzone")],n.UUIInputFileElement.prototype,"_dropzone",2),et([I("#dropzone")],n.UUIInputFileElement.prototype,"_dropZone",2),et([l({type:String})],n.UUIInputFileElement.prototype,"accept",2),et([l({type:Boolean})],n.UUIInputFileElement.prototype,"multiple",2),et([v()],n.UUIInputFileElement.prototype,"_files",2),n.UUIInputFileElement=et([b("uui-input-file")],n.UUIInputFileElement);var th=Object.defineProperty,Xn=Object.getOwnPropertySymbols,ih=Object.prototype.hasOwnProperty,rh=Object.prototype.propertyIsEnumerable,Zn=(i,e,t)=>e in i?th(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Qn=(i,e)=>{for(var t in e||(e={}))ih.call(e,t)&&Zn(i,t,e[t]);if(Xn)for(var t of Xn(e))rh.call(e,t)&&Zn(i,t,e[t]);return i};let ze=class extends x{constructor(e,t={}){super(e,Qn(Qn({},{bubbles:!0}),t))}};ze.CHANGE="change",ze.INPUT="input";var oh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,j=(i,e,t,o)=>{for(var r=o>1?void 0:o?nh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&oh(e,t,r),r};n.UUIInputElement=class extends J(Q("",m)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this._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&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}get type(){return this._type}set type(e){this._type=e}firstUpdated(e){super.firstUpdated(e),this.addFormControlElement(this._input)}_onKeypress(e){this.type!=="color"&&e.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new ze(ze.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ze(ze.CHANGE))}renderPrepend(){return u`<slot name="prepend"></slot>`}renderAppend(){return u`<slot name="append"></slot>`}render(){return u`${this.renderPrepend()} <input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" pattern="${P(this.pattern)}" min="${P(this.min)}" max="${P(this.max)}" step="${P(this.step)}" spellcheck="${P(this.spellcheck)}" autocomplete="${P(this.autocomplete)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}"> ${this.renderAppend()}`}},n.UUIInputElement.formAssociated=!0,n.UUIInputElement.styles=[p`:host{position:relative;display:inline-flex;align-items:stretch;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%}: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%;text-align:inherit;outline:0}input::placeholder{transition:opacity 120ms}:host(:not([readonly])) input:focus::placeholder{opacity:0}input[type=color]{width:30px;padding:0;border:none}::slotted(uui-input){height:100%;--uui-input-border-width:0}`],j([l()],n.UUIInputElement.prototype,"min",2),j([l({type:Number})],n.UUIInputElement.prototype,"minlength",2),j([l({type:String,attribute:"minlength-message"})],n.UUIInputElement.prototype,"minlengthMessage",2),j([l()],n.UUIInputElement.prototype,"max",2),j([l({type:Number})],n.UUIInputElement.prototype,"maxlength",2),j([l({type:String,attribute:"maxlength-message"})],n.UUIInputElement.prototype,"maxlengthMessage",2),j([l({type:Number})],n.UUIInputElement.prototype,"step",2),j([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"disabled",2),j([l({type:Boolean,reflect:!0})],n.UUIInputElement.prototype,"readonly",2),j([l()],n.UUIInputElement.prototype,"placeholder",2),j([l()],n.UUIInputElement.prototype,"autocomplete",2),j([l({type:String})],n.UUIInputElement.prototype,"type",1),j([l({type:String})],n.UUIInputElement.prototype,"pattern",2),j([l({type:String})],n.UUIInputElement.prototype,"inputmode",2),j([I("#input")],n.UUIInputElement.prototype,"_input",2),n.UUIInputElement=j([b("uui-input")],n.UUIInputElement);var sh=Object.defineProperty,ah=Object.getOwnPropertyDescriptor,Jn=(i,e,t,o)=>{for(var r=o>1?void 0:o?ah(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&sh(e,t,r),r};n.UUIInputLockElement=class extends n.UUIInputElement{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?u`<uui-icon name="lock" .fallback="${hu.strings[0]}"></uui-icon>`:u`<uui-icon name="unlock" .fallback="${mu.strings[0]}"></uui-icon>`}renderPrepend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}},n.UUIInputLockElement.styles=[...n.UUIInputElement.styles,p`#lock{height:100%;--uui-button-padding-left-factor:0.75;--uui-button-padding-right-factor:0.75;font-size:12px}:host([locked]) #input{cursor:not-allowed;opacity:.55}`],Jn([l({type:Boolean,reflect:!0})],n.UUIInputLockElement.prototype,"locked",2),n.UUIInputLockElement=Jn([b("uui-input-lock")],n.UUIInputLockElement);var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,Yi=(i,e,t,o)=>{for(var r=o>1?void 0:o?uh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&lh(e,t,r),r};n.UUIInputPasswordElement=class extends n.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?u`<uui-icon name="see" .fallback="${bu.strings[0]}"></uui-icon>`:u`<uui-icon name="unsee" .fallback="${vu.strings[0]}"></uui-icon>`}renderAppend(){return u`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}},n.UUIInputPasswordElement.styles=[...n.UUIInputElement.styles,p`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],Yi([v()],n.UUIInputPasswordElement.prototype,"passwordType",2),Yi([l()],n.UUIInputPasswordElement.prototype,"type",1),n.UUIInputPasswordElement=Yi([b("uui-input-password")],n.UUIInputPasswordElement);var ch=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,hh=(i,e,t,o)=>{for(var r=o>1?void 0:o?dh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ch(e,t,r),r};n.UUIKeyboardShortcutElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyboardShortcutElement.styles=[p`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px);color:var(--uui-color-text,#060606)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],n.UUIKeyboardShortcutElement=hh([b("uui-keyboard-shortcut")],n.UUIKeyboardShortcutElement);var ph=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,mh=(i,e,t,o)=>{for(var r=o>1?void 0:o?bh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ph(e,t,r),r};n.UUIKeyElement=class extends m{render(){return u`<slot></slot>`}},n.UUIKeyElement.styles=[p`:host{background:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);color:var(--uui-color-text,#060606);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],n.UUIKeyElement=mh([b("uui-key")],n.UUIKeyElement);var vh=Object.defineProperty,gh=Object.getOwnPropertyDescriptor,Zt=(i,e,t,o)=>{for(var r=o>1?void 0:o?gh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&vh(e,t,r),r};n.UUILabelElement=class extends m{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){if(typeof this.for=="string"){const e=this.getRootNode();return e?.getElementById(this.for)||null}return this.for||null}render(){return u`<slot></slot>${this.required?u`<div id="required">*</div>`:""}`}},n.UUILabelElement.styles=[p`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-color-danger,#d42054);font-weight:900}`],Zt([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"disabled",2),Zt([l({reflect:!0,attribute:!0})],n.UUILabelElement.prototype,"for",2),Zt([l({type:Boolean,reflect:!0})],n.UUILabelElement.prototype,"required",2),n.UUILabelElement=Zt([b("uui-label")],n.UUILabelElement);var fh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Xi=(i,e,t,o)=>{for(var r=o>1?void 0:o?yh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&fh(e,t,r),r};const _h=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUILoaderBarElement=class extends m{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=_h(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return u`${this.progress?u`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}},n.UUILoaderBarElement.styles=[p`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-default,#1b264f)}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar,#bar-background{background:currentColor}#bar{transition:max-width 120ms ease}#bar-background{opacity:.3}#bar-anim{transform:scaleX(.4);animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#fff 0,#fff 25%,transparent 100%)}#bar-anim.animate{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}@keyframes bar-loading{0%{transform-origin:-175% 0}100%{transform-origin:175% 0}}`],Xi([l({type:Number})],n.UUILoaderBarElement.prototype,"progress",1),Xi([l({type:Number})],n.UUILoaderBarElement.prototype,"animationDuration",1),n.UUILoaderBarElement=Xi([b("uui-loader-bar")],n.UUILoaderBarElement);var wh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,Zi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Uh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&wh(e,t,r),r};n.UUILoaderCircleElement=class extends m{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?u`<span id="progress-display">${this.progress}</span>`:""}render(){return u`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${te(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}},n.UUILoaderCircleElement.styles=[p`:host{vertical-align:middle;line-height:0;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:1em;height:1em;color:var(--uui-color-default,#1b264f)}#spinner{width:100%;height:100%}#spinner g{transform-origin:50% 50%;animation:18s linear infinite spinner-animation}#spinner.animate g{animation:.8s linear infinite spinner-animation}@keyframes spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#spinner.animate #circle{animation:1.4s ease-in infinite circle-animation}@keyframes circle-animation{0%{stroke-dashoffset:-55}38%{stroke-dashoffset:-88}100%{stroke-dashoffset:-55}}svg circle{fill:transparent;stroke:currentColor;stroke-width:6px}#bg{opacity:.5}#circle{stroke-linecap:round;stroke-dasharray:0 0;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray 120ms ease}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:.3em;font-weight:700;text-align:center;padding-top:.09em}`],Zi([l({type:Number})],n.UUILoaderCircleElement.prototype,"progress",2),Zi([l({type:Boolean,reflect:!0,attribute:"show-progress"})],n.UUILoaderCircleElement.prototype,"showProgress",2),n.UUILoaderCircleElement=Zi([b("uui-loader-circle")],n.UUILoaderCircleElement);var Eh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,kh=(i,e,t,o)=>{for(var r=o>1?void 0:o?$h(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Eh(e,t,r),r};n.UUILoaderElement=class extends m{render(){return u`<div></div><div></div><div></div>`}},n.UUILoaderElement.styles=[p`:host{color:var(--uui-color-default,#1b264f)}div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){animation-delay:0s}div:nth-child(2n){animation-delay:.15s}div:nth-child(3n){animation-delay:.3s}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],n.UUILoaderElement=kh([b("uui-loader")],n.UUILoaderElement);/**
|
|
236
269
|
* @license
|
|
237
270
|
* Copyright 2017 Google LLC
|
|
238
271
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
239
|
-
*/const ht=(i,e)=>{var t,o;const r=i._$AN;if(r===void 0)return!1;for(const a of r)(o=(t=a)._$AO)===null||o===void 0||o.call(t,e,!1),ht(a,e);return!0},Mt=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},Yo=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),Lc(e)}};function zc(i){this._$AN!==void 0?(Mt(this),this._$AM=i,Yo(this)):this._$AM=i}function Ac(i,e=!1,t=0){const o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(e)if(Array.isArray(o))for(let a=t;a<o.length;a++)ht(o[a],!1),Mt(o[a]);else o!=null&&(ht(o,!1),Mt(o));else ht(this,i)}const Lc=i=>{var e,t,o,r;i.type==K.CHILD&&((e=(o=i)._$AP)!==null&&e!==void 0||(o._$AP=Ac),(t=(r=i)._$AQ)!==null&&t!==void 0||(r._$AQ=zc))};let Nc=class extends Re{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,o){super._$AT(e,t,o),Yo(this),this.isConnected=e._$AU}_$AO(e,t=!0){var o,r;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)===null||o===void 0||o.call(this):(r=this.disconnected)===null||r===void 0||r.call(this)),t&&(ht(this,e),Mt(this))}setValue(e){if(Lo(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const Ti=new WeakMap,ji=Be(class extends Nc{render(i){return $}update(i,[e]){var t;const o=e!==this.G;return o&&this.G!==void 0&&this.ot(void 0),(o||this.rt!==this.lt)&&(this.G=e,this.ct=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),$}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.ct)!==null&&e!==void 0?e:globalThis;let o=Ti.get(t);o===void 0&&(o=new WeakMap,Ti.set(t,o)),o.get(this.G)!==void 0&&this.G.call(this.ct,void 0),o.set(this.G,i),i!==void 0&&this.G.call(this.ct,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=Ti.get((i=this.ct)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let le=class extends x{};le.SHOW_CHILDREN="show-children",le.HIDE_CHILDREN="hide-children",le.CLICK_LABEL="click-label";var Tc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,fe=(i,e,t,o)=>{for(var r=o>1?void 0:o?jc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Tc(e,t,r),r};n.UUIMenuItemElement=class extends xt(He(ut(Q("label",v)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?le.HIDE_CHILDREN:le.SHOW_CHILDREN,t=new le(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new le(le.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),y(this,"uui-symbol-expand"),y(this,"uui-loader-bar")}_renderLabelInside(){return u`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this._iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?u`<span id="label-button" ${ji(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${ji(this._labelButtonChanged)} href="${S(this.href)}" target="${S(this.target||void 0)}" rel="${S(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${ji(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return u`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?u`<button id="caret-button" @click="${this._onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?u`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[b`:host{display:block;--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1);user-select:none}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns: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])) #menu-item #label-button:hover~#label-button-background{background-color:var(--uui-color-surface-emphasis,var(--uui-palette-white-dark))}: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,var(--uui-palette-violet-blue))}:host([active]) #caret-button,:host([active]) #label-button{color:var(--uui-color-current-contrast,var(--uui-palette-space-cadet))}:host([active]) #label-button-background{background-color:var(--uui-color-current,var(--uui-palette-spanish-pink))}:host([active]) #caret-button:hover,:host([active]) #label-button:hover~#label-button-background{background-color:var(--uui-color-current-emphasis,var(--uui-palette-spanish-pink-light))}:host([selected]) #caret-button,:host([selected]) #label-button{color:var(--uui-color-selected-contrast,#fff)}:host([selected]) #label-button-background{background-color:var(--uui-color-selected,var(--uui-palette-violet-blue))}:host([selected]) #caret-button:hover,:host([selected]) #label-button:hover~#label-button-background{background-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey));background-color:var(--uui-color-disabled,var(--uui-palette-sand))}: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{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;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+#label-button{padding-left:0}#caret-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--uui-color-interactive,var(--uui-palette-space-cadet))}#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}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)}`],fe([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),fe([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),fe([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),fe([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),fe([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),fe([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),fe([m()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=fe([h("uui-menu-item")],n.UUIMenuItemElement);var Hc=Object.defineProperty,Xo=Object.getOwnPropertySymbols,Dc=Object.prototype.hasOwnProperty,Mc=Object.prototype.propertyIsEnumerable,Zo=(i,e,t)=>e in i?Hc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Qo=(i,e)=>{for(var t in e||(e={}))Dc.call(e,t)&&Zo(i,t,e[t]);if(Xo)for(var t of Xo(e))Mc.call(e,t)&&Zo(i,t,e[t]);return i};let ye=class extends x{constructor(e,t={}){super(e,Qo(Qo({},{bubbles:!0}),t))}};ye.CHANGE="change";var Bc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,ue=(i,e,t,o)=>{for(var r=o>1?void 0:o?Rc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Bc(e,t,r),r};const Vc=45,Hi=(i,e,t)=>Math.min(Math.max(i,e),t),Fc=(i,e)=>Array.from({length:e-i+1},(t,o)=>i+o);n.UUIPaginationElement=class extends v{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),y(this,"uui-button"),y(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((r,a)=>r+a.getBoundingClientRect().width,0),o=(e-t)/Vc/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,o=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return Fc(Hi(t,1,this.total),Hi(o,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=Hi(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new ye(ye.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ye(ye.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new ye(ye.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return u`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(e){return u`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${e}" class="${"page"+(e===this._current?" active":"")}" tabindex="${e===this._current?"-1":""}" @click="${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}">${e}</uui-button>`}renderNavigationLeft(){return u`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return u`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return u`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(e=>this.renderPage(e))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[b`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue));--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,var(--uui-palette-spanish-pink))}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],ue([Wa("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),ue([I("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),ue([l()],n.UUIPaginationElement.prototype,"label",2),ue([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),ue([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),ue([m()],n.UUIPaginationElement.prototype,"_range",2),ue([m()],n.UUIPaginationElement.prototype,"_visiblePages",2),ue([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=ue([h("uui-pagination")],n.UUIPaginationElement);let Di=class extends x{};Di.CLOSE="close";var Gc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,pt=(i,e,t,o)=>{for(var r=o>1?void 0:o?qc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Gc(e,t,r),r};function Bt(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends v{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new Di(Di.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const o=t.position==="absolute",r=/(auto|scroll)/;let a=e;for(;a=a.parentElement;)if(t=getComputedStyle(a),!(o&&t.position==="static")&&(r.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(a),t.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var e,t;if(!this.shadowRoot)return;const o=this.containerElement;if(!o)return;const r=(e=this.containerElement)==null?void 0:e.getBoundingClientRect(),a=(t=this._trigger)==null?void 0:t.getBoundingClientRect();if(a!=null&&r!=null){const s=this._scrollParents.map(ae=>ae.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,r,s));let c=this._currentPlacement.indexOf("top")!==-1,d=this._currentPlacement.indexOf("bottom")!==-1,p=this._currentPlacement.indexOf("left")!==-1,U=this._currentPlacement.indexOf("right")!==-1;const _=this._currentPlacement.indexOf("-start")!==-1,f=this._currentPlacement.indexOf("-end")!==-1;let w=.5,E=.5,k=.5,N=.5,Oe=0,tt=0;if(this.placement==="auto"){const ae=this._scrollParents[0],yt=ae.clientWidth,Ae=ae.clientHeight,it=a.x-r.width,rt=yt-(a.x+a.width)-r.width,hr=a.y-r.height,si=Ae-(a.y+a.height)-r.height;let li=.5,ui=.5;const e0=Math.max(it,rt);let za=Math.max(hr,si);si>hr&&si>this.margin&&(za+=9999),e0>za?(it>rt?(li=0,p=!0):(li=1,U=!0),Oe=this.margin):(hr>si?(ui=0,c=!0):(ui=1,d=!0),tt=this.margin),w=li,E=ui,k=1-li,N=1-ui}else c&&(N=1,E=0),d&&(N=0,E=1),(c||d)&&(tt=this.margin,_&&(k=0,w=0),f&&(k=1,w=1)),p&&(k=1,w=0),U&&(k=0,w=1),(p||U)&&(Oe=this.margin,_&&(N=0,E=0),f&&(N=1,E=1));const cr=-r.width*k+a.width*w-Oe*(k*2-1),dr=-r.height*N+a.height*E-tt*(N*2-1);let Se=cr,ze=dr;c||d?(this._scrollParents.forEach((ae,yt)=>{const Ae=ae===document.body?0:s[yt].x,it=-a.x+Ae,rt=ae.clientWidth-a.x-a.width+cr+Ae-(r.width-a.width)*(1-w);Se=Bt(Se,it,rt)}),Se=Bt(Se,-r.width,a.width)):(p||U)&&(this._scrollParents.forEach((ae,yt)=>{const Ae=ae===document.body?0:s[yt].y,it=-a.y+Ae,rt=ae.clientHeight-a.y-a.height+dr+Ae-(r.height-a.height)*(1-E);ze=Bt(ze,it,rt)}),ze=Bt(ze,-r.height,a.height)),(this._positionX!==Se||this._positionY!==ze)&&(this._positionX=Se,this._positionY=ze,cr===Se&&dr===ze&&this._stopScrollListener(),o.style.left=`${this._positionX}px`,o.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,o){const r=e.split("-"),a=r[0],s=r[1]||null;let c;return this._scrollParents.some((d,p)=>{const U=d===document.body?0:o[p].x,_=d===document.body?0:o[p].y;return a==="top"&&t.y-2<=_?(c="bottom",!0):a==="bottom"&&t.y+t.height+2>=d.clientHeight+_?(c="top",!0):a==="left"&&t.x-2<=U?(c="right",!0):a==="right"&&t.x+t.width+2>=d.clientWidth+U?(c="left",!0):!1}),c?(this._startScrollListener(),c+(s?`-${s}`:"")):e}render(){return u`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?u`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[b`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:var(--uui-popover-z-index,1)}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
|
|
272
|
+
*/const yt=(i,e)=>{var t,o;const r=i._$AN;if(r===void 0)return!1;for(const s of r)(o=(t=s)._$AO)===null||o===void 0||o.call(t,e,!1),yt(s,e);return!0},Qt=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},es=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),Ch(e)}};function Ih(i){this._$AN!==void 0?(Qt(this),this._$AM=i,es(this)):this._$AM=i}function xh(i,e=!1,t=0){const o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(e)if(Array.isArray(o))for(let s=t;s<o.length;s++)yt(o[s],!1),Qt(o[s]);else o!=null&&(yt(o,!1),Qt(o));else yt(this,i)}const Ch=i=>{var e,t,o,r;i.type==W.CHILD&&((e=(o=i)._$AP)!==null&&e!==void 0||(o._$AP=xh),(t=(r=i)._$AQ)!==null&&t!==void 0||(r._$AQ=Ih))};let Oh=class extends Ke{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,o){super._$AT(e,t,o),es(this),this.isConnected=e._$AU}_$AO(e,t=!0){var o,r;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)===null||o===void 0||o.call(this):(r=this.disconnected)===null||r===void 0||r.call(this)),t&&(yt(this,e),Qt(this))}setValue(e){if(Jo(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const Qi=new WeakMap,Ji=qe(class extends Oh{render(i){return $}update(i,[e]){var t;const o=e!==this.G;return o&&this.G!==void 0&&this.ot(void 0),(o||this.rt!==this.lt)&&(this.G=e,this.ct=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),$}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.ct)!==null&&e!==void 0?e:globalThis;let o=Qi.get(t);o===void 0&&(o=new WeakMap,Qi.set(t,o)),o.get(this.G)!==void 0&&this.G.call(this.ct,void 0),o.set(this.G,i),i!==void 0&&this.G.call(this.ct,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=Qi.get((i=this.ct)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});let be=class extends x{};be.SHOW_CHILDREN="show-children",be.HIDE_CHILDREN="hide-children",be.CLICK_LABEL="click-label";var Sh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,_e=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ph(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Sh(e,t,r),r};n.UUIMenuItemElement=class extends Pt(Ve(pt(Q("label",m)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?be.HIDE_CHILDREN:be.SHOW_CHILDREN,t=new be(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new be(be.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),y(this,"uui-symbol-expand"),y(this,"uui-loader-bar")}_renderLabelInside(){return u`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this._iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?u`<span id="label-button" ${Ji(this._labelButtonChanged)}>${this._renderLabelInside()}</span>`:u`<a id="label-button" ${Ji(this._labelButtonChanged)} href="${P(this.href)}" target="${P(this.target||void 0)}" rel="${P(this.target==="_blank"?"noopener noreferrer":void 0)}" @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return u`<button id="label-button" ${Ji(this._labelButtonChanged)} @click="${this._onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return u`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?u`<button id="caret-button" @click="${this._onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?u`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?u`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?u`<slot></slot>`:""}`}},n.UUIMenuItemElement.styles=[p`:host{display:block;--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1);user-select:none}#menu-item{position:relative;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns: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])) #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([selected]) #caret-button,:host([selected]) #label-button{color:var(--uui-color-selected-contrast,#fff)}:host([selected]) #label-button-background{background-color:var(--uui-color-selected,#3544b1)}:host([selected]) #caret-button:hover,:host([selected]) #label-button:hover~#label-button-background{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) #menu-item{color:var(--uui-color-disabled-contrast,#c4c4c4);background-color:var(--uui-color-disabled,#f3f3f5)}: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{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;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+#label-button{padding-left:0}#caret-button{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}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],_e([l({type:Boolean,reflect:!0})],n.UUIMenuItemElement.prototype,"disabled",2),_e([l({type:Boolean,reflect:!0,attribute:"show-children"})],n.UUIMenuItemElement.prototype,"showChildren",2),_e([l({type:Boolean,attribute:"has-children"})],n.UUIMenuItemElement.prototype,"hasChildren",2),_e([l({type:Boolean,attribute:"loading"})],n.UUIMenuItemElement.prototype,"loading",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"href",2),_e([l({type:String})],n.UUIMenuItemElement.prototype,"target",2),_e([v()],n.UUIMenuItemElement.prototype,"iconSlotHasContent",2),n.UUIMenuItemElement=_e([b("uui-menu-item")],n.UUIMenuItemElement);var zh=Object.defineProperty,Ah=Object.getOwnPropertyDescriptor,tt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ah(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&zh(e,t,r),r};let R=class extends m{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{bubbles:!0,cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("close",{bubbles:!0,cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){var e,t;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(t=this._dialogElement)==null||t.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.remove()}};R.styles=[p`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog::after{opacity:0}`],tt([I("dialog")],R.prototype,"_dialogElement",2),tt([l({type:Boolean,reflect:!0,attribute:"is-open"})],R.prototype,"isOpen",2),tt([l({type:Boolean,reflect:!0,attribute:"is-closing"})],R.prototype,"isClosing",2),tt([l({type:Number,reflect:!0})],R.prototype,"index",2),tt([l({type:Number,reflect:!0,attribute:"unique-index"})],R.prototype,"uniqueIndex",2),tt([l()],R.prototype,"transitionDuration",1);var Lh=Object.defineProperty,Th=Object.getOwnPropertyDescriptor,ts=(i,e,t,o)=>{for(var r=o>1?void 0:o?Th(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Lh(e,t,r),r},is=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},rs=(i,e,t)=>(is(i,e,"read from private field"),t?t.call(i):e.get(i)),os=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},jh=(i,e,t)=>(is(i,e,"access private method"),t),Jt,er,tr,ns;n.UUIModalSidebarElement=class extends R{constructor(){super(),os(this,Jt),os(this,tr),this.size="full",this.addEventListener("close",jh(this,tr,ns).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-rs(this,Jt,er)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},Jt=new WeakSet,er=function(){var i,e;return(e=(i=this._dialogElement)==null?void 0:i.getBoundingClientRect().width)!=null?e:0},tr=new WeakSet,ns=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-rs(this,Jt,er)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...R.styles,p`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],ts([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=ts([$i("uui-modal-sidebar")],n.UUIModalSidebarElement);var Nh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,it=(i,e,t,o)=>{for(var r=o>1?void 0:o?Dh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Nh(e,t,r),r},ss=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},as=(i,e,t)=>(ss(i,e,"read from private field"),t?t.call(i):e.get(i)),ei=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},ti=(i,e,t)=>(ss(i,e,"access private method"),t),ir,rr,ii,or,ri,nr;n.UUIModalContainerElement=class extends m{constructor(){super(),ei(this,ii),ei(this,ri),this.sidebarGap=64,this.transitionDurationMS=250,ei(this,ir,()=>{var e,t;if(this._modals=(t=(e=this.modalSlot)==null?void 0:e.assignedElements({flatten:!0}).filter(o=>o instanceof R))!=null?t:[],this._sidebars=this._modals.filter(o=>o instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}ti(this,ii,or).call(this),ti(this,ri,nr).call(this)}),ei(this,rr,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}ti(this,ii,or).call(this),ti(this,ri,nr).call(this)}),this.addEventListener("close",as(this,rr)),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${as(this,ir)}"></slot>`}},ir=new WeakMap,rr=new WeakMap,ii=new WeakSet,or=function(){var i,e;this.setAttribute("backdrop","");const t=(e=(i=this._modals)==null?void 0:i.filter(o=>!o.isClosing).reverse())!=null?e:[];t?.forEach((o,r)=>{o.index=r,o.transitionDuration=this.transitionDurationMS}),t?.forEach(o=>{var r;const s=t?.filter(a=>a.constructor.name===o.constructor.name);o.uniqueIndex=(r=s?.indexOf(o))!=null?r:0})},ri=new WeakSet,nr=function(){requestAnimationFrame(()=>{var i,e,t,o,r,s,a,c;let d=0;const h=(e=(i=this._sidebars)==null?void 0:i.filter(U=>!U.isClosing).reverse())!=null?e:[];for(let U=0;U<h.length;U++){const _=h[U],f=h[U+1];if(_.style.setProperty("--uui-modal-offset",d+"px"),f!=null&&f.hasAttribute("hide"))break;const w=(r=(o=(t=_.shadowRoot)==null?void 0:t.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?r:0,E=(c=(a=(s=f?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:a.getBoundingClientRect().width)!=null?c:0,k=w+d+this.sidebarGap-E;d=k>0?k:0}})},n.UUIModalContainerElement.styles=p`:host{position:fixed;--uui-modal-color-backdrop:rgba(0, 0, 0, 0.5)}:host::after{content:'';position:fixed;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));opacity:0;pointer-events:none;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([backdrop])::after{opacity:1}`,it([I("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),it([v()],n.UUIModalContainerElement.prototype,"_modals",2),it([v()],n.UUIModalContainerElement.prototype,"_sidebars",2),it([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),it([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=it([$i("uui-modal-container")],n.UUIModalContainerElement);var Mh=Object.defineProperty,Hh=Object.getOwnPropertyDescriptor,Bh=(i,e,t,o)=>{for(var r=o>1?void 0:o?Hh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Mh(e,t,r),r};n.UUIModalDialogElement=class extends R{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...R.styles,p`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=Bh([$i("uui-modal-dialog")],n.UUIModalDialogElement);var Rh=Object.defineProperty,ls=Object.getOwnPropertySymbols,Vh=Object.prototype.hasOwnProperty,Fh=Object.prototype.propertyIsEnumerable,us=(i,e,t)=>e in i?Rh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,cs=(i,e)=>{for(var t in e||(e={}))Vh.call(e,t)&&us(i,t,e[t]);if(ls)for(var t of ls(e))Fh.call(e,t)&&us(i,t,e[t]);return i};let we=class extends x{constructor(e,t={}){super(e,cs(cs({},{bubbles:!0}),t))}};we.CHANGE="change";var Gh=Object.defineProperty,qh=Object.getOwnPropertyDescriptor,me=(i,e,t,o)=>{for(var r=o>1?void 0:o?qh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gh(e,t,r),r};const Kh=45,sr=(i,e,t)=>Math.min(Math.max(i,e),t),Wh=(i,e)=>Array.from({length:e-i+1},(t,o)=>i+o);n.UUIPaginationElement=class extends m{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),y(this,"uui-button"),y(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((r,s)=>r+s.getBoundingClientRect().width,0),o=(e-t)/Kh/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,o=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return Wh(sr(t,1,this.total),sr(o,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=sr(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new we(we.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new we(we.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new we(we.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return u`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return u`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return u`<uui-button compact="compact" look="outline" role="listitem" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(e){return u`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${e}" class="${"page"+(e===this._current?" active":"")}" tabindex="${e===this._current?"-1":""}" @click="${()=>{e!==this._current&&(this.goToPage(e),this.focusActivePage())}}">${e}</uui-button>`}renderNavigationLeft(){return u`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return u`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return u`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(e=>this.renderPage(e))} ${this.renderNavigationRight()}</uui-button-group>`}},n.UUIPaginationElement.styles=[p`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-color-border-standalone,#c2c2c2);--uui-button-border-color-hover:var(--uui-color-interactive-emphasis,#3544b1);--uui-button-border-color-disabled:var(--uui-color-border-standalone,#c2c2c2)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-color-current,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],me([ra("uui-button.nav")],n.UUIPaginationElement.prototype,"_navButtons",2),me([I("#pages")],n.UUIPaginationElement.prototype,"_pagesGroup",2),me([l()],n.UUIPaginationElement.prototype,"label",2),me([l({reflect:!0,attribute:"aria-label"})],n.UUIPaginationElement.prototype,"ariaLabel",2),me([l({type:Number})],n.UUIPaginationElement.prototype,"total",1),me([v()],n.UUIPaginationElement.prototype,"_range",2),me([v()],n.UUIPaginationElement.prototype,"_visiblePages",2),me([l({type:Number})],n.UUIPaginationElement.prototype,"current",1),n.UUIPaginationElement=me([b("uui-pagination")],n.UUIPaginationElement);let ar=class extends x{};ar.CLOSE="close";var Yh=Object.defineProperty,Xh=Object.getOwnPropertyDescriptor,_t=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Yh(e,t,r),r};function oi(i,e,t){return i<e?e:i>t?t:i}n.UUIPopoverElement=class extends m{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new ar(ar.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const o=t.position==="absolute",r=/(auto|scroll)/;let s=e;for(;s=s.parentElement;)if(t=getComputedStyle(s),!(o&&t.position==="static")&&(r.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(s),t.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var e,t;if(!this.shadowRoot)return;const o=this.containerElement;if(!o)return;const r=(e=this.containerElement)==null?void 0:e.getBoundingClientRect(),s=(t=this._trigger)==null?void 0:t.getBoundingClientRect();if(s!=null&&r!=null){const a=this._scrollParents.map(se=>se.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,r,a));let c=this._currentPlacement.indexOf("top")!==-1,d=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,U=this._currentPlacement.indexOf("right")!==-1;const _=this._currentPlacement.indexOf("-start")!==-1,f=this._currentPlacement.indexOf("-end")!==-1;let w=.5,E=.5,k=.5,T=.5,Te=0,st=0;if(this.placement==="auto"){const se=this._scrollParents[0],Et=se.clientWidth,De=se.clientHeight,at=s.x-r.width,lt=Et-(s.x+s.width)-r.width,vr=s.y-r.height,ci=De-(s.y+s.height)-r.height;let di=.5,hi=.5;const i1=Math.max(at,lt);let qs=Math.max(vr,ci);ci>vr&&ci>this.margin&&(qs+=9999),i1>qs?(at>lt?(di=0,h=!0):(di=1,U=!0),Te=this.margin):(vr>ci?(hi=0,c=!0):(hi=1,d=!0),st=this.margin),w=di,E=hi,k=1-di,T=1-hi}else c&&(T=1,E=0),d&&(T=0,E=1),(c||d)&&(st=this.margin,_&&(k=0,w=0),f&&(k=1,w=1)),h&&(k=1,w=0),U&&(k=0,w=1),(h||U)&&(Te=this.margin,_&&(T=0,E=0),f&&(T=1,E=1));const br=-r.width*k+s.width*w-Te*(k*2-1),mr=-r.height*T+s.height*E-st*(T*2-1);let je=br,Ne=mr;c||d?(this._scrollParents.forEach((se,Et)=>{const De=se===document.body?0:a[Et].x,at=-s.x+De,lt=se.clientWidth-s.x-s.width+br+De-(r.width-s.width)*(1-w);je=oi(je,at,lt)}),je=oi(je,-r.width,s.width)):(h||U)&&(this._scrollParents.forEach((se,Et)=>{const De=se===document.body?0:a[Et].y,at=-s.y+De,lt=se.clientHeight-s.y-s.height+mr+De-(r.height-s.height)*(1-E);Ne=oi(Ne,at,lt)}),Ne=oi(Ne,-r.height,s.height)),(this._positionX!==je||this._positionY!==Ne)&&(this._positionX=je,this._positionY=Ne,br===je&&mr===Ne&&this._stopScrollListener(),o.style.left=`${this._positionX}px`,o.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,o){const r=e.split("-"),s=r[0],a=r[1]||null;let c;return this._scrollParents.some((d,h)=>{const U=d===document.body?0:o[h].x,_=d===document.body?0:o[h].y;return s==="top"&&t.y-2<=_?(c="bottom",!0):s==="bottom"&&t.y+t.height+2>=d.clientHeight+_?(c="top",!0):s==="left"&&t.x-2<=U?(c="right",!0):s==="right"&&t.x+t.width+2>=d.clientWidth+U?(c="left",!0):!1}),c?(this._startScrollListener(),c+(a?`-${a}`:"")):e}render(){return u`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?u`<slot name="popover"></slot>`:""}</div>`}},n.UUIPopoverElement.styles=[p`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:var(--uui-popover-z-index,1)}slot[name=popover]{display:block}#trigger{position:relative;width:100%}slot[name=trigger]::slotted(uui-button){--uui-button-border-radius:var(
|
|
240
273
|
--uui-popover-toggle-slot-button-border-radius
|
|
241
274
|
);--uui-button-merge-border-left:var(
|
|
242
275
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
243
|
-
)}`],pt([I("#container")],n.UUIPopoverElement.prototype,"containerElement",2),pt([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),pt([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),pt([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=pt([h("uui-popover")],n.UUIPopoverElement);var Kc=Object.defineProperty,Wc=Object.getOwnPropertyDescriptor,Jo=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wc(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Kc(e,t,r),r};const Yc=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUIProgressBarElement=class extends v{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Yc(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return u`<div id="bar" style="${te(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[b`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,var(--uui-palette-sand));border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,var(--uui-palette-jungle-green));height:100%;width:0%}`],Jo([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=Jo([h("uui-progress-bar")],n.UUIProgressBarElement);var Xc=Object.defineProperty,en=Object.getOwnPropertySymbols,Zc=Object.prototype.hasOwnProperty,Qc=Object.prototype.propertyIsEnumerable,tn=(i,e,t)=>e in i?Xc(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,rn=(i,e)=>{for(var t in e||(e={}))Zc.call(e,t)&&tn(i,t,e[t]);if(en)for(var t of en(e))Qc.call(e,t)&&tn(i,t,e[t]);return i};let Ye=class extends x{constructor(e,t={}){super(e,rn(rn({},{bubbles:!0}),t))}};Ye.CHANGE="change";var Jc=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,Ce=(i,e,t,o)=>{for(var r=o>1?void 0:o?ed(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Jc(e,t,r),r};n.UUIRadioElement=class extends v{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-hidden",e?"true":"false"),this.setAttribute("tabindex",e?"-1":"0"),this.requestUpdate("disabled",t)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(e){e.stopPropagation();const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new Ye(Ye.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return u`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?u`<span>${this.label}</span>`:u`<slot></slot>`}</div></label>`}},n.UUIRadioElement.styles=[zt,b`: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,var(--uui-palette-violet-blue));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,var(--uui-palette-malibu))}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,var(--uui-palette-violet-blue))}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]:active) #button{animation:${At}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],Ce([I("#input")],n.UUIRadioElement.prototype,"inputElement",2),Ce([l({type:String})],n.UUIRadioElement.prototype,"name",2),Ce([l({type:String})],n.UUIRadioElement.prototype,"value",2),Ce([l({type:String})],n.UUIRadioElement.prototype,"label",2),Ce([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),Ce([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=Ce([h("uui-radio")],n.UUIRadioElement);var td=Object.defineProperty,on=Object.getOwnPropertySymbols,id=Object.prototype.hasOwnProperty,rd=Object.prototype.propertyIsEnumerable,nn=(i,e,t)=>e in i?td(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,an=(i,e)=>{for(var t in e||(e={}))id.call(e,t)&&nn(i,t,e[t]);if(on)for(var t of on(e))rd.call(e,t)&&nn(i,t,e[t]);return i};let Rt=class extends x{constructor(e,t={}){super(e,an(an({},{bubbles:!0}),t))}};Rt.CHANGE="change";var od=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,sn=(i,e,t,o)=>{for(var r=o>1?void 0:o?nd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&od(e,t,r),r};const ad="ArrowLeft",sd="ArrowUp",ld="ArrowRight",ud="ArrowDown",cd=" ";n.UUIRadioGroupElement=class extends J(v){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=e=>{e.target.checked===!0&&(this.value=e.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(e){super.value=e,(e===null||e==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.focus():(t=this._findNextEnabledElement())==null||t.focus()}click(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.click():(t=this._findNextEnabledElement())==null||t.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(o=>o.name=e)}_updateRadioElementsCheckedState(e){this._radioElements.forEach((t,o)=>{t.value===e?(t.checked=!0,this._selected=o):t.checked=!1})}_setDisableOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(o=>o.disabled=e)}_handleSlotChange(e){var t;if(e.stopPropagation(),(t=this._radioElements)==null||t.forEach(r=>{r.removeEventListener(Ye.CHANGE,this._handleSelectOnClick),r.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=e.target.assignedElements({flatten:!0}).filter(r=>r instanceof n.UUIRadioElement),this._radioElements.length===0)return;this._radioElements.forEach(r=>{r.addEventListener(Ye.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const o=this._radioElements.filter(r=>r.checked===!0);o.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)),o.length===1?(this.value=o[0].value,this._selected=this._radioElements.indexOf(o[0]),o[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),o[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var e,t;this._selected=null,(e=this._radioElements)==null||e.forEach(o=>{o.makeUnfocusable()}),(t=this._findNextEnabledElement())==null||t.makeFocusable()}_findNextEnabledElement(e=1){if(!this._radioElements)return null;const t=this._selected||0,o=this._radioElements.length;let r=this._selected===null?0:1;for(;r<o;){let a=(t+r*e)%o;if(a<0&&(a+=o),this._radioElements[a].disabled===!1)return this._radioElements[a];r++}return null}_selectPreviousElement(){var e,t;this.value=((e=this._findNextEnabledElement(-1))==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_selectNextElement(){var e,t;this.value=((e=this._findNextEnabledElement())==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_onKeydown(e){var t;switch(e.key){case ad:case sd:{e.preventDefault(),this._selectPreviousElement();break}case ld:case ud:{e.preventDefault(),this._selectNextElement();break}case cd:this._selected===null&&(this.value=(t=this._findNextEnabledElement())==null?void 0:t.value,this._fireChangeEvent())}}_onKeypress(e){e.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Rt(Rt.CHANGE))}updated(e){super.updated(e),e.has("disabled")&&this._setDisableOnRadios(this.disabled),e.has("name")&&this._setNameOnRadios(e.get("name"))}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[b`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,var(--uui-size-1))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark))}`],sn([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=sn([h("uui-radio-group")],n.UUIRadioGroupElement);var dd=Object.defineProperty,hd=Object.getOwnPropertyDescriptor,pd=(i,e,t,o)=>{for(var r=o>1?void 0:o?hd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&dd(e,t,r),r};n.UUIRefListElement=class extends v{render(){return u`<slot></slot>`}},n.UUIRefListElement.styles=[b`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;left:0;right:0;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=pd([h("uui-ref-list")],n.UUIRefListElement);let Xe=class extends x{};Xe.OPEN="open";var bd=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,Mi=(i,e,t,o)=>{for(var r=o>1?void 0:o?vd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&bd(e,t,r),r};n.UUIRefElement=class extends xt(He(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new Xe(Xe.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Xe(Xe.OPEN)))}},n.UUIRefElement.styles=[b`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,var(--uui-size-1));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,var(--uui-palette-maroon-flush));box-shadow:0 0 4px 0 var(--uui-color-danger,var(--uui-palette-maroon-flush)),inset 0 0 2px 0 var(--uui-color-danger,var(--uui-palette-maroon-flush))}:host([border]){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,var(--uui-palette-violet-blue));border-radius:calc(var(--uui-border-radius,var(--uui-size-1)) + 2px);box-shadow:0 0 4px 0 var(--uui-color-selected,var(--uui-palette-violet-blue)),inset 0 0 2px 0 var(--uui-color-selected,var(--uui-palette-violet-blue))}: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}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([border]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark))}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Mi([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),Mi([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=Mi([h("uui-ref")],n.UUIRefElement);var md=Object.defineProperty,gd=Object.getOwnPropertyDescriptor,Vt=(i,e,t,o)=>{for(var r=o>1?void 0:o?gd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&md(e,t,r),r};n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),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(),y(this,"uui-icon")}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div></button><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,b`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{align-self:stretch;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,var(--uui-size-4))}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue))}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue))}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue))}:host([disabled]) #icon{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) #name{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) #detail{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}`],Vt([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),Vt([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),Vt([m()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=Vt([h("uui-ref-node")],n.UUIRefNodeElement);var fd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,ln=(i,e,t,o)=>{for(var r=o>1?void 0:o?yd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&fd(e,t,r),r};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],ln([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=ln([h("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var _d=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,un=(i,e,t,o)=>{for(var r=o>1?void 0:o?wd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&_d(e,t,r),r};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],un([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=un([h("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var Ud=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,$d=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ed(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ud(e,t,r),r};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=$d([h("uui-ref-node-form")],n.UUIRefNodeFormElement);var kd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,cn=(i,e,t,o)=>{for(var r=o>1?void 0:o?Id(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&kd(e,t,r),r};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],cn([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=cn([h("uui-ref-node-member")],n.UUIRefNodeMemberElement);var xd=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Bi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Cd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&xd(e,t,r),r};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],Bi([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),Bi([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=Bi([h("uui-ref-node-package")],n.UUIRefNodePackageElement);var Pd=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,dn=(i,e,t,o)=>{for(var r=o>1?void 0:o?Od(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Pd(e,t,r),r};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],dn([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=dn([h("uui-ref-node-user")],n.UUIRefNodeUserElement);var Sd=Object.defineProperty,zd=Object.getOwnPropertyDescriptor,hn=(i,e,t,o)=>{for(var r=o>1?void 0:o?zd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Sd(e,t,r),r};n.UUIScrollContainerElement=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[b`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,var(--uui-palette-grey)) 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,var(--uui-palette-grey));border-radius:3px}`],hn([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=hn([h("uui-scroll-container")],n.UUIScrollContainerElement);var Ad=Object.defineProperty,pn=Object.getOwnPropertySymbols,Ld=Object.prototype.hasOwnProperty,Nd=Object.prototype.propertyIsEnumerable,bn=(i,e,t)=>e in i?Ad(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,vn=(i,e)=>{for(var t in e||(e={}))Ld.call(e,t)&&bn(i,t,e[t]);if(pn)for(var t of pn(e))Nd.call(e,t)&&bn(i,t,e[t]);return i};let Ft=class extends x{constructor(e,t={}){super(e,vn(vn({},{bubbles:!0}),t))}};Ft.CHANGE="change";var Td=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,oe=(i,e,t,o)=>{for(var r=o>1?void 0:o?jd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Td(e,t,r),r};n.UUISelectElement=class extends J(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(o=>o.value);const t=this.options.find(o=>o.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new Ft(Ft.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(e,t,o,r){return u`<option value="${t}" ?selected="${o}" ?disabled="${r}">${e}</option>`}_renderGrouped(){return this._groups.length===0?u``:u`${this._groups.map(e=>u`<optgroup label="${e}" ?disabled="${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}">${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}</optgroup>`)}`}render(){return u`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(e=>!e.group).map(e=>this._renderOption(e.name,e.value,e.selected,e.disabled))}</select>`}},n.UUISelectElement.styles=[b`:host{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));width:100%;padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;border-radius:0;box-sizing:border-box;background-color:transparent;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-color-focus,var(--uui-palette-malibu))}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-color-disabled,var(--uui-palette-sand)))}#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,var(--uui-palette-violet-blue)));color:var(--uui-select-selected-option-color,var(--uui-color-selected-contrast,#fff))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-focus,var(--uui-palette-malibu)))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark))}:host([error]) #native[disabled]{border:1px solid var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark))}`],oe([l({type:String})],n.UUISelectElement.prototype,"label",2),oe([l()],n.UUISelectElement.prototype,"placeholder",2),oe([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),oe([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),oe([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),oe([m()],n.UUISelectElement.prototype,"_groups",2),oe([l()],n.UUISelectElement.prototype,"disabledGroups",2),oe([m()],n.UUISelectElement.prototype,"_disabledGroups",2),oe([I("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=oe([h("uui-select")],n.UUISelectElement);const Hd=b`
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
}
|
|
265
|
-
input[type='range']::-webkit-slider-runnable-track {
|
|
266
|
-
width: 100%;
|
|
267
|
-
height: 100%;
|
|
268
|
-
-webkit-appearance: none;
|
|
269
|
-
margin: 0px;
|
|
270
|
-
padding: 0px;
|
|
271
|
-
border: none;
|
|
272
|
-
background: transparent;
|
|
273
|
-
color: transparent;
|
|
274
|
-
overflow: visible;
|
|
275
|
-
order: none;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
279
|
-
background: transparent;
|
|
280
|
-
border: none;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
input[type='range']::-moz-range-track {
|
|
284
|
-
width: 100%;
|
|
285
|
-
height: 100%;
|
|
286
|
-
-moz-appearance: none;
|
|
287
|
-
margin: 0px;
|
|
288
|
-
padding: 0px;
|
|
289
|
-
border: 0 none;
|
|
290
|
-
background: transparent;
|
|
291
|
-
color: transparent;
|
|
292
|
-
overflow: visible;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
input[type='range']::-ms-track {
|
|
296
|
-
width: 100%;
|
|
297
|
-
height: 100%;
|
|
298
|
-
-webkit-appearance: none;
|
|
299
|
-
margin: 0px;
|
|
300
|
-
padding: 0px;
|
|
301
|
-
border: 0 none;
|
|
302
|
-
background: transparent;
|
|
303
|
-
color: transparent;
|
|
304
|
-
overflow: visible;
|
|
305
|
-
}
|
|
306
|
-
input[type='range']::-ms-fill-lower,
|
|
307
|
-
input[type='range']::-ms-fill-upper {
|
|
308
|
-
background: transparent;
|
|
309
|
-
border: 0 none;
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
input[type='range']::-ms-tooltip {
|
|
313
|
-
display: none;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
input[type='range']::-moz-range-thumb {
|
|
317
|
-
width: 18px;
|
|
318
|
-
height: 18px;
|
|
319
|
-
border-radius: 12px;
|
|
320
|
-
border: 0 none;
|
|
321
|
-
background: transparent;
|
|
322
|
-
cursor: pointer;
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
input[type='range']::-webkit-slider-thumb {
|
|
326
|
-
width: 18px;
|
|
327
|
-
height: 18px;
|
|
328
|
-
border-radius: 12px;
|
|
329
|
-
border: 0 none;
|
|
330
|
-
background: transparent;
|
|
331
|
-
cursor: pointer;
|
|
332
|
-
-webkit-appearance: none;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
input[type='range']::-ms-thumb {
|
|
336
|
-
width: 18px;
|
|
337
|
-
height: 18px;
|
|
338
|
-
border-radius: 12px;
|
|
339
|
-
border: 0 none;
|
|
340
|
-
background: transparent;
|
|
341
|
-
cursor: pointer;
|
|
342
|
-
}
|
|
343
|
-
|
|
344
|
-
input[type='range']:focus::-ms-fill-lower {
|
|
345
|
-
background: transparent;
|
|
346
|
-
}
|
|
347
|
-
input[type='range']:focus::-ms-fill-upper {
|
|
348
|
-
background: transparent;
|
|
349
|
-
}
|
|
350
|
-
`;var Dd=Object.defineProperty,mn=Object.getOwnPropertySymbols,Md=Object.prototype.hasOwnProperty,Bd=Object.prototype.propertyIsEnumerable,gn=(i,e,t)=>e in i?Dd(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,fn=(i,e)=>{for(var t in e||(e={}))Md.call(e,t)&&gn(i,t,e[t]);if(mn)for(var t of mn(e))Bd.call(e,t)&&gn(i,t,e[t]);return i};let Pe=class extends x{constructor(e,t={}){super(e,fn(fn({},{bubbles:!0}),t))}};Pe.INPUT="input",Pe.CHANGE="change";var Rd=Object.defineProperty,Vd=Object.getOwnPropertyDescriptor,R=(i,e,t,o)=>{for(var r=o>1?void 0:o?Vd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Rd(e,t,r),r};const bt=12,yn=24,Fd=(i,e)=>g`
|
|
351
|
-
${i.map(t=>{if(e>=yn){const o=Math.round(bt+e*i.indexOf(t));return g`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return g``})}
|
|
352
|
-
`,Gd=(i,e,t)=>t?u``:u`<div id="step-values">
|
|
353
|
-
${i.map(o=>u` <span
|
|
354
|
-
><span>
|
|
355
|
-
${i.length<=20&&e>=yn?o.toFixed(0):$}
|
|
356
|
-
</span></span
|
|
357
|
-
>`)}
|
|
358
|
-
</div>`,qd=(i,e,t)=>Array.from({length:(e-i)/t+1},(o,r)=>i+r*t);n.UUISliderElement=class extends J(v){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){if(e instanceof File)return;const t=this._value;let o=e?parseFloat(e):0;o=Math.min(Math.max(o,this.min),this.max),this.step>0&&(o=Math.round(o/this.step)*this.step),this._value=o.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=qd(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-bt*2)/(this._steps.length-1)}_onKeypress(e){e.key=="Enter"&&this.submit()}_calculateSliderPosition(){const e=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new Pe(Pe.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Pe(Pe.CHANGE))}render(){return u`
|
|
276
|
+
)}`],_t([I("#container")],n.UUIPopoverElement.prototype,"containerElement",2),_t([l({type:Number})],n.UUIPopoverElement.prototype,"margin",2),_t([l({type:String,reflect:!0})],n.UUIPopoverElement.prototype,"placement",1),_t([l({type:Boolean,reflect:!0})],n.UUIPopoverElement.prototype,"open",1),n.UUIPopoverElement=_t([b("uui-popover")],n.UUIPopoverElement);var Zh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,ds=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Zh(e,t,r),r};const Jh=(i,e,t)=>Math.min(Math.max(i,e),t);n.UUIProgressBarElement=class extends m{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Jh(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return u`<div id="bar" style="${te(this._getProgressStyle())}"></div>`}},n.UUIProgressBarElement.styles=[p`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-color-surface-alt,#f3f3f5);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-color-positive,#25aa60);height:100%;width:0%}`],ds([l({type:Number})],n.UUIProgressBarElement.prototype,"progress",1),n.UUIProgressBarElement=ds([b("uui-progress-bar")],n.UUIProgressBarElement);var ep=Object.defineProperty,hs=Object.getOwnPropertySymbols,tp=Object.prototype.hasOwnProperty,ip=Object.prototype.propertyIsEnumerable,ps=(i,e,t)=>e in i?ep(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,bs=(i,e)=>{for(var t in e||(e={}))tp.call(e,t)&&ps(i,t,e[t]);if(hs)for(var t of hs(e))ip.call(e,t)&&ps(i,t,e[t]);return i};let rt=class extends x{constructor(e,t={}){super(e,bs(bs({},{bubbles:!0}),t))}};rt.CHANGE="change";var rp=Object.defineProperty,op=Object.getOwnPropertyDescriptor,Ae=(i,e,t,o)=>{for(var r=o>1?void 0:o?op(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rp(e,t,r),r};n.UUIRadioElement=class extends m{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,e===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-hidden",e?"true":"false"),this.setAttribute("tabindex",e?"-1":"0"),this.requestUpdate("disabled",t)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(e){e.stopPropagation();const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new rt(rt.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return u`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?u`<span>${this.label}</span>`:u`<slot></slot>`}</div></label>`}},n.UUIRadioElement.styles=[Tt,p`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-color-surface,#fff);border:1px solid var(--uui-color-border-standalone,#c2c2c2);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative;flex:0 0 var(--uui-radio-button-size)}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-color-selected,#3544b1);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-color-border-emphasis,#a1a1a1)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-color-selected,#3544b1)}input:checked:hover~#button{border:1px solid var(--uui-color-selected-emphasis,#4656c8)}input:checked:hover~#button::after{background-color:var(--uui-color-selected-emphasis,#4656c8)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]:active) #button{animation:${jt}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],Ae([I("#input")],n.UUIRadioElement.prototype,"inputElement",2),Ae([l({type:String})],n.UUIRadioElement.prototype,"name",2),Ae([l({type:String})],n.UUIRadioElement.prototype,"value",2),Ae([l({type:String})],n.UUIRadioElement.prototype,"label",2),Ae([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"checked",1),Ae([l({type:Boolean,reflect:!0})],n.UUIRadioElement.prototype,"disabled",1),n.UUIRadioElement=Ae([b("uui-radio")],n.UUIRadioElement);var np=Object.defineProperty,ms=Object.getOwnPropertySymbols,sp=Object.prototype.hasOwnProperty,ap=Object.prototype.propertyIsEnumerable,vs=(i,e,t)=>e in i?np(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,gs=(i,e)=>{for(var t in e||(e={}))sp.call(e,t)&&vs(i,t,e[t]);if(ms)for(var t of ms(e))ap.call(e,t)&&vs(i,t,e[t]);return i};let ni=class extends x{constructor(e,t={}){super(e,gs(gs({},{bubbles:!0}),t))}};ni.CHANGE="change";var lp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,fs=(i,e,t,o)=>{for(var r=o>1?void 0:o?up(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&lp(e,t,r),r};const cp="ArrowLeft",dp="ArrowUp",hp="ArrowRight",pp="ArrowDown",bp=" ";n.UUIRadioGroupElement=class extends J(m){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=e=>{e.target.checked===!0&&(this.value=e.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(e){super.value=e,(e===null||e==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.focus():(t=this._findNextEnabledElement())==null||t.focus()}click(){var e,t;this._selected!==null?(e=this._radioElements[this._selected])==null||e.click():(t=this._findNextEnabledElement())==null||t.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(o=>o.name=e)}_updateRadioElementsCheckedState(e){this._radioElements.forEach((t,o)=>{t.value===e?(t.checked=!0,this._selected=o):t.checked=!1})}_setDisableOnRadios(e){var t;(t=this._radioElements)==null||t.forEach(o=>o.disabled=e)}_handleSlotChange(e){var t;if(e.stopPropagation(),(t=this._radioElements)==null||t.forEach(r=>{r.removeEventListener(rt.CHANGE,this._handleSelectOnClick),r.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=e.target.assignedElements({flatten:!0}).filter(r=>r instanceof n.UUIRadioElement),this._radioElements.length===0)return;this._radioElements.forEach(r=>{r.addEventListener(rt.CHANGE,this._handleSelectOnClick),r.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const o=this._radioElements.filter(r=>r.checked===!0);o.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)),o.length===1?(this.value=o[0].value,this._selected=this._radioElements.indexOf(o[0]),o[0].disabled===!1?(this._radioElements.forEach(r=>{r.makeUnfocusable()}),o[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var e,t;this._selected=null,(e=this._radioElements)==null||e.forEach(o=>{o.makeUnfocusable()}),(t=this._findNextEnabledElement())==null||t.makeFocusable()}_findNextEnabledElement(e=1){if(!this._radioElements)return null;const t=this._selected||0,o=this._radioElements.length;let r=this._selected===null?0:1;for(;r<o;){let s=(t+r*e)%o;if(s<0&&(s+=o),this._radioElements[s].disabled===!1)return this._radioElements[s];r++}return null}_selectPreviousElement(){var e,t;this.value=((e=this._findNextEnabledElement(-1))==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_selectNextElement(){var e,t;this.value=((e=this._findNextEnabledElement())==null?void 0:e.value)||"",(t=this._radioElements[this._selected||0])==null||t.focus(),this._fireChangeEvent()}_onKeydown(e){var t;switch(e.key){case cp:case dp:{e.preventDefault(),this._selectPreviousElement();break}case hp:case pp:{e.preventDefault(),this._selectNextElement();break}case bp:this._selected===null&&(this.value=(t=this._findNextEnabledElement())==null?void 0:t.value,this._fireChangeEvent())}}_onKeypress(e){e.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new ni(ni.CHANGE))}updated(e){super.updated(e),e.has("disabled")&&this._setDisableOnRadios(this.disabled),e.has("name")&&this._setNameOnRadios(e.get("name"))}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIRadioGroupElement.formAssociated=!0,n.UUIRadioGroupElement.styles=[p`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],fs([l({type:Boolean,reflect:!0})],n.UUIRadioGroupElement.prototype,"disabled",2),n.UUIRadioGroupElement=fs([b("uui-radio-group")],n.UUIRadioGroupElement);var mp=Object.defineProperty,ys=Object.getOwnPropertySymbols,vp=Object.prototype.hasOwnProperty,gp=Object.prototype.propertyIsEnumerable,_s=(i,e,t)=>e in i?mp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ws=(i,e)=>{for(var t in e||(e={}))vp.call(e,t)&&_s(i,t,e[t]);if(ys)for(var t of ys(e))gp.call(e,t)&&_s(i,t,e[t]);return i};let N=class extends x{constructor(e,t={}){super(e,ws(ws({},{bubbles:!0}),t))}};N.INPUT="input",N.CHANGE="change";var fp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,C=(i,e,t,o)=>{for(var r=o>1?void 0:o?yp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&fp(e,t,r),r},_p=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},wp=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Up=(i,e,t)=>(_p(i,e,"access private method"),t),lr,Us;const Z=12,Es=24;n.UUIRangeSliderElement=class extends J(m){constructor(){super(),wp(this,lr),this.disabled=!1,this.step=1,this.hideStepValues=!1,this.min=0,this.max=100,this._valueLow=0,this._valueHigh=100,this._trackWidth=0,this._currentThumbFocus="low",this._startPos=0,this._startLow=0,this._startHigh=0,this._onMouseDown=e=>{if(e.preventDefault(),this.disabled)return;window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove);const t=e.composedPath()[0],o=e.pageX;if(t==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(o,this.valueLow,this.valueHigh);return}this._moveThumb(o)},this._onMouseMove=e=>{e.preventDefault();const t=e.pageX,o=this._getValue(t);this._grabbingBoth?this._moveBoth(t):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(o)),this.dispatchEvent(new N(N.INPUT))},this._onMouseUp=()=>{this._stop(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this._onTouchStart=e=>{if(e.preventDefault(),this.disabled)return;window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove);const t=e.composedPath()[0],o=e.touches[0].pageX;if(t==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(o,this.valueLow,this.valueHigh);return}this._moveThumb(o)},this._onTouchMove=e=>{const t=e.touches[0].pageX,o=this._getValue(t);this._grabbingBoth?this._moveBoth(t):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(o)),this.dispatchEvent(new N(N.INPUT))},this._onTouchEnd=()=>{this._stop(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),this.addValidator("stepMismatch",()=>"Step property needs to be higher than 0",()=>this.step<=0),this.addValidator("stepMismatch",()=>"Maxmimum gap needs to be higher than minimum gap",()=>!!this.maxGap&&!!this.minGap&&this.maxGap<=this.minGap),this.addValidator("rangeUnderflow",()=>`The lower end value (${this.valueLow}) cannot be below the the minimum value setting (${this.min})`,()=>this.valueLow<this.min),this.addValidator("rangeOverflow",()=>`The higher end value (${this.valueHigh}) cannot be above the the maximum value setting (${this.max})`,()=>this.valueHigh>this.max)}get value(){return this._value}set value(e){if(e instanceof String){super.value=e;const t=e.split(",");this.valueLow=parseInt(t[0]),this.valueHigh=parseInt(t[1])}}set valueLow(e){const t=this._valueHigh;if(e<=this.min){this._valueLow=this.min,super.value=`${this.min},${this.valueHigh}`,this.requestUpdate("valueLow",t);return}if(e>=this.valueHigh-this.step){this._valueLow=this.valueHigh-this.step,super.value=`${this.valueHigh-this.step},${this.valueHigh}`,this.requestUpdate("valueLow",t);return}this._valueLow=e,super.value=`${e},${this.valueHigh}`,this.requestUpdate("valueLow",t)}get valueLow(){return this._valueLow}set valueHigh(e){const t=this._valueHigh;if(e>=this.max){this._valueHigh=this.max,super.value=`${this.valueLow},${this.max}`,this.requestUpdate("valueHigh",t);return}if(e<=this.valueLow+this.step){this._valueHigh=this.valueLow+this.step,super.value=`${this.valueLow},${this.valueLow+this.step}`,this.requestUpdate("valueHigh",t);return}this._valueHigh=e,super.value=`${this.valueLow},${e}`,this.requestUpdate("valueHigh",t)}get valueHigh(){return this._valueHigh}getFormElement(){return this._currentInputFocus?this._currentInputFocus:this._inputLow}focus(){this._currentInputFocus?this._currentInputFocus.focus():this._inputLow.focus()}_onKeypress(e){e.key=="Enter"&&this.submit()}_sliderLowThumbPosition(){const e=(this.valueLow-this.min)/(this.max-this.min);return`${Math.floor(e*1e5)/1e3}%`}_sliderHighThumbPosition(){const e=(this.valueHigh-this.min)/(this.max-this.min);return`${Math.floor(e*1e5)/1e3}%`}_fillColor(){const e=(this.valueLow-this.min)/(this.max-this.min)*100,t=(this.valueHigh-this.min)/(this.max-this.min)*100;this._innerColor.style.left=`${e}%`,this._innerColor.style.right=`${100-t}%`}_moveThumb(e){const t=this._getValue(e);t>=this.valueHigh&&this._setThumb(this._thumbHigh),t<=this.valueLow&&this._setThumb(this._thumbLow),this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(t))}_stop(){this._grabbingBoth=!1,this.pristine=!1,this.dispatchEvent(new N(N.CHANGE))}_setThumb(e){this._currentThumbFocus=e===this._thumbLow?"low":"high",this._currentThumbFocus==="low"?this._currentInputFocus=this._inputLow:this._currentInputFocus=this._inputHigh,this.focus()}_setValueBasedOnCurrentThumb(e){this._currentThumbFocus==="low"?this.valueLow=e:this.valueHigh=e}_getValue(e){const t=(e-this._innerTrack.getBoundingClientRect().left)/(this._trackWidth-Z*2)*(this.max-this.min)+this.min;return Math.round(t/this.step)*this.step}_validateLowByMinGap(e){return!this.minGap||this.minGap<=this.step?e:e+this.minGap>=this.valueHigh?this.valueHigh-this.minGap:e}_validateLowByMaxGap(e){return this.maxGap&&this.valueHigh-e>=this.maxGap?this.valueHigh-this.maxGap:e}_validateHighByMinGap(e){return!this.minGap||this.minGap<=this.step?e:e<=this.valueLow+this.minGap?this.valueLow+this.minGap:e}_validateHighByMaxGap(e){return this.maxGap&&e>=this.valueLow+this.maxGap?this.valueLow+this.maxGap:e}_validateValueBasedOnCurrentThumb(e){if(this._currentThumbFocus=="low"){let o;return o=e<this.valueHigh-this.step?e:this.valueHigh-this.step,o=o>=this.min?o:this.min,o=this.minGap?this._validateLowByMinGap(o):o,o=this.maxGap?this._validateLowByMaxGap(o):o,o}let t;return t=e>this.valueLow+this.step?e:this.valueLow+this.step,t=t<=this.max?t:this.max,t=this.minGap?this._validateHighByMinGap(t):t,t=this.maxGap?this._validateHighByMaxGap(t):t,t}_saveStartPoint(e,t,o){this._startPos=e,this._startLow=t,this._startHigh=o}_moveBoth(e){const t=e-this._startPos,o=this.max-this.min,r=t/(this._trackWidth+Z*2),s=Math.round(r*o/this.step)*this.step,a=this._startLow+s,c=this._startHigh+s,d=this._getValidatedValues(a,c);a===d.low&&c===d.high&&(this.valueLow=a,this.valueHigh=c,this.dispatchEvent(new N(N.INPUT)))}_getValidatedValues(e,t){const o=e>this.min?e:this.min,r=t<this.max?t:this.max;return{low:o,high:r}}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new N(N.CHANGE))}_onLowInput(e){e.stopPropagation();let t=parseInt(this._inputLow.value);t=this._validateLowByMinGap(t),t=this._validateLowByMaxGap(t),this._inputLow.value=String(t),this.valueLow=t,this.dispatchEvent(new N(N.INPUT))}_onHighInput(e){e.stopPropagation();let t=parseInt(this._inputHigh.value);t=this._validateHighByMinGap(t),t=this._validateHighByMaxGap(t),this._inputHigh.value=String(t),this.valueHigh=t,this.dispatchEvent(new N(N.INPUT))}connectedCallback(){super.connectedCallback(),Up(this,lr,Us).call(this),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack.offsetWidth})}updated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._fillColor()}render(){return u`
|
|
277
|
+
<div id="range-slider">
|
|
278
|
+
${this.renderNativeInputs()}
|
|
279
|
+
<div id="inner-track">
|
|
280
|
+
<span class="color"><span class="color-target"></span></span>
|
|
281
|
+
${this.renderStepsOutput()} ${this.renderThumbs()}
|
|
282
|
+
</div>
|
|
283
|
+
<div id="step-values">${this.renderStepValues()}</div>
|
|
284
|
+
</div>
|
|
285
|
+
`}renderNativeInputs(){return u`<input
|
|
286
|
+
id="low-input"
|
|
287
|
+
class="slider"
|
|
288
|
+
type="range"
|
|
289
|
+
.value="${String(this.valueLow)}"
|
|
290
|
+
min="${this.min}"
|
|
291
|
+
max="${this.max}"
|
|
292
|
+
step="${this.step}"
|
|
293
|
+
aria-label="${this.label} low value"
|
|
294
|
+
?disabled="${this.disabled}"
|
|
295
|
+
@change="${this._onChange}"
|
|
296
|
+
@input="${this._onLowInput}" />
|
|
359
297
|
<input
|
|
360
|
-
id="input"
|
|
298
|
+
id="high-input"
|
|
299
|
+
class="slider"
|
|
361
300
|
type="range"
|
|
301
|
+
.value="${String(this.valueHigh)}"
|
|
362
302
|
min="${this.min}"
|
|
363
303
|
max="${this.max}"
|
|
364
|
-
|
|
365
|
-
aria-label="${this.label}"
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
@input
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
${Fd(this._steps,this._stepWidth)}
|
|
374
|
-
</svg>
|
|
375
|
-
|
|
376
|
-
<div id="track-inner" aria-hidden="true">
|
|
377
|
-
<div id="thumb" style=${te({left:this._sliderPosition})}>
|
|
378
|
-
<div id="thumb-label">${this.value}</div>
|
|
379
|
-
</div>
|
|
380
|
-
</div>
|
|
304
|
+
step="${this.step}"
|
|
305
|
+
aria-label="${this.label} high value"
|
|
306
|
+
?disabled="${this.disabled}"
|
|
307
|
+
@change="${this._onChange}"
|
|
308
|
+
@input="${this._onHighInput}" />`}renderThumbs(){return u`<div
|
|
309
|
+
id="low-thumb"
|
|
310
|
+
class="thumb"
|
|
311
|
+
style="left: ${this._sliderLowThumbPosition()}">
|
|
312
|
+
<div class="value value-min">${this.valueLow}</div>
|
|
381
313
|
</div>
|
|
382
|
-
|
|
383
|
-
|
|
314
|
+
<div
|
|
315
|
+
id="high-thumb"
|
|
316
|
+
class="thumb"
|
|
317
|
+
style="left: ${this._sliderHighThumbPosition()}">
|
|
318
|
+
<div class="value value-max">${this.valueHigh}</div>
|
|
319
|
+
</div>`}renderStepsOutput(){return u`<div class="svg-wrapper">
|
|
320
|
+
<svg height="100%" width="100%">
|
|
321
|
+
<rect x="9" y="9" height="3" rx="2" />
|
|
322
|
+
${this.renderSteps()}
|
|
323
|
+
</svg>
|
|
324
|
+
</div>`}renderSteps(){const e=(this.max-this.min)/this.step,t=(this._trackWidth-Z*2)/e,o=this._trackWidth/(this.max-this.min);if(t>=Es){let r=0;const s=[];for(r;r<=e;r++)s.push(r*t);const a=this.disabled==!1?"filled":"filled-disabled";return g`
|
|
325
|
+
${s.map(c=>{const d=c+Z;return d/o>this.valueLow-this.min&&d/o<this.valueHigh-this.min?g`<circle class="track-step ${a}" cx="${d}" cy="50%" r="4.5" />`:g`<circle class="track-step" cx="${d}" cy="50%" r="4.5" />`})}`}else return g``}renderStepValues(){if(this.hideStepValues)return $;const e=(this.max-this.min)/this.step;if((this._trackWidth-Z*2)/e>=Es&&e<=20){let t=0;const o=[];for(t;t<=e;t++)o.push(t*this.step+this.min);return u` ${o.map(r=>u`<span><span>${r}</span></span>`)}`}else return u``}},lr=new WeakSet,Us=function(i){this._value=i||`${this.valueLow},${this.valueHigh}`},n.UUIRangeSliderElement.styles=[xo,p`
|
|
384
326
|
:host {
|
|
385
|
-
display:
|
|
327
|
+
display: block;
|
|
328
|
+
min-height: 50px;
|
|
386
329
|
width: 100%;
|
|
387
|
-
|
|
388
|
-
|
|
330
|
+
place-items: center;
|
|
331
|
+
-webkit-user-select: none; /* Safari */
|
|
332
|
+
-moz-user-select: none; /* Firefox */
|
|
333
|
+
-ms-user-select: none; /* IE10+/Edge */
|
|
389
334
|
user-select: none;
|
|
335
|
+
cursor: pointer;
|
|
390
336
|
}
|
|
391
337
|
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
height: 18px;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
#track {
|
|
398
|
-
position: relative;
|
|
399
|
-
height: 18px;
|
|
400
|
-
width: 100%;
|
|
401
|
-
display: flex;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
#track svg {
|
|
405
|
-
height: 21px;
|
|
406
|
-
border-radius: 10px;
|
|
407
|
-
background-color: var(--uui-color-surface,#fff);
|
|
408
|
-
}
|
|
409
|
-
#track svg rect {
|
|
410
|
-
width: calc(100% - 18px);
|
|
411
|
-
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
412
|
-
}
|
|
413
|
-
input:hover ~ #track svg rect {
|
|
414
|
-
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
input:focus ~ #track svg {
|
|
418
|
-
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
419
|
-
var(--uui-color-focus,var(--uui-palette-malibu));
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
.track-step {
|
|
423
|
-
fill: var(--uui-color-border,#d8d7d9);
|
|
424
|
-
}
|
|
425
|
-
input:hover ~ #track svg .track-step {
|
|
426
|
-
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
#track-inner {
|
|
430
|
-
position: absolute;
|
|
431
|
-
left: ${bt}px; /* Match TRACK_MARGIN */
|
|
432
|
-
right: ${bt}px; /* Match TRACK_MARGIN */
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
#thumb {
|
|
436
|
-
position: absolute;
|
|
437
|
-
top: 2px;
|
|
438
|
-
bottom: 0;
|
|
439
|
-
left: 0;
|
|
440
|
-
height: 17px;
|
|
441
|
-
width: 17px;
|
|
442
|
-
margin-left: -8px;
|
|
443
|
-
margin-right: -8px;
|
|
444
|
-
border-radius: 50%;
|
|
445
|
-
box-sizing: border-box;
|
|
446
|
-
|
|
447
|
-
background-color: var(--uui-color-surface,#fff);
|
|
448
|
-
border: 2px solid var(--uui-color-selected,var(--uui-palette-violet-blue));
|
|
449
|
-
|
|
450
|
-
transition: 120ms left ease;
|
|
451
|
-
}
|
|
452
|
-
:host([disabled]) #thumb {
|
|
453
|
-
background-color: var(--uui-color-disabled,var(--uui-palette-sand));
|
|
454
|
-
border-color: var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark));
|
|
455
|
-
}
|
|
456
|
-
|
|
457
|
-
#thumb:after {
|
|
458
|
-
content: '';
|
|
459
|
-
position: absolute;
|
|
460
|
-
top: 2px;
|
|
461
|
-
left: 2px;
|
|
462
|
-
height: 9px;
|
|
463
|
-
width: 9px;
|
|
464
|
-
border-radius: 50%;
|
|
465
|
-
background-color: var(--uui-color-selected,var(--uui-palette-violet-blue));
|
|
466
|
-
}
|
|
467
|
-
:host([disabled]) #thumb:after {
|
|
468
|
-
background-color: var(--uui-color-disabled,var(--uui-palette-sand));
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
#thumb-label {
|
|
472
|
-
position: absolute;
|
|
473
|
-
box-sizing: border-box;
|
|
474
|
-
font-weight: 700;
|
|
475
|
-
bottom: 15px;
|
|
476
|
-
left: 50%;
|
|
477
|
-
width: 40px;
|
|
478
|
-
margin-left: -20px;
|
|
479
|
-
text-align: center;
|
|
480
|
-
opacity: 0;
|
|
481
|
-
transition: 120ms opacity;
|
|
482
|
-
color: var(--uui-color-selected,var(--uui-palette-violet-blue));
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
input:focus ~ #track #thumb-label,
|
|
486
|
-
input:hover ~ #track #thumb-label {
|
|
487
|
-
opacity: 1;
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
#step-values {
|
|
491
|
-
margin: 0 ${bt}px; /* Match TRACK_MARGIN */
|
|
492
|
-
margin-top: 6px;
|
|
493
|
-
display: flex;
|
|
494
|
-
align-items: flex-end;
|
|
495
|
-
box-sizing: border-box;
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
#step-values > span {
|
|
499
|
-
flex-basis: 0;
|
|
500
|
-
flex-grow: 1;
|
|
501
|
-
color: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
|
|
502
|
-
}
|
|
503
|
-
|
|
504
|
-
#step-values > span > span {
|
|
505
|
-
transform: translateX(-50%);
|
|
506
|
-
display: inline-block;
|
|
507
|
-
text-align: center;
|
|
508
|
-
font-size: var(--uui-type-small-size,var(--uui-size-4));
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
#step-values > span:last-child {
|
|
512
|
-
width: 0;
|
|
513
|
-
flex-grow: 0;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
:host(:not([pristine]):invalid) #thumb {
|
|
517
|
-
border-color: var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));
|
|
518
|
-
}
|
|
519
|
-
:host(:not([pristine]):invalid) #thumb:after {
|
|
520
|
-
background-color: var(--uui-color-danger,var(--uui-palette-maroon-flush));
|
|
521
|
-
}
|
|
522
|
-
`],R([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),R([l({type:Number})],n.UUISliderElement.prototype,"min",2),R([l({type:Number})],n.UUISliderElement.prototype,"max",2),R([l({type:Number})],n.UUISliderElement.prototype,"step",2),R([l({type:String})],n.UUISliderElement.prototype,"value",1),R([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),R([l({type:String})],n.UUISliderElement.prototype,"label",2),R([I("#input")],n.UUISliderElement.prototype,"_input",2),R([I("#track")],n.UUISliderElement.prototype,"_track",2),R([m()],n.UUISliderElement.prototype,"_stepWidth",2),R([m()],n.UUISliderElement.prototype,"_steps",2),R([m()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=R([h("uui-slider")],n.UUISliderElement);var Kd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,_n=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Kd(e,t,r),r};n.UUISymbolExpandElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolExpandElement.styles=[b`: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)}`],_n([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=_n([h("uui-symbol-expand")],n.UUISymbolExpandElement);var Yd=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,wn=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Yd(e,t,r),r};n.UUISymbolFileDropzoneElement=class extends v{constructor(){super(...arguments),this.error=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="upload-icon"><path d="${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"}"/></svg>`}},n.UUISymbolFileDropzoneElement.styles=[b`:host{display:flex;flex-direction:column;align-items:center;justify-content:center}#upload-icon{fill:var(--uui-color-default,var(--uui-palette-space-cadet));width:100px;transition:fill .3s ease;position:relative;z-index:2}:host([error]) #upload-icon{fill:var(--uui-color-danger,var(--uui-palette-maroon-flush))}`],wn([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=wn([h("uui-symbol-file-dropzone")],n.UUISymbolFileDropzoneElement);var Zd=Object.defineProperty,Qd=Object.getOwnPropertyDescriptor,Ri=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qd(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Zd(e,t,r),r};n.UUISymbolFileThumbnailElement=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),y(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${dl.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[b`: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,var(--uui-palette-sand))}`],Ri([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),Ri([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=Ri([h("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var Jd=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,Un=(i,e,t,o)=>{for(var r=o>1?void 0:o?eh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Jd(e,t,r),r};n.UUISymbolLockElement=class extends v{constructor(){super(...arguments),this.open=!1}render(){return g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?g`<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>`:g`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[b`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Un([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Un([h("uui-symbol-lock")],n.UUISymbolLockElement);var th=Object.defineProperty,ih=Object.getOwnPropertyDescriptor,rh=(i,e,t,o)=>{for(var r=o>1?void 0:o?ih(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&th(e,t,r),r};n.UUISymbolMoreElement=class extends v{render(){return u`•••`}},n.UUISymbolMoreElement.styles=[b`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],n.UUISymbolMoreElement=rh([h("uui-symbol-more")],n.UUISymbolMoreElement);var oh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,En=(i,e,t,o)=>{for(var r=o>1?void 0:o?nh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&oh(e,t,r),r};n.UUISymbolSortElement=class extends ut(v){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolSortElement.styles=[b`: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))}`],En([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=En([h("uui-symbol-sort")],n.UUISymbolSortElement);var ah=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,lh=(i,e,t,o)=>{for(var r=o>1?void 0:o?sh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&ah(e,t,r),r};n.UUITableElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[b`:host{display:table;width:100%;border-radius:var(--uui-border-radius,var(--uui-size-1));background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=lh([h("uui-table")],n.UUITableElement);var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,Gt=(i,e,t,o)=>{for(var r=o>1?void 0:o?ch(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&uh(e,t,r),r};n.UUITableCellElement=class extends v{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[b`: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}`],Gt([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),Gt([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),Gt([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=Gt([h("uui-table-cell")],n.UUITableCellElement);var dh=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,ph=(i,e,t,o)=>{for(var r=o>1?void 0:o?hh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&dh(e,t,r),r};n.UUITableColumnElement=class extends v{},n.UUITableColumnElement.styles=[b`:host{display:table-column}`],n.UUITableColumnElement=ph([h("uui-table-column")],n.UUITableColumnElement);var bh=Object.defineProperty,vh=Object.getOwnPropertyDescriptor,mh=(i,e,t,o)=>{for(var r=o>1?void 0:o?vh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&bh(e,t,r),r};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,b`:host{border-top:none}`],n.UUITableHeadCellElement=mh([h("uui-table-head-cell")],n.UUITableHeadCellElement);var gh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,yh=(i,e,t,o)=>{for(var r=o>1?void 0:o?fh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&gh(e,t,r),r};n.UUITableHeadElement=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[b`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=yh([h("uui-table-head")],n.UUITableHeadElement);var _h=Object.defineProperty,wh=Object.getOwnPropertyDescriptor,$n=(i,e,t,o)=>{for(var r=o>1?void 0:o?wh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&_h(e,t,r),r};n.UUITableRowElement=class extends xt(He(v)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[b`: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,var(--uui-palette-malibu))}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,var(--uui-palette-violet-blue)))}:host([selected]:focus){outline-color:var(--uui-color-focus,var(--uui-palette-malibu))}`],$n([me({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=$n([h("uui-table-row")],n.UUITableRowElement);var Uh=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,qt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Eh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Uh(e,t,r),r};n.UUITabElement=class extends ut(Q("",v)){constructor(){super(),this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${S(this.disabled?void 0:this.href)}" target="${S(this.target||void 0)}" rel="${S(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[b`:host{color:var(--uui-tab-text,var(--uui-color-interactive,var(--uui-palette-space-cadet)));font-family:inherit}#button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);border:none;box-sizing:border-box;min-height:32px;font-size:inherit;height:100%;min-width:70px;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}:host(:not([active]):not([disabled])) #button:hover{color:var(--uui-tab-text-hover,var(--uui-color-default-emphasis,var(--uui-palette-violet-blue)))}: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]) #button{cursor:default}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,var(--uui-palette-grey));cursor:default}#button::before{content:'';position:absolute;height:0;width:calc(100% - 16px);left:auto;right:auto;background-color:var(--uui-color-current,var(--uui-palette-spanish-pink));bottom:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#button:hover::before{background-color:var(--uui-color-current-emphasis,var(--uui-palette-spanish-pink-light))}:host([active]) #button::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}:host([disabled]) #button::before{background-color:var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark))}slot[name=icon]::slotted(*){font-size:20px;margin-bottom:var(--uui-size-2,6px)}`],qt([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),qt([l({type:String})],n.UUITabElement.prototype,"href",2),qt([l({type:String})],n.UUITabElement.prototype,"target",2),n.UUITabElement=qt([h("uui-tab")],n.UUITabElement);var $h=Object.defineProperty,kh=Object.getOwnPropertyDescriptor,kn=(i,e,t,o)=>{for(var r=o>1?void 0:o?kh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&$h(e,t,r),r};n.UUITabGroupElement=class extends v{constructor(){super(...arguments),this._tabElements=[],this._onTabClicked=e=>{const t=e.currentTarget;this._elementIsTabLike(t)&&(t.active=!0,this._tabElements.filter(o=>o!==t).forEach(o=>{this._elementIsTabLike(o)&&(o.active=!1)}))}}_setTabArray(){this._tabElements=this._slottedNodes?this._slottedNodes:[]}_onSlotChange(){this._tabElements.forEach(e=>{e.removeEventListener("click",this._onTabClicked)}),this._setTabArray(),this._tabElements.forEach(e=>{e.addEventListener("click",this._onTabClicked)})}_elementIsTabLike(e){return e instanceof n.UUITabElement||"active"in e}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUITabGroupElement.styles=[b`:host{display:flex;flex-wrap:wrap;color:var(--uui-tab-text);background:var(--uui-tab-background,none);height:100%;min-height:48px}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}`],kn([me({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),n.UUITabGroupElement=kn([h("uui-tab-group")],n.UUITabGroupElement);let Ih=class extends x{},xh=class extends x{};var Ch=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Vi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ph(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ch(e,t,r),r};n.UUITagElement=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[b`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,var(--uui-size-4)));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,var(--uui-palette-space-cadet));--color-standalone:var(--uui-color-default-standalone,var(--uui-palette-space-cadet-dark));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,var(--uui-palette-jungle-green));--color-standalone:var(--uui-color-positive-standalone,var(--uui-palette-jungle-green-dark));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,var(--uui-palette-sunglow));--color-standalone:var(--uui-color-warning-standalone,var(--uui-palette-sunglow-dark));--color-contrast:var(--uui-color-warning-contrast,#000)}:host([color=danger]){--color:var(--uui-color-danger,var(--uui-palette-maroon-flush));--color-standalone:var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));--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,var(--uui-palette-sand));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)}`],Vi([l({reflect:!0})],n.UUITagElement.prototype,"color",2),Vi([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=Vi([h("uui-tag")],n.UUITagElement);var Oh=Object.defineProperty,In=Object.getOwnPropertySymbols,Sh=Object.prototype.hasOwnProperty,zh=Object.prototype.propertyIsEnumerable,xn=(i,e,t)=>e in i?Oh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Cn=(i,e)=>{for(var t in e||(e={}))Sh.call(e,t)&&xn(i,t,e[t]);if(In)for(var t of In(e))zh.call(e,t)&&xn(i,t,e[t]);return i};let vt=class extends x{constructor(e,t={}){super(e,Cn(Cn({},{bubbles:!0}),t))}};vt.CHANGE="change",vt.INPUT="input";var Ah=Object.defineProperty,Lh=Object.getOwnPropertyDescriptor,j=(i,e,t,o)=>{for(var r=o>1?void 0:o?Lh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ah(e,t,r),r};n.UUITextareaElement=class extends J(v){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)}focus(){var e;(e=this._textarea)==null||e.focus()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new vt(vt.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,o=e.scrollTop,r=getComputedStyle(e).height;e.style.display="block",e.style.height=r,t.style.height="auto",t.scrollHeight>t.clientHeight&&(t.style.height=t.scrollHeight+"px"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=o}render(){return u`<textarea id="textarea" .rows="${this.rows}" .cols="${this.cols}" .value="${this.value}" .name="${this.name}" wrap="${S(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
|
|
523
|
-
</textarea>`}},n.UUITextareaElement.formAssociated=!0,n.UUITextareaElement.styles=[b`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-color-danger,var(--uui-palette-maroon-flush))!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-color-danger,var(--uui-palette-maroon-flush))!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,var(--uui-palette-sand-dark)));background-color:var(--uui-textarea-background-color-readonly,var(--uui-color-disabled,var(--uui-palette-sand)))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-color-disabled,var(--uui-palette-sand)));border-color:var(--uui-textarea-border-color-disabled,var(--uui-color-disabled,var(--uui-palette-sand)));color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}textarea{font-family:inherit;box-sizing:border-box;min-width:100%;max-width:100%;font-size:var(--uui-size-5,15px);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,var(--uui-palette-malibu))}`],j([l()],n.UUITextareaElement.prototype,"placeholder",2),j([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),j([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),j([l({type:String})],n.UUITextareaElement.prototype,"name",2),j([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),j([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),j([l({type:String,attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),j([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),j([l({type:String,attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),j([I("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),j([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),j([l({type:String})],n.UUITextareaElement.prototype,"label",2),j([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),j([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),j([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=j([h("uui-textarea")],n.UUITextareaElement);let D=class extends x{};D.OPENING="opening",D.OPENED="opened",D.CLOSING="closing",D.CLOSED="closed";var Nh=Object.defineProperty,Th=Object.getOwnPropertyDescriptor,Ze=(i,e,t,o)=>{for(var r=o>1?void 0:o?Th(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Nh(e,t,r),r};n.UUIToastNotificationElement=class extends v{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,e!==null?(this._timer===null?this._timer=new ll(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((t=this._timer)==null||t.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),y(this,"uui-button"),y(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 D(D.OPENING)),this._animationTimeout=window.setTimeout(()=>{var e;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((e=this._timer)==null||e.start()),this.dispatchEvent(new D(D.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var e;if(this._open===!1)return;const t=new D(D.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,(e=this._timer)==null||e.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new D(D.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return u`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .color="${this.color}" .look="${this.color?"primary":"default"}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${_o.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}},n.UUIToastNotificationElement.styles=[Ot,b`: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,var(--uui-size-1)) * 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,var(--uui-palette-black));border-color:var(--uui-color-surface,#fff)}:host([color=default]) #toast>div{background-color:var(--uui-color-default,var(--uui-palette-space-cadet));color:var(--uui-color-default-contrast,#fff);border-color:var(--uui-color-default-standalone,var(--uui-palette-space-cadet-dark))}:host([color=positive]) #toast>div{background-color:var(--uui-color-positive,var(--uui-palette-jungle-green));color:var(--uui-color-positive-contrast,#fff);border-color:var(--uui-color-positive-standalone,var(--uui-palette-jungle-green-dark))}:host([color=warning]) #toast>div{background-color:var(--uui-color-warning,var(--uui-palette-sunglow));color:var(--uui-color-warning-contrast,#000);border-color:var(--uui-color-warning-standalone,var(--uui-palette-sunglow-dark))}:host([color=danger]) #toast>div{background-color:var(--uui-color-danger,var(--uui-palette-maroon-flush));color:var(--uui-color-danger-contrast,#fff);border-color:var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark))}`],Ze([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),Ze([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),Ze([I("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),Ze([m()],n.UUIToastNotificationElement.prototype,"_animate",2),Ze([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=Ze([h("uui-toast-notification")],n.UUIToastNotificationElement);var jh=Object.defineProperty,Hh=Object.getOwnPropertyDescriptor,Pn=(i,e,t,o)=>{for(var r=o>1?void 0:o?Hh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&jh(e,t,r),r};n.UUIToastNotificationContainerElement=class extends v{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var e;this._autoClosePause=!0,(e=this._toasts)==null||e.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{var e;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(e=this._toasts)==null||e.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(o=>o.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(o=>this._toasts.indexOf(o)===-1).forEach(o=>{o.removeEventListener(D.CLOSED,this.onToastClosed),o.removeEventListener("mouseenter",this.pauseAutoClose),o.removeEventListener("mouseleave",this.resumeAutoClose),o.removeEventListener("focus",this.pauseAutoClose),o.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(o=>t.indexOf(o)===-1).forEach(o=>{o.addEventListener(D.CLOSED,this.onToastClosed),o.addEventListener("mouseenter",this.pauseAutoClose),o.addEventListener("mouseleave",this.resumeAutoClose),o.addEventListener("focus",this.pauseAutoClose),o.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(o.autoClose=this._autoClose),this._autoClosePause===!0&&o.pauseAutoClose(),o.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,(t=this._toasts)==null||t.forEach(o=>o.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return u`<slot @slotchange="${this.onSlotChanged}"></slot>`}},n.UUIToastNotificationContainerElement.styles=[b`: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}`],Pn([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=Pn([h("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Dh=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Fi=(i,e,t,o)=>{for(var r=o>1?void 0:o?Mh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Dh(e,t,r),r};n.UUIToastNotificationLayoutElement=class extends v{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return u`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}},n.UUIToastNotificationLayoutElement.styles=[Ot,b`#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)}`],Fi([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),Fi([m()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=Fi([h("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var Bh=Object.defineProperty,Rh=Object.getOwnPropertyDescriptor,Vh=(i,e,t,o)=>{for(var r=o>1?void 0:o?Rh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Bh(e,t,r),r};n.UUIToggleElement=class extends ee{constructor(){super("switch")}renderCheckbox(){return u`<div id="slider"><div id="icon-check">${Tt}</div><div id="icon-wrong">${wo}</div></div>`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...ee.styles,zt,b`: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,var(--uui-palette-malibu)));background-color:var(--uui-toggle-background-color-focus,var(--uui-color-surface-emphasis,var(--uui-palette-white-dark)))}input:checked~#slider{background-color:var(--uui-color-selected,var(--uui-palette-violet-blue))}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}label:focus input:checked~#slider{background-color:var(--uui-color-selected-emphasis,var(--uui-palette-violet-blue-light))}#icon-check,#icon-wrong{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms}#icon-check{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);fill:var(--uui-color-interactive,var(--uui-palette-space-cadet))}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-color-interactive,var(--uui-palette-space-cadet))}input:checked~#slider #icon-check{fill: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,var(--uui-palette-malibu))}: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,var(--uui-palette-sand-dark))}:host([disabled]) input:checked~#slider{background-color:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) #slider::after{background-color:var(--uui-color-disabled,var(--uui-palette-sand))}:host([disabled]) #slider #icon-wrong{fill:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}:host([disabled]) label:active #slider{animation:${At}}:host([disabled]) input:checked #slider #icon-check{fill:var(--uui-color-disabled-contrast,var(--uui-palette-grey))}: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,var(--uui-palette-maroon-flush-dark))}`],n.UUIToggleElement=Vh([h("uui-toggle")],n.UUIToggleElement);var Fh=Object.defineProperty,On=Object.getOwnPropertySymbols,Gh=Object.prototype.hasOwnProperty,qh=Object.prototype.propertyIsEnumerable,Sn=(i,e,t)=>e in i?Fh(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,zn=(i,e)=>{for(var t in e||(e={}))Gh.call(e,t)&&Sn(i,t,e[t]);if(On)for(var t of On(e))qh.call(e,t)&&Sn(i,t,e[t]);return i};let H=class extends x{constructor(e,t={}){super(e,zn(zn({},{bubbles:!0}),t))}};H.INPUT="input",H.CHANGE="change";var Kh=Object.defineProperty,Wh=Object.getOwnPropertyDescriptor,C=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wh(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Kh(e,t,r),r},Yh=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Xh=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Zh=(i,e,t)=>(Yh(i,e,"access private method"),t),Gi,An;const X=12,Ln=24;n.UUIRangeSliderElement=class extends J(v){constructor(){super(),Xh(this,Gi),this.disabled=!1,this.step=1,this.hideStepValues=!1,this.min=0,this.max=100,this._valueLow=0,this._valueHigh=100,this._trackWidth=0,this._currentThumbFocus="low",this._startPos=0,this._startLow=0,this._startHigh=0,this._onMouseDown=e=>{if(e.preventDefault(),this.disabled)return;window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove);const t=e.composedPath()[0],o=e.pageX;if(t==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(o,this.valueLow,this.valueHigh);return}this._moveThumb(o)},this._onMouseMove=e=>{e.preventDefault();const t=e.pageX,o=this._getValue(t);this._grabbingBoth?this._moveBoth(t):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(o)),this.dispatchEvent(new H(H.INPUT))},this._onMouseUp=()=>{this._stop(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this._onTouchStart=e=>{if(e.preventDefault(),this.disabled)return;window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove);const t=e.composedPath()[0],o=e.touches[0].pageX;if(t==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(o,this.valueLow,this.valueHigh);return}this._moveThumb(o)},this._onTouchMove=e=>{const t=e.touches[0].pageX,o=this._getValue(t);this._grabbingBoth?this._moveBoth(t):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(o)),this.dispatchEvent(new H(H.INPUT))},this._onTouchEnd=()=>{this._stop(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),this.addValidator("stepMismatch",()=>"Step property needs to be higher than 0",()=>this.step<=0),this.addValidator("stepMismatch",()=>"Maxmimum gap needs to be higher than minimum gap",()=>!!this.maxGap&&!!this.minGap&&this.maxGap<=this.minGap),this.addValidator("rangeUnderflow",()=>`The lower end value (${this.valueLow}) cannot be below the the minimum value setting (${this.min})`,()=>this.valueLow<this.min),this.addValidator("rangeOverflow",()=>`The higher end value (${this.valueHigh}) cannot be above the the maximum value setting (${this.max})`,()=>this.valueHigh>this.max)}get value(){return this._value}set value(e){if(e instanceof String){super.value=e;const t=e.split(",");this.valueLow=parseInt(t[0]),this.valueHigh=parseInt(t[1])}}set valueLow(e){const t=this._valueHigh;if(e<=this.min){this._valueLow=this.min,super.value=`${this.min},${this.valueHigh}`,this.requestUpdate("valueLow",t);return}if(e>=this.valueHigh-this.step){this._valueLow=this.valueHigh-this.step,super.value=`${this.valueHigh-this.step},${this.valueHigh}`,this.requestUpdate("valueLow",t);return}this._valueLow=e,super.value=`${e},${this.valueHigh}`,this.requestUpdate("valueLow",t)}get valueLow(){return this._valueLow}set valueHigh(e){const t=this._valueHigh;if(e>=this.max){this._valueHigh=this.max,super.value=`${this.valueLow},${this.max}`,this.requestUpdate("valueHigh",t);return}if(e<=this.valueLow+this.step){this._valueHigh=this.valueLow+this.step,super.value=`${this.valueLow},${this.valueLow+this.step}`,this.requestUpdate("valueHigh",t);return}this._valueHigh=e,super.value=`${this.valueLow},${e}`,this.requestUpdate("valueHigh",t)}get valueHigh(){return this._valueHigh}getFormElement(){return this._currentInputFocus?this._currentInputFocus:this._inputLow}focus(){this._currentInputFocus?this._currentInputFocus.focus():this._inputLow.focus()}_onKeypress(e){e.key=="Enter"&&this.submit()}_sliderLowThumbPosition(){const e=(this.valueLow-this.min)/(this.max-this.min);return`${Math.floor(e*1e5)/1e3}%`}_sliderHighThumbPosition(){const e=(this.valueHigh-this.min)/(this.max-this.min);return`${Math.floor(e*1e5)/1e3}%`}_fillColor(){const e=(this.valueLow-this.min)/(this.max-this.min)*100,t=(this.valueHigh-this.min)/(this.max-this.min)*100;this._innerColor.style.left=`${e}%`,this._innerColor.style.right=`${100-t}%`}_moveThumb(e){const t=this._getValue(e);t>=this.valueHigh&&this._setThumb(this._thumbHigh),t<=this.valueLow&&this._setThumb(this._thumbLow),this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(t))}_stop(){this._grabbingBoth=!1,this.pristine=!1,this.dispatchEvent(new H(H.CHANGE))}_setThumb(e){this._currentThumbFocus=e===this._thumbLow?"low":"high",this._currentThumbFocus==="low"?this._currentInputFocus=this._inputLow:this._currentInputFocus=this._inputHigh,this.focus()}_setValueBasedOnCurrentThumb(e){this._currentThumbFocus==="low"?this.valueLow=e:this.valueHigh=e}_getValue(e){const t=(e-this._innerTrack.getBoundingClientRect().left)/(this._trackWidth-X*2)*(this.max-this.min)+this.min;return Math.round(t/this.step)*this.step}_validateLowByMinGap(e){return!this.minGap||this.minGap<=this.step?e:e+this.minGap>=this.valueHigh?this.valueHigh-this.minGap:e}_validateLowByMaxGap(e){return this.maxGap&&this.valueHigh-e>=this.maxGap?this.valueHigh-this.maxGap:e}_validateHighByMinGap(e){return!this.minGap||this.minGap<=this.step?e:e<=this.valueLow+this.minGap?this.valueLow+this.minGap:e}_validateHighByMaxGap(e){return this.maxGap&&e>=this.valueLow+this.maxGap?this.valueLow+this.maxGap:e}_validateValueBasedOnCurrentThumb(e){if(this._currentThumbFocus=="low"){let o;return o=e<this.valueHigh-this.step?e:this.valueHigh-this.step,o=o>=this.min?o:this.min,o=this.minGap?this._validateLowByMinGap(o):o,o=this.maxGap?this._validateLowByMaxGap(o):o,o}let t;return t=e>this.valueLow+this.step?e:this.valueLow+this.step,t=t<=this.max?t:this.max,t=this.minGap?this._validateHighByMinGap(t):t,t=this.maxGap?this._validateHighByMaxGap(t):t,t}_saveStartPoint(e,t,o){this._startPos=e,this._startLow=t,this._startHigh=o}_moveBoth(e){const t=e-this._startPos,o=this.max-this.min,r=t/(this._trackWidth+X*2),a=Math.round(r*o/this.step)*this.step,s=this._startLow+a,c=this._startHigh+a,d=this._getValidatedValues(s,c);s===d.low&&c===d.high&&(this.valueLow=s,this.valueHigh=c,this.dispatchEvent(new H(H.INPUT)))}_getValidatedValues(e,t){const o=e>this.min?e:this.min,r=t<this.max?t:this.max;return{low:o,high:r}}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new H(H.CHANGE))}_onLowInput(e){e.stopPropagation();let t=parseInt(this._inputLow.value);t=this._validateLowByMinGap(t),t=this._validateLowByMaxGap(t),this._inputLow.value=String(t),this.valueLow=t,this.dispatchEvent(new H(H.INPUT))}_onHighInput(e){e.stopPropagation();let t=parseInt(this._inputHigh.value);t=this._validateHighByMinGap(t),t=this._validateHighByMaxGap(t),this._inputHigh.value=String(t),this.valueHigh=t,this.dispatchEvent(new H(H.INPUT))}connectedCallback(){super.connectedCallback(),Zh(this,Gi,An).call(this),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack.offsetWidth})}updated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._fillColor()}render(){return u`
|
|
524
|
-
<div id="range-slider">
|
|
525
|
-
${this.renderNativeInputs()}
|
|
526
|
-
<div id="inner-track">
|
|
527
|
-
<span class="color"><span class="color-target"></span></span>
|
|
528
|
-
${this.renderStepsOutput()} ${this.renderThumbs()}
|
|
529
|
-
</div>
|
|
530
|
-
<div id="step-values">${this.renderStepValues()}</div>
|
|
531
|
-
</div>
|
|
532
|
-
`}renderNativeInputs(){return u`<input
|
|
533
|
-
id="low-input"
|
|
534
|
-
class="slider"
|
|
535
|
-
type="range"
|
|
536
|
-
.value="${String(this.valueLow)}"
|
|
537
|
-
min="${this.min}"
|
|
538
|
-
max="${this.max}"
|
|
539
|
-
step="${this.step}"
|
|
540
|
-
aria-label="${this.label} low value"
|
|
541
|
-
?disabled="${this.disabled}"
|
|
542
|
-
@change="${this._onChange}"
|
|
543
|
-
@input="${this._onLowInput}" />
|
|
544
|
-
<input
|
|
545
|
-
id="high-input"
|
|
546
|
-
class="slider"
|
|
547
|
-
type="range"
|
|
548
|
-
.value="${String(this.valueHigh)}"
|
|
549
|
-
min="${this.min}"
|
|
550
|
-
max="${this.max}"
|
|
551
|
-
step="${this.step}"
|
|
552
|
-
aria-label="${this.label} high value"
|
|
553
|
-
?disabled="${this.disabled}"
|
|
554
|
-
@change="${this._onChange}"
|
|
555
|
-
@input="${this._onHighInput}" />`}renderThumbs(){return u`<div
|
|
556
|
-
id="low-thumb"
|
|
557
|
-
class="thumb"
|
|
558
|
-
style="left: ${this._sliderLowThumbPosition()}">
|
|
559
|
-
<div class="value value-min">${this.valueLow}</div>
|
|
560
|
-
</div>
|
|
561
|
-
<div
|
|
562
|
-
id="high-thumb"
|
|
563
|
-
class="thumb"
|
|
564
|
-
style="left: ${this._sliderHighThumbPosition()}">
|
|
565
|
-
<div class="value value-max">${this.valueHigh}</div>
|
|
566
|
-
</div>`}renderStepsOutput(){return u`<div class="svg-wrapper">
|
|
567
|
-
<svg height="100%" width="100%">
|
|
568
|
-
<rect x="9" y="9" height="3" rx="2" />
|
|
569
|
-
${this.renderSteps()}
|
|
570
|
-
</svg>
|
|
571
|
-
</div>`}renderSteps(){const e=(this.max-this.min)/this.step,t=(this._trackWidth-X*2)/e,o=this._trackWidth/(this.max-this.min);if(t>=Ln){let r=0;const a=[];for(r;r<=e;r++)a.push(r*t);const s=this.disabled==!1?"filled":"filled-disabled";return g`
|
|
572
|
-
${a.map(c=>{const d=c+X;return d/o>this.valueLow-this.min&&d/o<this.valueHigh-this.min?g`<circle class="track-step ${s}" cx="${d}" cy="50%" r="4.5" />`:g`<circle class="track-step" cx="${d}" cy="50%" r="4.5" />`})}`}else return g``}renderStepValues(){if(this.hideStepValues)return $;const e=(this.max-this.min)/this.step;if((this._trackWidth-X*2)/e>=Ln&&e<=20){let t=0;const o=[];for(t;t<=e;t++)o.push(t*this.step+this.min);return u` ${o.map(r=>u`<span><span>${r}</span></span>`)}`}else return u``}},Gi=new WeakSet,An=function(i){this._value=i||`${this.valueLow},${this.valueHigh}`},n.UUIRangeSliderElement.styles=[po,b`
|
|
573
|
-
:host {
|
|
574
|
-
display: block;
|
|
575
|
-
min-height: 50px;
|
|
576
|
-
width: 100%;
|
|
577
|
-
place-items: center;
|
|
578
|
-
-webkit-user-select: none; /* Safari */
|
|
579
|
-
-moz-user-select: none; /* Firefox */
|
|
580
|
-
-ms-user-select: none; /* IE10+/Edge */
|
|
581
|
-
user-select: none;
|
|
582
|
-
cursor: pointer;
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
:host([disabled]) {
|
|
586
|
-
cursor: default;
|
|
338
|
+
:host([disabled]) {
|
|
339
|
+
cursor: default;
|
|
587
340
|
}
|
|
588
341
|
|
|
589
342
|
/** NATIVE INPUT STYLING */
|
|
@@ -655,11 +408,11 @@
|
|
|
655
408
|
#range-slider
|
|
656
409
|
#inner-track
|
|
657
410
|
.color:has(.color-target:active) {
|
|
658
|
-
background-color: var(--uui-color-focus
|
|
411
|
+
background-color: var(--uui-color-focus,#3879ff);
|
|
659
412
|
}
|
|
660
413
|
|
|
661
414
|
:host(:not([disabled])) #range-slider .color {
|
|
662
|
-
background-color: var(--uui-color-selected
|
|
415
|
+
background-color: var(--uui-color-selected,#3544b1);
|
|
663
416
|
}
|
|
664
417
|
|
|
665
418
|
:host([disabled]) #range-slider .color {
|
|
@@ -680,8 +433,8 @@
|
|
|
680
433
|
position: absolute;
|
|
681
434
|
height: 3px;
|
|
682
435
|
background-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
683
|
-
left: ${
|
|
684
|
-
right: ${
|
|
436
|
+
left: ${Z}px; /* Match TRACK_MARGIN */
|
|
437
|
+
right: ${Z}px; /* Match TRACK_MARGIN */
|
|
685
438
|
}
|
|
686
439
|
|
|
687
440
|
#range-slider:hover #inner-track,
|
|
@@ -696,7 +449,7 @@
|
|
|
696
449
|
}
|
|
697
450
|
|
|
698
451
|
:host .track-step.filled {
|
|
699
|
-
fill: var(--uui-color-selected
|
|
452
|
+
fill: var(--uui-color-selected,#3544b1) !important;
|
|
700
453
|
}
|
|
701
454
|
|
|
702
455
|
:host .track-step.filled-disabled {
|
|
@@ -709,8 +462,8 @@
|
|
|
709
462
|
}
|
|
710
463
|
|
|
711
464
|
#step-values {
|
|
712
|
-
margin: 0 ${
|
|
713
|
-
padding-top: ${
|
|
465
|
+
margin: 0 ${Z}px; /* Match TRACK_MARGIN */
|
|
466
|
+
padding-top: ${Z+3}px;
|
|
714
467
|
display: flex;
|
|
715
468
|
align-items: flex-end;
|
|
716
469
|
box-sizing: border-box;
|
|
@@ -719,14 +472,14 @@
|
|
|
719
472
|
#step-values > span {
|
|
720
473
|
flex-basis: 0;
|
|
721
474
|
flex-grow: 1;
|
|
722
|
-
color: var(--uui-color-disabled-contrast
|
|
475
|
+
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
723
476
|
}
|
|
724
477
|
|
|
725
478
|
#step-values > span > span {
|
|
726
479
|
transform: translateX(-50%);
|
|
727
480
|
display: inline-block;
|
|
728
481
|
text-align: center;
|
|
729
|
-
font-size: var(--uui-type-small-size,
|
|
482
|
+
font-size: var(--uui-type-small-size,12px);
|
|
730
483
|
}
|
|
731
484
|
|
|
732
485
|
#step-values > span:last-child {
|
|
@@ -735,13 +488,13 @@
|
|
|
735
488
|
}
|
|
736
489
|
|
|
737
490
|
.svg-wrapper {
|
|
738
|
-
margin: 0 ${-1*
|
|
491
|
+
margin: 0 ${-1*Z}px;
|
|
739
492
|
height: 18px;
|
|
740
493
|
transform: translateY(-75%);
|
|
741
494
|
}
|
|
742
495
|
|
|
743
496
|
.svg-wrapper svg {
|
|
744
|
-
margin-top: ${
|
|
497
|
+
margin-top: ${Z/2}px;
|
|
745
498
|
}
|
|
746
499
|
|
|
747
500
|
/** FOCUS */
|
|
@@ -764,12 +517,12 @@
|
|
|
764
517
|
#low-input:active ~ #inner-track #low.thumb,
|
|
765
518
|
#high-input:active ~ #inner-track #high-thumb {
|
|
766
519
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
767
|
-
var(--uui-color-focus
|
|
520
|
+
var(--uui-color-focus,#3879ff);
|
|
768
521
|
}
|
|
769
522
|
|
|
770
523
|
input[type='range']:focus + .thumb {
|
|
771
524
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
772
|
-
var(--uui-color-focus
|
|
525
|
+
var(--uui-color-focus,#3879ff);
|
|
773
526
|
}
|
|
774
527
|
|
|
775
528
|
:host(:not([disabled]))
|
|
@@ -793,7 +546,7 @@
|
|
|
793
546
|
.color:has(.color-target:active)
|
|
794
547
|
~ #high-thumb {
|
|
795
548
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
796
|
-
var(--uui-color-focus
|
|
549
|
+
var(--uui-color-focus,#3879ff);
|
|
797
550
|
}
|
|
798
551
|
|
|
799
552
|
/** THUMBS */
|
|
@@ -824,11 +577,11 @@
|
|
|
824
577
|
height: 9px;
|
|
825
578
|
width: 9px;
|
|
826
579
|
border-radius: 50%;
|
|
827
|
-
background-color: var(--uui-color-selected
|
|
580
|
+
background-color: var(--uui-color-selected,#3544b1);
|
|
828
581
|
}
|
|
829
582
|
|
|
830
583
|
:host([disabled]) .thumb {
|
|
831
|
-
background-color: var(--uui-color-disabled
|
|
584
|
+
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
832
585
|
border-color: var(--uui-palette-mine-grey,#3e3e3e);
|
|
833
586
|
}
|
|
834
587
|
:host([disabled]) .thumb:after {
|
|
@@ -846,7 +599,7 @@
|
|
|
846
599
|
text-align: center;
|
|
847
600
|
opacity: 1;
|
|
848
601
|
transition: 120ms opacity;
|
|
849
|
-
color: var(--uui-color-selected
|
|
602
|
+
color: var(--uui-color-selected,#3544b1);
|
|
850
603
|
visibility: hidden;
|
|
851
604
|
opacity: 0;
|
|
852
605
|
}
|
|
@@ -907,38 +660,285 @@
|
|
|
907
660
|
input[type='range']:disabled::-ms-thumb {
|
|
908
661
|
cursor: default;
|
|
909
662
|
}
|
|
910
|
-
`],n.UUIRangeSliderElement.formAssociated=!0,C([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),C([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",2),C([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",2),C([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",2),C([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",2),C([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),C([l({type:Number,attribute:"value-low"})],n.UUIRangeSliderElement.prototype,"valueLow",1),C([l({type:Number,attribute:"value-high"})],n.UUIRangeSliderElement.prototype,"valueHigh",1),C([m()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),C([m()],n.UUIRangeSliderElement.prototype,"_currentInputFocus",2),C([m()],n.UUIRangeSliderElement.prototype,"_currentThumbFocus",2),C([m()],n.UUIRangeSliderElement.prototype,"_grabbingBoth",2),C([m()],n.UUIRangeSliderElement.prototype,"_startPos",2),C([m()],n.UUIRangeSliderElement.prototype,"_startLow",2),C([m()],n.UUIRangeSliderElement.prototype,"_startHigh",2),C([I("#low-input")],n.UUIRangeSliderElement.prototype,"_inputLow",2),C([I("#high-input")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),C([I("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),C([I("#inner-track")],n.UUIRangeSliderElement.prototype,"_innerTrack",2),C([I("#low-thumb")],n.UUIRangeSliderElement.prototype,"_thumbLow",2),C([I("#high-thumb")],n.UUIRangeSliderElement.prototype,"_thumbHigh",2),C([I(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),C([I(".color-target")],n.UUIRangeSliderElement.prototype,"_bothThumbsTarget",2),n.UUIRangeSliderElement=C([h("uui-range-slider")],n.UUIRangeSliderElement);/**
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
*/const Kt=Be(class extends Re{constructor(i){var e;if(super(i),i.type!==K.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var t,o;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(a=>a!=="")));for(const a in e)e[a]&&!(!((t=this.nt)===null||t===void 0)&&t.has(a))&&this.it.add(a);return this.render(e)}const r=i.element.classList;this.it.forEach(a=>{a in e||(r.remove(a),this.it.delete(a))});for(const a in e){const s=!!e[a];s===this.it.has(a)||!((o=this.nt)===null||o===void 0)&&o.has(a)||(s?(r.add(a),this.it.add(a)):(r.remove(a),this.it.delete(a)))}return M}});var Qh={grad:.9,turn:360,rad:360/(2*Math.PI)},ce=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},z=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Nn=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Tn=function(i){return{r:F(i.r,0,255),g:F(i.g,0,255),b:F(i.b,0,255),a:F(i.a)}},qi=function(i){return{r:z(i.r),g:z(i.g),b:z(i.b),a:z(i.a,3)}},Jh=/^#([0-9a-f]{3,8})$/i,Wt=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},jn=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=Math.max(e,t,o),s=a-Math.min(e,t,o),c=s?a===e?(t-o)/s:a===t?2+(o-e)/s:4+(e-t)/s:0;return{h:60*(c<0?c+6:c),s:a?s/a*100:0,v:a/255*100,a:r}},Hn=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var a=Math.floor(e),s=o*(1-t),c=o*(1-(e-a)*t),d=o*(1-(1-e+a)*t),p=a%6;return{r:255*[o,c,s,s,d,o][p],g:255*[d,o,o,c,s,s][p],b:255*[s,s,d,o,o,c][p],a:r}},Dn=function(i){return{h:Nn(i.h),s:F(i.s,0,100),l:F(i.l,0,100),a:F(i.a)}},Mn=function(i){return{h:z(i.h),s:z(i.s),l:z(i.l),a:z(i.a,3)}},Bn=function(i){return Hn((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},mt=function(i){return{h:(e=jn(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},ep=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,tp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ip=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,rp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rn={string:[[function(i){var e=Jh.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?z(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?z(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=ip.exec(i)||rp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Tn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=ep.exec(i)||tp.exec(i);if(!e)return null;var t,o,r=Dn({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(Qh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Bn(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=r===void 0?1:r;return ce(e)&&ce(t)&&ce(o)?Tn({r:Number(e),g:Number(t),b:Number(o),a:Number(a)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,a=r===void 0?1:r;if(!ce(e)||!ce(t)||!ce(o))return null;var s=Dn({h:Number(e),s:Number(t),l:Number(o),a:Number(a)});return Bn(s)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,a=r===void 0?1:r;if(!ce(e)||!ce(t)||!ce(o))return null;var s=function(c){return{h:Nn(c.h),s:F(c.s,0,100),v:F(c.v,0,100),a:F(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(a)});return Hn(s)},"hsv"]]},Vn=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},op=function(i){return typeof i=="string"?Vn(i.trim(),Rn.string):typeof i=="object"&&i!==null?Vn(i,Rn.object):[null,void 0]},Ki=function(i,e){var t=mt(i);return{h:t.h,s:F(t.s+100*e,0,100),l:t.l,a:t.a}},Wi=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},Fn=function(i,e){var t=mt(i);return{h:t.h,s:t.s,l:F(t.l+100*e,0,100),a:t.a}},Gn=function(){function i(e){this.parsed=op(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return z(Wi(this.rgba),2)},i.prototype.isDark=function(){return Wi(this.rgba)<.5},i.prototype.isLight=function(){return Wi(this.rgba)>=.5},i.prototype.toHex=function(){return e=qi(this.rgba),t=e.r,o=e.g,r=e.b,s=(a=e.a)<1?Wt(z(255*a)):"","#"+Wt(t)+Wt(o)+Wt(r)+s;var e,t,o,r,a,s},i.prototype.toRgb=function(){return qi(this.rgba)},i.prototype.toRgbString=function(){return e=qi(this.rgba),t=e.r,o=e.g,r=e.b,(a=e.a)<1?"rgba("+t+", "+o+", "+r+", "+a+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,a},i.prototype.toHsl=function(){return Mn(mt(this.rgba))},i.prototype.toHslString=function(){return e=Mn(mt(this.rgba)),t=e.h,o=e.s,r=e.l,(a=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+a+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,a},i.prototype.toHsv=function(){return e=jn(this.rgba),{h:z(e.h),s:z(e.s),v:z(e.v),a:z(e.a,3)};var e},i.prototype.invert=function(){return Z({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),Z(Ki(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),Z(Ki(this.rgba,-e))},i.prototype.grayscale=function(){return Z(Ki(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),Z(Fn(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),Z(Fn(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?Z({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):z(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=mt(this.rgba);return typeof e=="number"?Z({h:e,s:t.s,l:t.l,a:t.a}):z(t.h)},i.prototype.isEqual=function(e){return this.toHex()===Z(e).toHex()},i}(),Z=function(i){return i instanceof Gn?i:new Gn(i)},np=Object.defineProperty,qn=Object.getOwnPropertySymbols,ap=Object.prototype.hasOwnProperty,sp=Object.prototype.propertyIsEnumerable,Kn=(i,e,t)=>e in i?np(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Wn=(i,e)=>{for(var t in e||(e={}))ap.call(e,t)&&Kn(i,t,e[t]);if(qn)for(var t of qn(e))sp.call(e,t)&&Kn(i,t,e[t]);return i};let Yt=class extends x{constructor(e,t={}){super(e,Wn(Wn({},{bubbles:!0}),t))}};Yt.CHANGE="change";var lp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,de=(i,e,t,o)=>{for(var r=o>1?void 0:o?up(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&lp(e,t,r),r};n.UUIColorAreaElement=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const o=Z(e);if(o){const{h:r,s:a,l:s}=o.toHsl();this.hue=r,this.saturation=a,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(o){console.error("Something went wrong parsing the color string.",o)}}handleGridDrag(e){if(this.disabled)return;const t=this.shadowRoot.querySelector(".color-area"),o=t.querySelector(".color-area__handle"),{width:r,height:a}=t.getBoundingClientRect();o.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,fo(t,{onMove:(s,c)=>{this.saturation=P(s/r*100,0,100),this.brightness=P(100-c/a*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=P(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=P(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=P(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=P(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return P(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return P((200-this.saturation)*e/100*5/10,0,100)}getValueFromMousePosition(e){return this.getValueFromCoordinates(e.clientX-e.offsetX,e.clientY-e.offsetY)}getValueFromTouchPosition(e){return this.getValueFromCoordinates(e.touches[0].clientX,e.touches[0].clientY)}getValueFromCoordinates(e,t){const o=this.shadowRoot.querySelector(".color-area"),{width:r,height:a}=o.getBoundingClientRect();this.saturation=P(e/r*100,0,100),this.lightness=P(100-t/a*100,0,100),this.syncValues()}syncValues(){const e=Z({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha});this.value=e.toRgbString(),this.dispatchEvent(new Yt(Yt.CHANGE))}render(){const e=this.saturation,t=100-this.brightness;return u`<div part="grid" class="color-area" style="${te({backgroundColor:`hsl(${this.hue}deg, 100%, 50%)`})}" @mousedown="${this.handleGridDrag}" @touchstart="${this.handleGridDrag}"><span part="grid-handle" class="${Kt({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}" style="${te({top:`${t}%`,left:`${e}%`,backgroundColor:`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%)`})}" role="application" tabindex="${S(this.disabled?void 0:"0")}" aria-label="HSB" @keydown="${this.handleGridKeyDown}"></span></div>`}},n.UUIColorAreaElement.styles=[b`:host{display:inline-block;width:280px;height:200px}:host([disabled]){pointer-events:none;cursor:not-allowed;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}`],de([m()],n.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),de([l({type:Number})],n.UUIColorAreaElement.prototype,"hue",2),de([l({type:Number})],n.UUIColorAreaElement.prototype,"saturation",2),de([l({type:Number})],n.UUIColorAreaElement.prototype,"lightness",2),de([l({type:Number})],n.UUIColorAreaElement.prototype,"brightness",2),de([l({type:Number})],n.UUIColorAreaElement.prototype,"alpha",2),de([l({type:String})],n.UUIColorAreaElement.prototype,"value",1),de([l({type:Boolean,reflect:!0})],n.UUIColorAreaElement.prototype,"disabled",2),n.UUIColorAreaElement=de([h("uui-color-area")],n.UUIColorAreaElement);/**
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
*/const cp=Be(class extends Re{constructor(i){if(super(i),i.type!==K.PROPERTY&&i.type!==K.ATTRIBUTE&&i.type!==K.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Lo(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===M||e===$)return e;const t=i.element,o=i.name;if(i.type===K.PROPERTY){if(e===t[o])return M}else if(i.type===K.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(o))return M}else if(i.type===K.ATTRIBUTE&&t.getAttribute(o)===e+"")return M;return To(i),e}});var dp={grad:.9,turn:360,rad:360/(2*Math.PI)},he=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},A=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},G=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Yn=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Xn=function(i){return{r:G(i.r,0,255),g:G(i.g,0,255),b:G(i.b,0,255),a:G(i.a)}},Yi=function(i){return{r:A(i.r),g:A(i.g),b:A(i.b),a:A(i.a,3)}},hp=/^#([0-9a-f]{3,8})$/i,Xt=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Zn=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=Math.max(e,t,o),s=a-Math.min(e,t,o),c=s?a===e?(t-o)/s:a===t?2+(o-e)/s:4+(e-t)/s:0;return{h:60*(c<0?c+6:c),s:a?s/a*100:0,v:a/255*100,a:r}},Qn=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var a=Math.floor(e),s=o*(1-t),c=o*(1-(e-a)*t),d=o*(1-(1-e+a)*t),p=a%6;return{r:255*[o,c,s,s,d,o][p],g:255*[d,o,o,c,s,s][p],b:255*[s,s,d,o,o,c][p],a:r}},Jn=function(i){return{h:Yn(i.h),s:G(i.s,0,100),l:G(i.l,0,100),a:G(i.a)}},ea=function(i){return{h:A(i.h),s:A(i.s),l:A(i.l),a:A(i.a,3)}},ta=function(i){return Qn((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},gt=function(i){return{h:(e=Zn(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},pp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,bp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,vp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,mp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xi={string:[[function(i){var e=hp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?A(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?A(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=vp.exec(i)||mp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Xn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=pp.exec(i)||bp.exec(i);if(!e)return null;var t,o,r=Jn({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(dp[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ta(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=r===void 0?1:r;return he(e)&&he(t)&&he(o)?Xn({r:Number(e),g:Number(t),b:Number(o),a:Number(a)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,a=r===void 0?1:r;if(!he(e)||!he(t)||!he(o))return null;var s=Jn({h:Number(e),s:Number(t),l:Number(o),a:Number(a)});return ta(s)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,a=r===void 0?1:r;if(!he(e)||!he(t)||!he(o))return null;var s=function(c){return{h:Yn(c.h),s:G(c.s,0,100),v:G(c.v,0,100),a:G(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(a)});return Qn(s)},"hsv"]]},ia=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},gp=function(i){return typeof i=="string"?ia(i.trim(),Xi.string):typeof i=="object"&&i!==null?ia(i,Xi.object):[null,void 0]},Zi=function(i,e){var t=gt(i);return{h:t.h,s:G(t.s+100*e,0,100),l:t.l,a:t.a}},Qi=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},ra=function(i,e){var t=gt(i);return{h:t.h,s:t.s,l:G(t.l+100*e,0,100),a:t.a}},Zt=function(){function i(e){this.parsed=gp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return A(Qi(this.rgba),2)},i.prototype.isDark=function(){return Qi(this.rgba)<.5},i.prototype.isLight=function(){return Qi(this.rgba)>=.5},i.prototype.toHex=function(){return e=Yi(this.rgba),t=e.r,o=e.g,r=e.b,s=(a=e.a)<1?Xt(A(255*a)):"","#"+Xt(t)+Xt(o)+Xt(r)+s;var e,t,o,r,a,s},i.prototype.toRgb=function(){return Yi(this.rgba)},i.prototype.toRgbString=function(){return e=Yi(this.rgba),t=e.r,o=e.g,r=e.b,(a=e.a)<1?"rgba("+t+", "+o+", "+r+", "+a+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,a},i.prototype.toHsl=function(){return ea(gt(this.rgba))},i.prototype.toHslString=function(){return e=ea(gt(this.rgba)),t=e.h,o=e.s,r=e.l,(a=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+a+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,a},i.prototype.toHsv=function(){return e=Zn(this.rgba),{h:A(e.h),s:A(e.s),v:A(e.v),a:A(e.a,3)};var e},i.prototype.invert=function(){return ne({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),ne(Zi(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),ne(Zi(this.rgba,-e))},i.prototype.grayscale=function(){return ne(Zi(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),ne(ra(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),ne(ra(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?ne({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):A(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=gt(this.rgba);return typeof e=="number"?ne({h:e,s:t.s,l:t.l,a:t.a}):A(t.h)},i.prototype.isEqual=function(e){return this.toHex()===ne(e).toHex()},i}(),ne=function(i){return i instanceof Zt?i:new Zt(i)},oa=[],fp=function(i){i.forEach(function(e){oa.indexOf(e)<0&&(e(Zt,Xi),oa.push(e))})};function yp(i,e){var t={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in t)o[t[r]]=r;var a={};i.prototype.toName=function(s){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var c,d,p=o[this.toHex()];if(p)return p;if(s!=null&&s.closest){var U=this.toRgb(),_=1/0,f="black";if(!a.length)for(var w in t)a[w]=new i(t[w]).toRgb();for(var E in t){var k=(c=U,d=a[E],Math.pow(c.r-d.r,2)+Math.pow(c.g-d.g,2)+Math.pow(c.b-d.b,2));k<_&&(_=k,f=E)}return f}},e.string.push([function(s){var c=s.toLowerCase(),d=c==="transparent"?"#0000":t[c];return d?new i(d).toRgb():null},"name"])}var _p=Object.defineProperty,na=Object.getOwnPropertySymbols,wp=Object.prototype.hasOwnProperty,Up=Object.prototype.propertyIsEnumerable,aa=(i,e,t)=>e in i?_p(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,sa=(i,e)=>{for(var t in e||(e={}))wp.call(e,t)&&aa(i,t,e[t]);if(na)for(var t of na(e))Up.call(e,t)&&aa(i,t,e[t]);return i};let Qt=class extends x{constructor(e,t={}){super(e,sa(sa({},{bubbles:!0}),t))}};Qt.CHANGE="change";var Ep=Object.defineProperty,$p=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?$p(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ep(e,t,r),r};fp([yp]);const la="EyeDropper"in window;n.UUIColorPickerElement=class extends Q("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=ne("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"),y(this,"uui-icon"),y(this,"uui-icon-registry-essential"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-button-group"),y(this,"uui-popover"),y(this,"uui-color-swatches"),y(this,"uui-color-swatch"),y(this,"uui-color-area"),y(this,"uui-color-slider")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,{h:o,l:r,s:a}=this._colord.toHsl(),{r:s,g:c,b:d}=this._colord.toRgb(),p=this.setLetterCase(this._colord.toHex()),U=this.setLetterCase(p.length>7?p.substring(0,p.length-2):p);switch(t){case"hex":return U;case"hexa":return p;case"rgb":return`rgb(${s} ${c} ${d})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${o} ${a} ${r})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(e){return P(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return P((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(o.value)/100};this.setColor(r)}handleHueChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(e){var t;e.stopPropagation(),(t=this._swatches)==null||t.resetSelection();const o=e.target,r={h:this.hue,s:o.saturation,l:o.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){var t;(t=this._swatches)==null||t.resetSelection();const o=e.target;o.value?(this.setColor(o.value),o.value=this.value):this.setColor("#000"),e.stopPropagation()}handleInputKeyDown(e){var t;e.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(t=this._swatches)==null||t.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;t.value?this.setColor(t.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(e){e.stopImmediatePropagation();const t=e.target,o=t.nextElementSibling;o.open=!(o!=null&&o.open),t.setAttribute("aria-expanded",o.open.toString())}closeColorPicker(e){const t=e.target.previousElementSibling;t&&t.setAttribute("aria-expanded","false")}handleEyeDropper(){la&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){this._colord=new Zt(e);const{h:t,l:o,s:r,a}=this._colord.toHsl();return this.hue=t,this.saturation=r,this.lightness=o,this.alpha=this.opacity?a*100:100,this._syncValues(),this.dispatchEvent(new Qt(Qt.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return u`<div class="${Kt({"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}" @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)}" @change="${this.handleHueChange}"></uui-color-slider>${this.opacity?u`<uui-color-slider label="alpha" class="opacity-slider" .value="${Math.round(this.alpha)}" type="opacity" .color="${this.value}" @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="${te({"--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="${cp(this.inputValue)}" ?disabled="${this.disabled}" @keydown="${this.handleInputKeyDown}" @change="${this.handleInputChange}"></uui-input><uui-button-group>${this.noFormatToggle?"":u`<uui-button label="Toggle color format" @click="${this.handleFormatToggle}" class="color-picker__toggle-format" compact="compact"><span>${this.format}</span></uui-button>`} ${la?u`<uui-button label="Select a color" compact="compact" @click="${this.handleEyeDropper}"><uui-icon-registry-essential><uui-icon name="colorpicker"></uui-icon></uui-icon-registry-essential></uui-button>`:""}</uui-button-group></div>${this._renderSwatches()}</div>`}_renderSwatches(){return this.swatches?u`<uui-color-swatches id="swatches" class="color-picker__swatches" @change="${this.handleColorSwatchChange}">${this.swatches.map(e=>u`<uui-color-swatch label="${e}" .value="${e}"></uui-color-swatch>`)}</uui-color-swatches>`:$}_renderPreviewButton(){return u`<button type="button" slot="trigger" aria-label="${this.label||"Open Color picker"}" class="${Kt({"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="${te({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}" @click="${this.openColorPicker}" aria-haspopup="true" aria-expanded="false"></button><uui-popover placement="bottom-start" @close="${this.closeColorPicker}"><div slot="popover">${this._renderColorPicker()}</div></uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},n.UUIColorPickerElement.styles=[b`:host{--uui-look-outline-border:#ddd;--uui-look-outline-border-hover:#aaa;font-size:.8rem;display:block;width:var(--uui-color-picker-width,280px)}.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{cursor:pointer}.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-popover{display:block;width:100%;margin:5px 0}uui-input{font-size:.85rem;box-sizing:content-box;flex:1}uui-color-area{width:100%}`],O([I('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),O([I(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),O([I("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),O([m()],n.UUIColorPickerElement.prototype,"inputValue",2),O([m()],n.UUIColorPickerElement.prototype,"hue",2),O([m()],n.UUIColorPickerElement.prototype,"saturation",2),O([m()],n.UUIColorPickerElement.prototype,"lightness",2),O([m()],n.UUIColorPickerElement.prototype,"alpha",2),O([m()],n.UUIColorPickerElement.prototype,"_colord",2),O([l()],n.UUIColorPickerElement.prototype,"value",2),O([l()],n.UUIColorPickerElement.prototype,"format",2),O([l()],n.UUIColorPickerElement.prototype,"name",2),O([l()],n.UUIColorPickerElement.prototype,"size",2),O([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),O([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),O([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),O([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),O([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),O([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=O([h("uui-color-picker")],n.UUIColorPickerElement);var kp=Object.defineProperty,ua=Object.getOwnPropertySymbols,Ip=Object.prototype.hasOwnProperty,xp=Object.prototype.propertyIsEnumerable,ca=(i,e,t)=>e in i?kp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,da=(i,e)=>{for(var t in e||(e={}))Ip.call(e,t)&&ca(i,t,e[t]);if(ua)for(var t of ua(e))xp.call(e,t)&&ca(i,t,e[t]);return i};let Jt=class extends x{constructor(e,t={}){super(e,da(da({},{bubbles:!0}),t))}};Jt.CHANGE="change";var Cp=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,pe=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Cp(e,t,r),r};n.UUIColorSliderElement=class extends Q("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(e){e.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||!this.container||!this.handle)return;const{width:t,height:o}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),fo(this.container,{onMove:(r,a)=>{this.vertical?this.value=yo(P(a/o*this.max,this.min,this.max),this.min,this.max):this.value=P(r/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=P(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=P(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=P(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=P(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:o}=this.container.getBoundingClientRect();return P(this.roundToPrecision((e-t)/o*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:o}=this.container.getBoundingClientRect();return P(this.roundToPrecision((e-t)/o*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new Jt(Jt.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/yo(this.value,this.min,this.max):this.max/this.value)}render(){return u`<div part="slider" id="color-slider" role="slider" aria-label="${this.label}" aria-orientation="${this.vertical?"vertical":"horizontal"}" aria-valuemin="${Math.round(this.min)}" aria-valuemax="${Math.round(this.max)}" aria-valuenow="${Math.round(this.value)}" @click="${this.handleClick}" @mousedown="${this.handleDrag}" @touchstart="${this.handleDrag}" @keydown="${this.handleKeyDown}">${this.type==="opacity"?u`<div id="current-hue" style="${te({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
),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]) #color-slider{user-select:none;cursor:not-allowed}#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}`],pe([l({reflect:!0})],n.UUIColorSliderElement.prototype,"type",2),pe([l()],n.UUIColorSliderElement.prototype,"color",2),pe([l({type:Number})],n.UUIColorSliderElement.prototype,"min",2),pe([l({type:Number})],n.UUIColorSliderElement.prototype,"max",2),pe([l({type:Number})],n.UUIColorSliderElement.prototype,"precision",2),pe([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"vertical",2),pe([l()],n.UUIColorSliderElement.prototype,"value",2),pe([l({type:Boolean,reflect:!0})],n.UUIColorSliderElement.prototype,"disabled",2),n.UUIColorSliderElement=pe([h("uui-color-slider")],n.UUIColorSliderElement);var Op=Object.defineProperty,ha=Object.getOwnPropertySymbols,Sp=Object.prototype.hasOwnProperty,zp=Object.prototype.propertyIsEnumerable,pa=(i,e,t)=>e in i?Op(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ba=(i,e)=>{for(var t in e||(e={}))Sp.call(e,t)&&pa(i,t,e[t]);if(ha)for(var t of ha(e))zp.call(e,t)&&pa(i,t,e[t]);return i};class Qe extends x{constructor(e,t={}){super(e,ba(ba({},{bubbles:!0}),t))}}Qe.CHANGE="change";var Ap=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,Ji=(i,e,t,o)=>{for(var r=o>1?void 0:o?Lp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Ap(e,t,r),r};n.UUIColorSwatchesElement=class extends Q("label",v){constructor(){super(),this.value="",this._onSelected=e=>{const t=e.target;this.swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Qe(Qe.CHANGE)))},this._onUnselected=e=>{const t=e.target;this.swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Qe(Qe.CHANGE))))},this.addEventListener(ge.SELECTED,this._onSelected),this.addEventListener(ge.UNSELECTED,this._onUnselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(e=>{var t;e.setAttribute("selectable","selectable"),e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.value!==""&&(t=e.color)!=null&&t.isEqual(this.value)&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!0}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return u`<slot @slotchange="${this._handleSlotChange}"></slot>`}},n.UUIColorSwatchesElement.styles=[b`:host{display:flex;flex-wrap:wrap;gap:.4rem}`],Ji([l()],n.UUIColorSwatchesElement.prototype,"value",2),Ji([me({selector:"uui-color-swatch"})],n.UUIColorSwatchesElement.prototype,"swatches",2),n.UUIColorSwatchesElement=Ji([h("uui-color-swatches")],n.UUIColorSwatchesElement);var Np={grad:.9,turn:360,rad:360/(2*Math.PI)},be=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},L=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},q=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},va=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},ma=function(i){return{r:q(i.r,0,255),g:q(i.g,0,255),b:q(i.b,0,255),a:q(i.a)}},er=function(i){return{r:L(i.r),g:L(i.g),b:L(i.b),a:L(i.a,3)}},Tp=/^#([0-9a-f]{3,8})$/i,ei=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ga=function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=Math.max(e,t,o),s=a-Math.min(e,t,o),c=s?a===e?(t-o)/s:a===t?2+(o-e)/s:4+(e-t)/s:0;return{h:60*(c<0?c+6:c),s:a?s/a*100:0,v:a/255*100,a:r}},fa=function(i){var e=i.h,t=i.s,o=i.v,r=i.a;e=e/360*6,t/=100,o/=100;var a=Math.floor(e),s=o*(1-t),c=o*(1-(e-a)*t),d=o*(1-(1-e+a)*t),p=a%6;return{r:255*[o,c,s,s,d,o][p],g:255*[d,o,o,c,s,s][p],b:255*[s,s,d,o,o,c][p],a:r}},ya=function(i){return{h:va(i.h),s:q(i.s,0,100),l:q(i.l,0,100),a:q(i.a)}},_a=function(i){return{h:L(i.h),s:L(i.s),l:L(i.l),a:L(i.a,3)}},wa=function(i){return fa((t=(e=i).s,{h:e.h,s:(t*=((o=e.l)<50?o:100-o)/100)>0?2*t/(o+t)*100:0,v:o+t,a:e.a}));var e,t,o},ft=function(i){return{h:(e=ga(i)).h,s:(r=(200-(t=e.s))*(o=e.v)/100)>0&&r<200?t*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,t,o,r},jp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Dp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Mp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ua={string:[[function(i){var e=Tp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?L(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?L(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Dp.exec(i)||Mp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:ma({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(i){var e=jp.exec(i)||Hp.exec(i);if(!e)return null;var t,o,r=ya({h:(t=e[1],o=e[2],o===void 0&&(o="deg"),Number(t)*(Np[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return wa(r)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,o=i.b,r=i.a,a=r===void 0?1:r;return be(e)&&be(t)&&be(o)?ma({r:Number(e),g:Number(t),b:Number(o),a:Number(a)}):null},"rgb"],[function(i){var e=i.h,t=i.s,o=i.l,r=i.a,a=r===void 0?1:r;if(!be(e)||!be(t)||!be(o))return null;var s=ya({h:Number(e),s:Number(t),l:Number(o),a:Number(a)});return wa(s)},"hsl"],[function(i){var e=i.h,t=i.s,o=i.v,r=i.a,a=r===void 0?1:r;if(!be(e)||!be(t)||!be(o))return null;var s=function(c){return{h:va(c.h),s:q(c.s,0,100),v:q(c.v,0,100),a:q(c.a)}}({h:Number(e),s:Number(t),v:Number(o),a:Number(a)});return fa(s)},"hsv"]]},Ea=function(i,e){for(var t=0;t<e.length;t++){var o=e[t][0](i);if(o)return[o,e[t][1]]}return[null,void 0]},Bp=function(i){return typeof i=="string"?Ea(i.trim(),Ua.string):typeof i=="object"&&i!==null?Ea(i,Ua.object):[null,void 0]},tr=function(i,e){var t=ft(i);return{h:t.h,s:q(t.s+100*e,0,100),l:t.l,a:t.a}},ir=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},$a=function(i,e){var t=ft(i);return{h:t.h,s:t.s,l:q(t.l+100*e,0,100),a:t.a}},rr=function(){function i(e){this.parsed=Bp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return L(ir(this.rgba),2)},i.prototype.isDark=function(){return ir(this.rgba)<.5},i.prototype.isLight=function(){return ir(this.rgba)>=.5},i.prototype.toHex=function(){return e=er(this.rgba),t=e.r,o=e.g,r=e.b,s=(a=e.a)<1?ei(L(255*a)):"","#"+ei(t)+ei(o)+ei(r)+s;var e,t,o,r,a,s},i.prototype.toRgb=function(){return er(this.rgba)},i.prototype.toRgbString=function(){return e=er(this.rgba),t=e.r,o=e.g,r=e.b,(a=e.a)<1?"rgba("+t+", "+o+", "+r+", "+a+")":"rgb("+t+", "+o+", "+r+")";var e,t,o,r,a},i.prototype.toHsl=function(){return _a(ft(this.rgba))},i.prototype.toHslString=function(){return e=_a(ft(this.rgba)),t=e.h,o=e.s,r=e.l,(a=e.a)<1?"hsla("+t+", "+o+"%, "+r+"%, "+a+")":"hsl("+t+", "+o+"%, "+r+"%)";var e,t,o,r,a},i.prototype.toHsv=function(){return e=ga(this.rgba),{h:L(e.h),s:L(e.s),v:L(e.v),a:L(e.a,3)};var e},i.prototype.invert=function(){return ve({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),ve(tr(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),ve(tr(this.rgba,-e))},i.prototype.grayscale=function(){return ve(tr(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),ve($a(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),ve($a(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?ve({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):L(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=ft(this.rgba);return typeof e=="number"?ve({h:e,s:t.s,l:t.l,a:t.a}):L(t.h)},i.prototype.isEqual=function(e){return this.toHex()===ve(e).toHex()},i}(),ve=function(i){return i instanceof rr?i:new rr(i)},Rp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,ti=(i,e,t,o)=>{for(var r=o>1?void 0:o?Vp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Rp(e,t,r),r};n.UUIColorSwatchElement=class extends Q("label",He(ut(v))){constructor(){super(),this._value="",this.disabled=!1,this.showLabel=!1,this._color=null,this.addEventListener("click",this._setAriaAttributes)}get value(){var e;return this._value?this._value:((e=this.textContent)==null?void 0:e.trim())||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){}get isLight(){var e,t;return(t=(e=this.color)==null?void 0:e.isLight())!=null?t:!1}_initializeColor(){var e;this._color=new rr((e=this.value)!=null?e:""),this._color.isValid()||(this.disabled=!0,console.error(`Invalid color provided to uui-color-swatch: ${this.value}`))}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._initializeColor(),this._setAriaAttributes()}willUpdate(e){e.has("value")&&this._initializeColor(),e.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.unselectable=!this.disabled),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}render(){return u`<button id="swatch" aria-label="${this.label}" aria-disabled="${this.disabled}" title="${this.label}"><div class="${Kt({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}"><div class="color-swatch__color" style="${te({backgroundColor:this.value})}"></div><div class="color-swatch__check">${Tt}</div></div>${this._renderWithLabel()}</button>`}_renderWithLabel(){return this.showLabel?u`<div class="color-swatch__label"><strong>${this.renderLabel()}</strong> ${this.value}</div>`:$}},n.UUIColorSwatchElement.styles=[b`: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,var(--uui-palette-malibu));outline-offset:4px}:host(:focus-within:not([disabled])){outline:0}:host(:focus:not([disabled])) #swatch{outline-color:var(--uui-color-focus,var(--uui-palette-malibu));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}#swatch{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,1px) solid var(--uui-color-selected,var(--uui-palette-violet-blue));border-radius:calc(var(--uui-border-radius,var(--uui-size-1)) + 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}.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}.color-swatch--big .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;transition:fill 120ms,opacity 120ms;fill:#fff;pointer-events:none;opacity:0}.color-swatch--light .color-swatch__check{fill:#000}:host([selected]) .color-swatch__check{opacity:1}.label,slot[name=label]::slotted(*){font-size:var(--uui-size-4,12px)}.color-swatch--big{width:120px;height:50px}.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}`],ti([l({type:String})],n.UUIColorSwatchElement.prototype,"value",1),ti([l({type:Boolean,reflect:!0})],n.UUIColorSwatchElement.prototype,"disabled",2),ti([l({type:Boolean,attribute:"show-label"})],n.UUIColorSwatchElement.prototype,"showLabel",2),n.UUIColorSwatchElement=ti([h("uui-color-swatch")],n.UUIColorSwatchElement);var Fp=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,Je=(i,e,t,o)=>{for(var r=o>1?void 0:o?Gp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Fp(e,t,r),r};class V extends v{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("open",{bubbles:!0,cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent("close",{bubbles:!0,cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){var e,t;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(t=this._dialogElement)==null||t.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.remove()}}V.styles=[b`dialog{display:block;margin:0;padding:0;max-width:unset;max-height:unset;border:none}dialog::backdrop{background:0 0;opacity:0}dialog::after{content:'';position:absolute;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));pointer-events:none;opacity:1;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog::after{opacity:0}`],Je([I("dialog")],V.prototype,"_dialogElement",2),Je([l({type:Boolean,reflect:!0,attribute:"is-open"})],V.prototype,"isOpen",2),Je([l({type:Boolean,reflect:!0,attribute:"is-closing"})],V.prototype,"isClosing",2),Je([l({type:Number,reflect:!0})],V.prototype,"index",2),Je([l({type:Number,reflect:!0,attribute:"unique-index"})],V.prototype,"uniqueIndex",2),Je([l()],V.prototype,"transitionDuration",1);var qp=Object.defineProperty,Kp=Object.getOwnPropertyDescriptor,ka=(i,e,t,o)=>{for(var r=o>1?void 0:o?Kp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&qp(e,t,r),r},Ia=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},xa=(i,e,t)=>(Ia(i,e,"read from private field"),t?t.call(i):e.get(i)),Ca=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},Wp=(i,e,t)=>(Ia(i,e,"access private method"),t),ii,or,nr,Pa;n.UUIModalSidebarElement=class extends V{constructor(){super(),Ca(this,ii),Ca(this,nr),this.size="full",this.addEventListener("close",Wp(this,nr,Pa).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-xa(this,ii,or)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return u`<dialog><slot></slot></dialog>`}},ii=new WeakSet,or=function(){var i,e;return(e=(i=this._dialogElement)==null?void 0:i.getBoundingClientRect().width)!=null?e:0},nr=new WeakSet,Pa=function(i){i.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-xa(this,ii,or)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},n.UUIModalSidebarElement.styles=[...V.styles,b`:host{--uui-modal-sidebar-left-gap:24px}@media (min-width:600px){:host{--uui-modal-sidebar-left-gap:64px}}dialog{height:100%;width:100%;box-sizing:border-box;max-width:calc(100% - var(--uui-modal-sidebar-left-gap));margin-left:auto;right:var(--uui-modal-offset);transition:right var(--uui-modal-transition-duration,250ms)}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}:host([hide]) dialog{display:none}:host([size=large]) dialog{max-width:min(1200px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=medium]) dialog{max-width:min(800px,calc(100% - var(--uui-modal-sidebar-left-gap)))}:host([size=small]) dialog{max-width:min(400px,calc(100% - var(--uui-modal-sidebar-left-gap)))}`],ka([l({reflect:!0})],n.UUIModalSidebarElement.prototype,"size",2),n.UUIModalSidebarElement=ka([wi("uui-modal-sidebar")],n.UUIModalSidebarElement);var Yp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,et=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Yp(e,t,r),r},Oa=(i,e,t)=>{if(!e.has(i))throw TypeError("Cannot "+t)},Sa=(i,e,t)=>(Oa(i,e,"read from private field"),t?t.call(i):e.get(i)),ri=(i,e,t)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,t)},oi=(i,e,t)=>(Oa(i,e,"access private method"),t),ar,sr,ni,lr,ai,ur;n.UUIModalContainerElement=class extends v{constructor(){super(),ri(this,ni),ri(this,ai),this.sidebarGap=64,this.transitionDurationMS=250,ri(this,ar,()=>{var e,t;if(this._modals=(t=(e=this.modalSlot)==null?void 0:e.assignedElements({flatten:!0}).filter(o=>o instanceof V))!=null?t:[],this._sidebars=this._modals.filter(o=>o instanceof n.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}oi(this,ni,lr).call(this),oi(this,ai,ur).call(this)}),ri(this,sr,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}oi(this,ni,lr).call(this),oi(this,ai,ur).call(this)}),this.addEventListener("close",Sa(this,sr)),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return u`<slot @slotchange="${Sa(this,ar)}"></slot>`}},ar=new WeakMap,sr=new WeakMap,ni=new WeakSet,lr=function(){var i,e;this.setAttribute("backdrop","");const t=(e=(i=this._modals)==null?void 0:i.filter(o=>!o.isClosing).reverse())!=null?e:[];t?.forEach((o,r)=>{o.index=r,o.transitionDuration=this.transitionDurationMS}),t?.forEach(o=>{var r;const a=t?.filter(s=>s.constructor.name===o.constructor.name);o.uniqueIndex=(r=a?.indexOf(o))!=null?r:0})},ai=new WeakSet,ur=function(){requestAnimationFrame(()=>{var i,e,t,o,r,a,s,c;let d=0;const p=(e=(i=this._sidebars)==null?void 0:i.filter(U=>!U.isClosing).reverse())!=null?e:[];for(let U=0;U<p.length;U++){const _=p[U],f=p[U+1];if(_.style.setProperty("--uui-modal-offset",d+"px"),f!=null&&f.hasAttribute("hide"))break;const w=(r=(o=(t=_.shadowRoot)==null?void 0:t.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?r:0,E=(c=(s=(a=f?.shadowRoot)==null?void 0:a.querySelector("dialog"))==null?void 0:s.getBoundingClientRect().width)!=null?c:0,k=w+d+this.sidebarGap-E;d=k>0?k:0}})},n.UUIModalContainerElement.styles=b`:host{position:fixed;--uui-modal-color-backdrop:rgba(0, 0, 0, 0.5)}:host::after{content:'';position:fixed;inset:0;background-color:var(--uui-modal-color-backdrop,rgba(0,0,0,.5));opacity:0;pointer-events:none;transition:opacity var(--uui-modal-transition-duration,250ms)}:host([backdrop])::after{opacity:1}`,et([I("slot")],n.UUIModalContainerElement.prototype,"modalSlot",2),et([m()],n.UUIModalContainerElement.prototype,"_modals",2),et([m()],n.UUIModalContainerElement.prototype,"_sidebars",2),et([l({type:Number})],n.UUIModalContainerElement.prototype,"sidebarGap",2),et([l({type:Number})],n.UUIModalContainerElement.prototype,"transitionDurationMS",2),n.UUIModalContainerElement=et([wi("uui-modal-container")],n.UUIModalContainerElement);var Zp=Object.defineProperty,Qp=Object.getOwnPropertyDescriptor,Jp=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qp(e,t):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(o?s(e,t,r):s(r))||r);return o&&r&&Zp(e,t,r),r};n.UUIModalDialogElement=class extends V{render(){return u`<dialog><slot></slot></dialog>`}},n.UUIModalDialogElement.styles=[...V.styles,b`dialog{margin:auto;max-width:100%;max-height:100%;border-radius:12px}:host([index='0']) dialog{box-shadow:var(--uui-shadow-depth-5,0 19px 38px rgba(0,0,0,.3) ,0 15px 12px rgba(0,0,0,.22))}:host(:not([index='0'])) dialog{outline:1px solid rgba(0,0,0,.1)}`],n.UUIModalDialogElement=Jp([wi("uui-modal-dialog")],n.UUIModalDialogElement),n.UUIBooleanInputElement=ee,n.UUIBooleanInputEvent=Ct,n.UUIButtonInlineCreateEvent=Lt,n.UUICardEvent=Ve,n.UUIColorAreaEvent=Yt,n.UUIColorPickerChangeEvent=Qt,n.UUIColorSliderEvent=Jt,n.UUIColorSwatchesEvent=Qe,n.UUIComboboxEvent=B,n.UUIComboboxListEvent=W,n.UUIFileDropzoneEvent=Ge,n.UUIIconHost=Si,n.UUIIconRegistry=zi,n.UUIIconRegistryEssential=Fo,n.UUIIconRequestEvent=qe,n.UUIInputEvent=xe,n.UUIMenuItemEvent=le,n.UUIModalElement=V,n.UUIPaginationEvent=ye,n.UUIRadioEvent=Ye,n.UUIRadioGroupEvent=Rt,n.UUIRefEvent=Xe,n.UUISelectEvent=Ft,n.UUISliderEvent=Pe,n.UUITabEvent=Ih,n.UUITabGroupEvent=xh,n.UUITextStyles=Ot,n.UUITextareaEvent=vt,n.UUIToastNotificationEvent=D});
|
|
663
|
+
`],n.UUIRangeSliderElement.formAssociated=!0,C([l({type:Boolean,reflect:!0})],n.UUIRangeSliderElement.prototype,"disabled",2),C([l({type:String})],n.UUIRangeSliderElement.prototype,"label",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"step",2),C([l({type:Boolean,attribute:"hide-step-values"})],n.UUIRangeSliderElement.prototype,"hideStepValues",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"min",2),C([l({type:Number})],n.UUIRangeSliderElement.prototype,"max",2),C([l({type:Number,attribute:"min-gap"})],n.UUIRangeSliderElement.prototype,"minGap",2),C([l({type:Number,attribute:"max-gap"})],n.UUIRangeSliderElement.prototype,"maxGap",2),C([l({type:String})],n.UUIRangeSliderElement.prototype,"value",1),C([l({type:Number,attribute:"value-low"})],n.UUIRangeSliderElement.prototype,"valueLow",1),C([l({type:Number,attribute:"value-high"})],n.UUIRangeSliderElement.prototype,"valueHigh",1),C([v()],n.UUIRangeSliderElement.prototype,"_trackWidth",2),C([v()],n.UUIRangeSliderElement.prototype,"_currentInputFocus",2),C([v()],n.UUIRangeSliderElement.prototype,"_currentThumbFocus",2),C([v()],n.UUIRangeSliderElement.prototype,"_grabbingBoth",2),C([v()],n.UUIRangeSliderElement.prototype,"_startPos",2),C([v()],n.UUIRangeSliderElement.prototype,"_startLow",2),C([v()],n.UUIRangeSliderElement.prototype,"_startHigh",2),C([I("#low-input")],n.UUIRangeSliderElement.prototype,"_inputLow",2),C([I("#high-input")],n.UUIRangeSliderElement.prototype,"_inputHigh",2),C([I("#range-slider")],n.UUIRangeSliderElement.prototype,"_outerTrack",2),C([I("#inner-track")],n.UUIRangeSliderElement.prototype,"_innerTrack",2),C([I("#low-thumb")],n.UUIRangeSliderElement.prototype,"_thumbLow",2),C([I("#high-thumb")],n.UUIRangeSliderElement.prototype,"_thumbHigh",2),C([I(".color")],n.UUIRangeSliderElement.prototype,"_innerColor",2),C([I(".color-target")],n.UUIRangeSliderElement.prototype,"_bothThumbsTarget",2),n.UUIRangeSliderElement=C([b("uui-range-slider")],n.UUIRangeSliderElement);var Ep=Object.defineProperty,$p=Object.getOwnPropertyDescriptor,kp=(i,e,t,o)=>{for(var r=o>1?void 0:o?$p(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ep(e,t,r),r};n.UUIRefListElement=class extends m{render(){return u`<slot></slot>`}},n.UUIRefListElement.styles=[p`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;left:0;right:0;border-top:1px solid var(--uui-color-border,#d8d7d9)}`],n.UUIRefListElement=kp([b("uui-ref-list")],n.UUIRefListElement);class ot extends x{}ot.OPEN="open";var Ip=Object.defineProperty,xp=Object.getOwnPropertyDescriptor,ur=(i,e,t,o)=>{for(var r=o>1?void 0:o?xp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ip(e,t,r),r};n.UUIRefElement=class extends Pt(Ve(m)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new ot(ot.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new ot(ot.OPEN)))}},n.UUIRefElement.styles=[p`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-color-danger,#d42054);box-shadow:0 0 4px 0 var(--uui-color-danger,#d42054),inset 0 0 2px 0 var(--uui-color-danger,#d42054)}:host([border]){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}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([border]:not([disabled]):hover){border-color:var(--uui-color-border-emphasis,#a1a1a1)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-color-disabled-standalone,#e2e2e2)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],ur([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"disabled",2),ur([l({type:Boolean,reflect:!0})],n.UUIRefElement.prototype,"error",2),n.UUIRefElement=ur([b("uui-ref")],n.UUIRefElement);var Cp=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,si=(i,e,t,o)=>{for(var r=o>1?void 0:o?Op(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Cp(e,t,r),r};n.UUIRefNodeElement=class extends n.UUIRefElement{constructor(){super(...arguments),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(),y(this,"uui-icon")}_onSlotIconChange(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return u`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return u`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return u`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div></button><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}},n.UUIRefNodeElement.styles=[...n.UUIRefElement.styles,p`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{align-self:stretch;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)}`],si([l({type:String})],n.UUIRefNodeElement.prototype,"name",2),si([l({type:String})],n.UUIRefNodeElement.prototype,"detail",2),si([v()],n.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),n.UUIRefNodeElement=si([b("uui-ref-node")],n.UUIRefNodeElement);var Sp=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,$s=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Sp(e,t,r),r};n.UUIRefNodeDataTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDataTypeElement.styles=[...n.UUIRefNodeElement.styles],$s([l({type:String})],n.UUIRefNodeDataTypeElement.prototype,"alias",2),n.UUIRefNodeDataTypeElement=$s([b("uui-ref-node-data-type")],n.UUIRefNodeDataTypeElement);var zp=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,ks=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ap(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&zp(e,t,r),r};n.UUIRefNodeDocumentTypeElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeDocumentTypeElement.styles=[...n.UUIRefNodeElement.styles],ks([l({type:String})],n.UUIRefNodeDocumentTypeElement.prototype,"alias",2),n.UUIRefNodeDocumentTypeElement=ks([b("uui-ref-node-document-type")],n.UUIRefNodeDocumentTypeElement);var Lp=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,jp=(i,e,t,o)=>{for(var r=o>1?void 0:o?Tp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Lp(e,t,r),r};n.UUIRefNodeFormElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}},n.UUIRefNodeFormElement.styles=[...n.UUIRefNodeElement.styles],n.UUIRefNodeFormElement=jp([b("uui-ref-node-form")],n.UUIRefNodeFormElement);var Np=Object.defineProperty,Dp=Object.getOwnPropertyDescriptor,Is=(i,e,t,o)=>{for(var r=o>1?void 0:o?Dp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Np(e,t,r),r};n.UUIRefNodeMemberElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeMemberElement.styles=[...n.UUIRefNodeElement.styles],Is([l({type:String,attribute:"group-name"})],n.UUIRefNodeMemberElement.prototype,"groupName",2),n.UUIRefNodeMemberElement=Is([b("uui-ref-node-member")],n.UUIRefNodeMemberElement);var Mp=Object.defineProperty,Hp=Object.getOwnPropertyDescriptor,cr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Hp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Mp(e,t,r),r};n.UUIRefNodePackageElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodePackageElement.styles=[...n.UUIRefNodeElement.styles],cr([l({type:String})],n.UUIRefNodePackageElement.prototype,"version",2),cr([l({type:String})],n.UUIRefNodePackageElement.prototype,"author",2),n.UUIRefNodePackageElement=cr([b("uui-ref-node-package")],n.UUIRefNodePackageElement);var Bp=Object.defineProperty,Rp=Object.getOwnPropertyDescriptor,xs=(i,e,t,o)=>{for(var r=o>1?void 0:o?Rp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Bp(e,t,r),r};n.UUIRefNodeUserElement=class extends n.UUIRefNodeElement{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),u`<small id="detail">${e.join(" | ")}<slot name="detail"></slot></small>`}},n.UUIRefNodeUserElement.styles=[...n.UUIRefNodeElement.styles],xs([l({type:String,attribute:"group-name"})],n.UUIRefNodeUserElement.prototype,"groupName",2),n.UUIRefNodeUserElement=xs([b("uui-ref-node-user")],n.UUIRefNodeUserElement);var Vp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Cs=(i,e,t,o)=>{for(var r=o>1?void 0:o?Fp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Vp(e,t,r),r};n.UUIScrollContainerElement=class extends m{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return u`<slot></slot>`}},n.UUIScrollContainerElement.styles=[p`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-color-disabled-contrast,#c4c4c4) var(--uui-color-surface,#fff);overflow-y:auto}:host([enforce-scroll]){overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-color-surface,#fff);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-color-disabled-contrast,#c4c4c4);border-radius:3px}`],Cs([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],n.UUIScrollContainerElement.prototype,"enforceScroll",2),n.UUIScrollContainerElement=Cs([b("uui-scroll-container")],n.UUIScrollContainerElement);var Gp=Object.defineProperty,Os=Object.getOwnPropertySymbols,qp=Object.prototype.hasOwnProperty,Kp=Object.prototype.propertyIsEnumerable,Ss=(i,e,t)=>e in i?Gp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ps=(i,e)=>{for(var t in e||(e={}))qp.call(e,t)&&Ss(i,t,e[t]);if(Os)for(var t of Os(e))Kp.call(e,t)&&Ss(i,t,e[t]);return i};let ai=class extends x{constructor(e,t={}){super(e,Ps(Ps({},{bubbles:!0}),t))}};ai.CHANGE="change";var Wp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,ne=(i,e,t,o)=>{for(var r=o>1?void 0:o?Yp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Wp(e,t,r),r};n.UUISelectElement=class extends J(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(o=>o.value);const t=this.options.find(o=>o.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new ai(ai.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(e,t,o,r){return u`<option value="${t}" ?selected="${o}" ?disabled="${r}">${e}</option>`}_renderGrouped(){return this._groups.length===0?u``:u`${this._groups.map(e=>u`<optgroup label="${e}" ?disabled="${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}">${this.options.map(t=>t.group===e?this._renderOption(t.name,t.value,t.selected,t.disabled):"")}</optgroup>`)}`}render(){return u`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(e=>!e.group).map(e=>this._renderOption(e.name,e.value,e.selected,e.disabled))}</select>`}},n.UUISelectElement.styles=[p`:host{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));width:100%;padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;border-radius:0;box-sizing:border-box;background-color:transparent;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-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))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-focus,#3879ff))}#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)}`],ne([l({type:String})],n.UUISelectElement.prototype,"label",2),ne([l()],n.UUISelectElement.prototype,"placeholder",2),ne([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"disabled",2),ne([l({type:Boolean,reflect:!0})],n.UUISelectElement.prototype,"error",2),ne([l({type:Array,attribute:!1})],n.UUISelectElement.prototype,"options",2),ne([v()],n.UUISelectElement.prototype,"_groups",2),ne([l()],n.UUISelectElement.prototype,"disabledGroups",2),ne([v()],n.UUISelectElement.prototype,"_disabledGroups",2),ne([I("#native")],n.UUISelectElement.prototype,"_input",2),n.UUISelectElement=ne([b("uui-select")],n.UUISelectElement);const Xp=p`
|
|
664
|
+
input[type='range'] {
|
|
665
|
+
left: 0;
|
|
666
|
+
position: absolute;
|
|
667
|
+
top: 0;
|
|
668
|
+
height: 100%;
|
|
669
|
+
width: 100%;
|
|
670
|
+
z-index: 2;
|
|
671
|
+
|
|
672
|
+
height: 100%;
|
|
673
|
+
-webkit-appearance: none;
|
|
674
|
+
margin: 0px;
|
|
675
|
+
padding: 0px;
|
|
676
|
+
border: 0 none;
|
|
677
|
+
background: transparent;
|
|
678
|
+
color: transparent;
|
|
679
|
+
overflow: visible;
|
|
680
|
+
border: none;
|
|
681
|
+
}
|
|
682
|
+
input[type='range']:focus {
|
|
683
|
+
outline: none;
|
|
684
|
+
}
|
|
685
|
+
input[type='range']::-webkit-slider-runnable-track {
|
|
686
|
+
width: 100%;
|
|
687
|
+
height: 100%;
|
|
688
|
+
-webkit-appearance: none;
|
|
689
|
+
margin: 0px;
|
|
690
|
+
padding: 0px;
|
|
691
|
+
border: none;
|
|
692
|
+
background: transparent;
|
|
693
|
+
color: transparent;
|
|
694
|
+
overflow: visible;
|
|
695
|
+
order: none;
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
699
|
+
background: transparent;
|
|
700
|
+
border: none;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
input[type='range']::-moz-range-track {
|
|
704
|
+
width: 100%;
|
|
705
|
+
height: 100%;
|
|
706
|
+
-moz-appearance: none;
|
|
707
|
+
margin: 0px;
|
|
708
|
+
padding: 0px;
|
|
709
|
+
border: 0 none;
|
|
710
|
+
background: transparent;
|
|
711
|
+
color: transparent;
|
|
712
|
+
overflow: visible;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
input[type='range']::-ms-track {
|
|
716
|
+
width: 100%;
|
|
717
|
+
height: 100%;
|
|
718
|
+
-webkit-appearance: none;
|
|
719
|
+
margin: 0px;
|
|
720
|
+
padding: 0px;
|
|
721
|
+
border: 0 none;
|
|
722
|
+
background: transparent;
|
|
723
|
+
color: transparent;
|
|
724
|
+
overflow: visible;
|
|
725
|
+
}
|
|
726
|
+
input[type='range']::-ms-fill-lower,
|
|
727
|
+
input[type='range']::-ms-fill-upper {
|
|
728
|
+
background: transparent;
|
|
729
|
+
border: 0 none;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
input[type='range']::-ms-tooltip {
|
|
733
|
+
display: none;
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
input[type='range']::-moz-range-thumb {
|
|
737
|
+
width: 18px;
|
|
738
|
+
height: 18px;
|
|
739
|
+
border-radius: 12px;
|
|
740
|
+
border: 0 none;
|
|
741
|
+
background: transparent;
|
|
742
|
+
cursor: pointer;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
input[type='range']::-webkit-slider-thumb {
|
|
746
|
+
width: 18px;
|
|
747
|
+
height: 18px;
|
|
748
|
+
border-radius: 12px;
|
|
749
|
+
border: 0 none;
|
|
750
|
+
background: transparent;
|
|
751
|
+
cursor: pointer;
|
|
752
|
+
-webkit-appearance: none;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
input[type='range']::-ms-thumb {
|
|
756
|
+
width: 18px;
|
|
757
|
+
height: 18px;
|
|
758
|
+
border-radius: 12px;
|
|
759
|
+
border: 0 none;
|
|
760
|
+
background: transparent;
|
|
761
|
+
cursor: pointer;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
input[type='range']:focus::-ms-fill-lower {
|
|
765
|
+
background: transparent;
|
|
766
|
+
}
|
|
767
|
+
input[type='range']:focus::-ms-fill-upper {
|
|
768
|
+
background: transparent;
|
|
769
|
+
}
|
|
770
|
+
`;var Zp=Object.defineProperty,zs=Object.getOwnPropertySymbols,Qp=Object.prototype.hasOwnProperty,Jp=Object.prototype.propertyIsEnumerable,As=(i,e,t)=>e in i?Zp(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Ls=(i,e)=>{for(var t in e||(e={}))Qp.call(e,t)&&As(i,t,e[t]);if(zs)for(var t of zs(e))Jp.call(e,t)&&As(i,t,e[t]);return i};let Le=class extends x{constructor(e,t={}){super(e,Ls(Ls({},{bubbles:!0}),t))}};Le.INPUT="input",Le.CHANGE="change";var e0=Object.defineProperty,t0=Object.getOwnPropertyDescriptor,V=(i,e,t,o)=>{for(var r=o>1?void 0:o?t0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&e0(e,t,r),r};const wt=12,Ts=24,i0=(i,e)=>g`
|
|
771
|
+
${i.map(t=>{if(e>=Ts){const o=Math.round(wt+e*i.indexOf(t));return g`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return g``})}
|
|
772
|
+
`,r0=(i,e,t)=>t?u``:u`<div id="step-values">
|
|
773
|
+
${i.map(o=>u` <span
|
|
774
|
+
><span>
|
|
775
|
+
${i.length<=20&&e>=Ts?o.toFixed(0):$}
|
|
776
|
+
</span></span
|
|
777
|
+
>`)}
|
|
778
|
+
</div>`,o0=(i,e,t)=>Array.from({length:(e-i)/t+1},(o,r)=>i+r*t);n.UUISliderElement=class extends J(m){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){if(e instanceof File)return;const t=this._value;let o=e?parseFloat(e):0;o=Math.min(Math.max(o,this.min),this.max),this.step>0&&(o=Math.round(o/this.step)*this.step),this._value=o.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=o0(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-wt*2)/(this._steps.length-1)}_onKeypress(e){e.key=="Enter"&&this.submit()}_calculateSliderPosition(){const e=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new Le(Le.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Le(Le.CHANGE))}render(){return u`
|
|
779
|
+
<input
|
|
780
|
+
id="input"
|
|
781
|
+
type="range"
|
|
782
|
+
min="${this.min}"
|
|
783
|
+
max="${this.max}"
|
|
784
|
+
.value="${this.value}"
|
|
785
|
+
aria-label="${this.label}"
|
|
786
|
+
step="${+this.step}"
|
|
787
|
+
?disabled=${this.disabled}
|
|
788
|
+
@input=${this._onInput}
|
|
789
|
+
@change=${this._onChange} />
|
|
790
|
+
<div id="track" aria-hidden="true">
|
|
791
|
+
<svg height="100%" width="100%">
|
|
792
|
+
<rect x="9" y="9" height="3" rx="2" />
|
|
793
|
+
${i0(this._steps,this._stepWidth)}
|
|
794
|
+
</svg>
|
|
795
|
+
|
|
796
|
+
<div id="track-inner" aria-hidden="true">
|
|
797
|
+
<div id="thumb" style=${te({left:this._sliderPosition})}>
|
|
798
|
+
<div id="thumb-label">${this.value}</div>
|
|
799
|
+
</div>
|
|
800
|
+
</div>
|
|
801
|
+
</div>
|
|
802
|
+
${r0(this._steps,this._stepWidth,this.hideStepValues)}
|
|
803
|
+
`}},n.UUISliderElement.formAssociated=!0,n.UUISliderElement.styles=[xo,Xp,p`
|
|
804
|
+
:host {
|
|
805
|
+
display: inline-block;
|
|
806
|
+
width: 100%;
|
|
807
|
+
position: relative;
|
|
808
|
+
min-height: 30px;
|
|
809
|
+
user-select: none;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
input {
|
|
813
|
+
box-sizing: border-box;
|
|
814
|
+
height: 18px;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
#track {
|
|
818
|
+
position: relative;
|
|
819
|
+
height: 18px;
|
|
820
|
+
width: 100%;
|
|
821
|
+
display: flex;
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
#track svg {
|
|
825
|
+
height: 21px;
|
|
826
|
+
border-radius: 10px;
|
|
827
|
+
background-color: var(--uui-color-surface,#fff);
|
|
828
|
+
}
|
|
829
|
+
#track svg rect {
|
|
830
|
+
width: calc(100% - 18px);
|
|
831
|
+
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
832
|
+
}
|
|
833
|
+
input:hover ~ #track svg rect {
|
|
834
|
+
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
input:focus ~ #track svg {
|
|
838
|
+
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
839
|
+
var(--uui-color-focus,#3879ff);
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
.track-step {
|
|
843
|
+
fill: var(--uui-color-border,#d8d7d9);
|
|
844
|
+
}
|
|
845
|
+
input:hover ~ #track svg .track-step {
|
|
846
|
+
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
#track-inner {
|
|
850
|
+
position: absolute;
|
|
851
|
+
left: ${wt}px; /* Match TRACK_MARGIN */
|
|
852
|
+
right: ${wt}px; /* Match TRACK_MARGIN */
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
#thumb {
|
|
856
|
+
position: absolute;
|
|
857
|
+
top: 2px;
|
|
858
|
+
bottom: 0;
|
|
859
|
+
left: 0;
|
|
860
|
+
height: 17px;
|
|
861
|
+
width: 17px;
|
|
862
|
+
margin-left: -8px;
|
|
863
|
+
margin-right: -8px;
|
|
864
|
+
border-radius: 50%;
|
|
865
|
+
box-sizing: border-box;
|
|
866
|
+
|
|
867
|
+
background-color: var(--uui-color-surface,#fff);
|
|
868
|
+
border: 2px solid var(--uui-color-selected,#3544b1);
|
|
869
|
+
|
|
870
|
+
transition: 120ms left ease;
|
|
871
|
+
}
|
|
872
|
+
:host([disabled]) #thumb {
|
|
873
|
+
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
874
|
+
border-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
#thumb:after {
|
|
878
|
+
content: '';
|
|
879
|
+
position: absolute;
|
|
880
|
+
top: 2px;
|
|
881
|
+
left: 2px;
|
|
882
|
+
height: 9px;
|
|
883
|
+
width: 9px;
|
|
884
|
+
border-radius: 50%;
|
|
885
|
+
background-color: var(--uui-color-selected,#3544b1);
|
|
886
|
+
}
|
|
887
|
+
:host([disabled]) #thumb:after {
|
|
888
|
+
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
889
|
+
}
|
|
890
|
+
|
|
891
|
+
#thumb-label {
|
|
892
|
+
position: absolute;
|
|
893
|
+
box-sizing: border-box;
|
|
894
|
+
font-weight: 700;
|
|
895
|
+
bottom: 15px;
|
|
896
|
+
left: 50%;
|
|
897
|
+
width: 40px;
|
|
898
|
+
margin-left: -20px;
|
|
899
|
+
text-align: center;
|
|
900
|
+
opacity: 0;
|
|
901
|
+
transition: 120ms opacity;
|
|
902
|
+
color: var(--uui-color-selected,#3544b1);
|
|
903
|
+
}
|
|
904
|
+
|
|
905
|
+
input:focus ~ #track #thumb-label,
|
|
906
|
+
input:hover ~ #track #thumb-label {
|
|
907
|
+
opacity: 1;
|
|
908
|
+
}
|
|
909
|
+
|
|
910
|
+
#step-values {
|
|
911
|
+
margin: 0 ${wt}px; /* Match TRACK_MARGIN */
|
|
912
|
+
margin-top: 6px;
|
|
913
|
+
display: flex;
|
|
914
|
+
align-items: flex-end;
|
|
915
|
+
box-sizing: border-box;
|
|
916
|
+
}
|
|
917
|
+
|
|
918
|
+
#step-values > span {
|
|
919
|
+
flex-basis: 0;
|
|
920
|
+
flex-grow: 1;
|
|
921
|
+
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
922
|
+
}
|
|
923
|
+
|
|
924
|
+
#step-values > span > span {
|
|
925
|
+
transform: translateX(-50%);
|
|
926
|
+
display: inline-block;
|
|
927
|
+
text-align: center;
|
|
928
|
+
font-size: var(--uui-type-small-size,12px);
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
#step-values > span:last-child {
|
|
932
|
+
width: 0;
|
|
933
|
+
flex-grow: 0;
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
:host(:not([pristine]):invalid) #thumb {
|
|
937
|
+
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
938
|
+
}
|
|
939
|
+
:host(:not([pristine]):invalid) #thumb:after {
|
|
940
|
+
background-color: var(--uui-color-danger,#d42054);
|
|
941
|
+
}
|
|
942
|
+
`],V([l({type:Boolean,attribute:"hide-step-values"})],n.UUISliderElement.prototype,"hideStepValues",2),V([l({type:Number})],n.UUISliderElement.prototype,"min",2),V([l({type:Number})],n.UUISliderElement.prototype,"max",2),V([l({type:Number})],n.UUISliderElement.prototype,"step",2),V([l({type:String})],n.UUISliderElement.prototype,"value",1),V([l({type:Boolean,reflect:!0})],n.UUISliderElement.prototype,"disabled",2),V([l({type:String})],n.UUISliderElement.prototype,"label",2),V([I("#input")],n.UUISliderElement.prototype,"_input",2),V([I("#track")],n.UUISliderElement.prototype,"_track",2),V([v()],n.UUISliderElement.prototype,"_stepWidth",2),V([v()],n.UUISliderElement.prototype,"_steps",2),V([v()],n.UUISliderElement.prototype,"_sliderPosition",2),n.UUISliderElement=V([b("uui-slider")],n.UUISliderElement);var n0=Object.defineProperty,s0=Object.getOwnPropertyDescriptor,js=(i,e,t,o)=>{for(var r=o>1?void 0:o?s0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&n0(e,t,r),r};n.UUISymbolExpandElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolExpandElement.styles=[p`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform 120ms ease-in-out;width:100%;height:100%}:host([open]) svg{transform:rotate(0)}`],js([l({type:Boolean,reflect:!0})],n.UUISymbolExpandElement.prototype,"open",2),n.UUISymbolExpandElement=js([b("uui-symbol-expand")],n.UUISymbolExpandElement);var a0=Object.defineProperty,l0=Object.getOwnPropertyDescriptor,Ns=(i,e,t,o)=>{for(var r=o>1?void 0:o?l0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&a0(e,t,r),r};n.UUISymbolFileDropzoneElement=class extends m{constructor(){super(...arguments),this.error=!1}render(){return u`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="upload-icon"><path d="${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"}"/></svg>`}},n.UUISymbolFileDropzoneElement.styles=[p`:host{display:flex;flex-direction:column;align-items:center;justify-content:center}#upload-icon{fill:var(--uui-color-default,#1b264f);width:100px;transition:fill .3s ease;position:relative;z-index:2}:host([error]) #upload-icon{fill:var(--uui-color-danger,#d42054)}`],Ns([l({type:Boolean,reflect:!0})],n.UUISymbolFileDropzoneElement.prototype,"error",2),n.UUISymbolFileDropzoneElement=Ns([b("uui-symbol-file-dropzone")],n.UUISymbolFileDropzoneElement);var u0=Object.defineProperty,c0=Object.getOwnPropertyDescriptor,dr=(i,e,t,o)=>{for(var r=o>1?void 0:o?c0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&u0(e,t,r),r};n.UUISymbolFileThumbnailElement=class extends m{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),y(this,"uui-icon")}render(){return this.src?u`<img src="${this.src}" alt="${this.alt}">`:u`<uui-icon name="picture" .fallback="${pu.strings[0]}"></uui-icon>`}},n.UUISymbolFileThumbnailElement.styles=[p`:host{display:block;width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}uui-icon{width:100%;height:100%;max-width:100%;display:flex;max-height:100%;justify-content:center;color:var(--uui-color-surface,#fff);background:var(--uui-color-surface-alt,#f3f3f5)}`],dr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"src",2),dr([l({type:String})],n.UUISymbolFileThumbnailElement.prototype,"alt",2),n.UUISymbolFileThumbnailElement=dr([b("uui-symbol-file-thumbnail")],n.UUISymbolFileThumbnailElement);var d0=Object.defineProperty,h0=Object.getOwnPropertyDescriptor,Ds=(i,e,t,o)=>{for(var r=o>1?void 0:o?h0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&d0(e,t,r),r};n.UUISymbolLockElement=class extends m{constructor(){super(...arguments),this.open=!1}render(){return g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?g`<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>`:g`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}</svg>`}},n.UUISymbolLockElement.styles=[p`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Ds([l({type:Boolean,reflect:!0})],n.UUISymbolLockElement.prototype,"open",2),n.UUISymbolLockElement=Ds([b("uui-symbol-lock")],n.UUISymbolLockElement);var p0=Object.defineProperty,b0=Object.getOwnPropertyDescriptor,m0=(i,e,t,o)=>{for(var r=o>1?void 0:o?b0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&p0(e,t,r),r};n.UUISymbolMoreElement=class extends m{render(){return u`•••`}},n.UUISymbolMoreElement.styles=[p`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],n.UUISymbolMoreElement=m0([b("uui-symbol-more")],n.UUISymbolMoreElement);var v0=Object.defineProperty,g0=Object.getOwnPropertyDescriptor,Ms=(i,e,t,o)=>{for(var r=o>1?void 0:o?g0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&v0(e,t,r),r};n.UUISymbolSortElement=class extends pt(m){constructor(){super(...arguments),this.descending=!1}render(){return u`<svg id="up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}},n.UUISymbolSortElement.styles=[p`:host{position:relative;display:inline-block;width:.8em;height:1em;vertical-align:middle;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.8em;fill:currentColor;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-.5em}#up{transform:rotate(180deg);margin-top:-.7em}#down{margin-top:-.3em}:host([active]) #up{margin-top:calc(-.5em - (.2em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.5em + (.2em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],Ms([l({type:Boolean,reflect:!0})],n.UUISymbolSortElement.prototype,"descending",2),n.UUISymbolSortElement=Ms([b("uui-symbol-sort")],n.UUISymbolSortElement);var f0=Object.defineProperty,y0=Object.getOwnPropertyDescriptor,_0=(i,e,t,o)=>{for(var r=o>1?void 0:o?y0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&f0(e,t,r),r};n.UUITableElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return u`<slot></slot>`}},n.UUITableElement.styles=[p`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-color-surface,#fff);cursor:default}`],n.UUITableElement=_0([b("uui-table")],n.UUITableElement);var w0=Object.defineProperty,U0=Object.getOwnPropertyDescriptor,li=(i,e,t,o)=>{for(var r=o>1?void 0:o?U0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&w0(e,t,r),r};n.UUITableCellElement=class extends m{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return u`<slot @slotchange="${this._detectOverflow}"></slot>`}},n.UUITableCellElement.styles=[p`:host{position:relative;display:table-cell;height:var(--uui-table-cell-height,var(--uui-size-12,36px));padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-color-border,#d8d7d9);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}:host([no-padding]){padding:0}`],li([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],n.UUITableCellElement.prototype,"disableChildInteraction",2),li([l({type:Boolean,reflect:!0,attribute:"no-padding"})],n.UUITableCellElement.prototype,"noPadding",2),li([l({type:Boolean,reflect:!0,attribute:"clip-text"})],n.UUITableCellElement.prototype,"clipText",2),n.UUITableCellElement=li([b("uui-table-cell")],n.UUITableCellElement);var E0=Object.defineProperty,$0=Object.getOwnPropertyDescriptor,k0=(i,e,t,o)=>{for(var r=o>1?void 0:o?$0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&E0(e,t,r),r};n.UUITableColumnElement=class extends m{},n.UUITableColumnElement.styles=[p`:host{display:table-column}`],n.UUITableColumnElement=k0([b("uui-table-column")],n.UUITableColumnElement);var I0=Object.defineProperty,x0=Object.getOwnPropertyDescriptor,C0=(i,e,t,o)=>{for(var r=o>1?void 0:o?x0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&I0(e,t,r),r};n.UUITableHeadCellElement=class extends n.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},n.UUITableHeadCellElement.styles=[...n.UUITableCellElement.styles,p`:host{border-top:none}`],n.UUITableHeadCellElement=C0([b("uui-table-head-cell")],n.UUITableHeadCellElement);var O0=Object.defineProperty,S0=Object.getOwnPropertyDescriptor,P0=(i,e,t,o)=>{for(var r=o>1?void 0:o?S0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&O0(e,t,r),r};n.UUITableHeadElement=class extends m{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return u`<slot></slot>`}},n.UUITableHeadElement.styles=[p`:host{display:table-header-group;font-weight:700}`],n.UUITableHeadElement=P0([b("uui-table-head")],n.UUITableHeadElement);var z0=Object.defineProperty,A0=Object.getOwnPropertyDescriptor,Hs=(i,e,t,o)=>{for(var r=o>1?void 0:o?A0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&z0(e,t,r),r};n.UUITableRowElement=class extends Pt(Ve(m)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof n.UUITableCellElement}render(){return u`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}},n.UUITableRowElement.styles=[p`:host{display:table-row;position:relative;outline-offset:-3px}:host([selectable]){cursor:pointer}:host(:focus){outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-color-focus,#3879ff)}:host([selected]){outline:2px solid var(--uui-table-row-color-selected,var(--uui-color-selected,#3544b1))}:host([selected]:focus){outline-color:var(--uui-color-focus,#3879ff)}`],Hs([fe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],n.UUITableRowElement.prototype,"slotCellNodes",2),n.UUITableRowElement=Hs([b("uui-table-row")],n.UUITableRowElement);var L0=Object.defineProperty,T0=Object.getOwnPropertyDescriptor,ui=(i,e,t,o)=>{for(var r=o>1?void 0:o?T0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&L0(e,t,r),r};n.UUITabElement=class extends pt(Q("",m)){constructor(){super(),this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?u`<a id="button" href="${P(this.disabled?void 0:this.href)}" target="${P(this.target||void 0)}" rel="${P(this.target==="_blank"?"noopener noreferrer":void 0)}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></a>`:u`<button type="button" id="button" ?disabled="${this.disabled}" role="tab"><slot name="icon"></slot>${this.renderLabel()}<slot name="extra"></slot></button>`}},n.UUITabElement.styles=[p`:host{color:var(--uui-tab-text,var(--uui-color-interactive,#1b264f));font-family:inherit}#button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--uui-size-2,6px) var(--uui-size-4,12px);border:none;box-sizing:border-box;min-height:32px;font-size:inherit;height:100%;min-width:70px;background:0 0;color:inherit;cursor:pointer;font-family:inherit;text-decoration:none;line-height:normal}: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]) #button{cursor:default}:host([disabled]) #button{color:var(--uui-color-disabled-contrast,#c4c4c4);cursor:default}#button::before{content:'';position:absolute;height:0;width:calc(100% - 16px);left:auto;right:auto;background-color:var(--uui-color-current,#f5c1bc);bottom:0;border-radius:3px 3px 0 0;opacity:0;transition:opacity ease-in 120ms,height ease-in 120ms}#button:hover::before{background-color:var(--uui-color-current-emphasis,#f8d6d3)}:host([active]) #button::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}: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)}`],ui([l({type:Boolean,reflect:!0})],n.UUITabElement.prototype,"disabled",2),ui([l({type:String})],n.UUITabElement.prototype,"href",2),ui([l({type:String})],n.UUITabElement.prototype,"target",2),n.UUITabElement=ui([b("uui-tab")],n.UUITabElement);var j0=Object.defineProperty,N0=Object.getOwnPropertyDescriptor,Bs=(i,e,t,o)=>{for(var r=o>1?void 0:o?N0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&j0(e,t,r),r};n.UUITabGroupElement=class extends m{constructor(){super(...arguments),this._tabElements=[],this._onTabClicked=e=>{const t=e.currentTarget;this._elementIsTabLike(t)&&(t.active=!0,this._tabElements.filter(o=>o!==t).forEach(o=>{this._elementIsTabLike(o)&&(o.active=!1)}))}}_setTabArray(){this._tabElements=this._slottedNodes?this._slottedNodes:[]}_onSlotChange(){this._tabElements.forEach(e=>{e.removeEventListener("click",this._onTabClicked)}),this._setTabArray(),this._tabElements.forEach(e=>{e.addEventListener("click",this._onTabClicked)})}_elementIsTabLike(e){return e instanceof n.UUITabElement||"active"in e}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return u`<slot @slotchange="${this._onSlotChange}"></slot>`}},n.UUITabGroupElement.styles=[p`:host{display:flex;flex-wrap:wrap;color:var(--uui-tab-text);background:var(--uui-tab-background,none);height:100%;min-height:48px}::slotted(:not(:last-of-type)){border-right:1px solid var(--uui-tab-divider,none)}`],Bs([fe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],n.UUITabGroupElement.prototype,"_slottedNodes",2),n.UUITabGroupElement=Bs([b("uui-tab-group")],n.UUITabGroupElement);class D0 extends x{}class M0 extends x{}var H0=Object.defineProperty,B0=Object.getOwnPropertyDescriptor,hr=(i,e,t,o)=>{for(var r=o>1?void 0:o?B0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&H0(e,t,r),r};n.UUITagElement=class extends m{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return u`<slot></slot>`}},n.UUITagElement.styles=[p`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em);border-radius:100px;user-select:none;border-radius:var(--uui-size-4,12px);border:1px solid transparent}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host{--color:var(--uui-color-default,#1b264f);--color-standalone:var(--uui-color-default-standalone,rgb(28, 35, 59));--color-contrast:var(--uui-color-default-contrast,#fff)}:host([color=positive]){--color:var(--uui-color-positive,#25aa60);--color-standalone:var(--uui-color-positive-standalone,rgb(38, 156, 91));--color-contrast:var(--uui-color-positive-contrast,#fff)}:host([color=warning]){--color:var(--uui-color-warning,#fad634);--color-standalone:var(--uui-color-warning-standalone,rgb(224, 193, 51));--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)}`],hr([l({reflect:!0})],n.UUITagElement.prototype,"color",2),hr([l({reflect:!0})],n.UUITagElement.prototype,"look",2),n.UUITagElement=hr([b("uui-tag")],n.UUITagElement);var R0=Object.defineProperty,Rs=Object.getOwnPropertySymbols,V0=Object.prototype.hasOwnProperty,F0=Object.prototype.propertyIsEnumerable,Vs=(i,e,t)=>e in i?R0(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Fs=(i,e)=>{for(var t in e||(e={}))V0.call(e,t)&&Vs(i,t,e[t]);if(Rs)for(var t of Rs(e))F0.call(e,t)&&Vs(i,t,e[t]);return i};class Ut extends x{constructor(e,t={}){super(e,Fs(Fs({},{bubbles:!0}),t))}}Ut.CHANGE="change",Ut.INPUT="input";var G0=Object.defineProperty,q0=Object.getOwnPropertyDescriptor,D=(i,e,t,o)=>{for(var r=o>1?void 0:o?q0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&G0(e,t,r),r};n.UUITextareaElement=class extends J(m){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var e;(e=this._textarea)==null||e.focus()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ut(Ut.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,o=e.scrollTop,r=getComputedStyle(e).height;e.style.display="block",e.style.height=r,t.style.height="auto",t.scrollHeight>t.clientHeight&&(t.style.height=t.scrollHeight+"px"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=o}render(){return u`<textarea id="textarea" .rows="${this.rows}" .cols="${this.cols}" .value="${this.value}" .name="${this.name}" wrap="${P(this.wrap)}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
|
|
943
|
+
</textarea>`}},n.UUITextareaElement.formAssociated=!0,n.UUITextareaElement.styles=[p`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-color-danger,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-color-danger,#d42054)!important}:host([auto-height]) textarea{resize:none}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}textarea[readonly]{border-color:var(--uui-textarea-border-color-readonly,var(--uui-color-disabled-standalone,#e2e2e2));background-color:var(--uui-textarea-background-color-readonly,var(--uui-color-disabled,#f3f3f5))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-color-disabled,#f3f3f5));border-color:var(--uui-textarea-border-color-disabled,var(--uui-color-disabled,#f3f3f5));color:var(--uui-color-disabled-contrast,#c4c4c4)}textarea{font-family:inherit;box-sizing:border-box;min-width:100%;max-width:100%;font-size:var(--uui-size-5,15px);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)}`],D([l()],n.UUITextareaElement.prototype,"placeholder",2),D([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"disabled",2),D([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"readonly",2),D([l({type:String})],n.UUITextareaElement.prototype,"name",2),D([l({type:Boolean,reflect:!0})],n.UUITextareaElement.prototype,"error",2),D([l({type:Number})],n.UUITextareaElement.prototype,"minlength",2),D([l({type:String,attribute:"minlength-message"})],n.UUITextareaElement.prototype,"minlengthMessage",2),D([l({type:Number})],n.UUITextareaElement.prototype,"maxlength",2),D([l({type:String,attribute:"maxlength-message"})],n.UUITextareaElement.prototype,"maxlengthMessage",2),D([I("#textarea")],n.UUITextareaElement.prototype,"_textarea",2),D([l({type:Boolean,attribute:"auto-height",reflect:!0})],n.UUITextareaElement.prototype,"autoHeight",2),D([l({type:String})],n.UUITextareaElement.prototype,"label",2),D([l({type:Number})],n.UUITextareaElement.prototype,"rows",2),D([l({type:Number})],n.UUITextareaElement.prototype,"cols",2),D([l({type:String})],n.UUITextareaElement.prototype,"wrap",2),n.UUITextareaElement=D([b("uui-textarea")],n.UUITextareaElement);class M extends x{}M.OPENING="opening",M.OPENED="opened",M.CLOSING="closing",M.CLOSED="closed";var K0=Object.defineProperty,W0=Object.getOwnPropertyDescriptor,nt=(i,e,t,o)=>{for(var r=o>1?void 0:o?W0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&K0(e,t,r),r};n.UUIToastNotificationElement=class extends m{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,e!==null?(this._timer===null?this._timer=new cu(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((t=this._timer)==null||t.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),y(this,"uui-button"),y(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 M(M.OPENING)),this._animationTimeout=window.setTimeout(()=>{var e;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((e=this._timer)==null||e.start()),this.dispatchEvent(new M(M.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var e;if(this._open===!1)return;const t=new M(M.CLOSING,{cancelable:!0});this.dispatchEvent(t),t.defaultPrevented!==!0&&(this._open=!1,(e=this._timer)==null||e.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new M(M.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return u`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .color="${this.color}" .look="${this.color?"primary":"default"}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${Lo.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}},n.UUIToastNotificationElement.styles=[Ct,p`:host{--uui-toast-notification-margin:var(--uui-size-space-2,6px);position:relative;display:block;width:100%;max-width:400px;margin:0 var(--uui-toast-notification-margin);box-sizing:border-box;height:0;pointer-events:none;transition:height var(--uui-toast-notification-animation-duration,480ms) ease-in-out}:host([is-open]){pointer-events:all;transition-timing-function:cubic-bezier(.19,1,.22,1)}#toast{position:relative;display:block;padding:calc(var(--uui-toast-notification-margin) * .5) 0;width:100%;max-width:400px}#toast.animate{position:absolute}#toast>div{position:relative;display:block;box-sizing:border-box;box-shadow:var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,.12) ,0 1px 2px rgba(0,0,0,.24));background-color:var(--uui-color-surface,#fff);padding:var(--uui-size-layout-1,24px);padding-right:var(--uui-size-layout-1,24px);padding-left:var(--uui-size-layout-3,42px);border-radius:calc(var(--uui-border-radius,3px) * 2);opacity:0;transition:opacity var(--uui-toast-notification-animation-duration,480ms)}:host([is-open]) #toast>div{opacity:1}#close{float:right;margin-top:-6px;margin-left:var(--uui-size-space-1,3px);margin-bottom:-4px}#close>uui-button{--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}:host #toast>div{background-color:var(--uui-color-surface,#fff);color:var(--uui-color-text,#060606);border-color:var(--uui-color-surface,#fff)}:host([color=default]) #toast>div{background-color:var(--uui-color-default,#1b264f);color:var(--uui-color-default-contrast,#fff);border-color:var(--uui-color-default-standalone,#1c233b)}:host([color=positive]) #toast>div{background-color:var(--uui-color-positive,#25aa60);color:var(--uui-color-positive-contrast,#fff);border-color:var(--uui-color-positive-standalone,#269c5b)}:host([color=warning]) #toast>div{background-color:var(--uui-color-warning,#fad634);color:var(--uui-color-warning-contrast,#000);border-color:var(--uui-color-warning-standalone,#e0c133)}: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)}`],nt([l({reflect:!0})],n.UUIToastNotificationElement.prototype,"color",2),nt([l({type:Number})],n.UUIToastNotificationElement.prototype,"autoClose",1),nt([I("#toast")],n.UUIToastNotificationElement.prototype,"_toastEl",2),nt([v()],n.UUIToastNotificationElement.prototype,"_animate",2),nt([l({type:Boolean,reflect:!0})],n.UUIToastNotificationElement.prototype,"open",1),n.UUIToastNotificationElement=nt([b("uui-toast-notification")],n.UUIToastNotificationElement);var Y0=Object.defineProperty,X0=Object.getOwnPropertyDescriptor,Gs=(i,e,t,o)=>{for(var r=o>1?void 0:o?X0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Y0(e,t,r),r};n.UUIToastNotificationContainerElement=class extends m{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var e;this._autoClosePause=!0,(e=this._toasts)==null||e.forEach(t=>t.pauseAutoClose())},this.resumeAutoClose=()=>{var e;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(e=this._toasts)==null||e.forEach(t=>t.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(o=>o.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(o=>this._toasts.indexOf(o)===-1).forEach(o=>{o.removeEventListener(M.CLOSED,this.onToastClosed),o.removeEventListener("mouseenter",this.pauseAutoClose),o.removeEventListener("mouseleave",this.resumeAutoClose),o.removeEventListener("focus",this.pauseAutoClose),o.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(o=>t.indexOf(o)===-1).forEach(o=>{o.addEventListener(M.CLOSED,this.onToastClosed),o.addEventListener("mouseenter",this.pauseAutoClose),o.addEventListener("mouseleave",this.resumeAutoClose),o.addEventListener("focus",this.pauseAutoClose),o.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(o.autoClose=this._autoClose),this._autoClosePause===!0&&o.pauseAutoClose(),o.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){var t;this._autoClose=e,(t=this._toasts)==null||t.forEach(o=>o.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return u`<slot @slotchange="${this.onSlotChanged}"></slot>`}},n.UUIToastNotificationContainerElement.styles=[p`:host{position:absolute;overflow:hidden;max-width:100%;height:100%;pointer-events:none;box-sizing:border-box}slot{display:flex;flex-direction:column;align-items:end;height:100%;box-sizing:border-box;padding-top:var(--uui-size-space-1,3px);padding-bottom:var(--uui-size-space-1,3px)}:host([bottom-up]) slot{justify-content:end}:host([left-align]) slot{align-items:start}`],Gs([l({type:Number,reflect:!0,attribute:"auto-close"})],n.UUIToastNotificationContainerElement.prototype,"_autoClose",2),n.UUIToastNotificationContainerElement=Gs([b("uui-toast-notification-container")],n.UUIToastNotificationContainerElement);var Z0=Object.defineProperty,Q0=Object.getOwnPropertyDescriptor,pr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Q0(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Z0(e,t,r),r};n.UUIToastNotificationLayoutElement=class extends m{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return u`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}},n.UUIToastNotificationLayoutElement.styles=[Ct,p`#message{margin-bottom:calc(var(--uui-size-space-1,3px) * -1)}#message::after{content:'';display:block;clear:both}#actions{display:block;float:right;margin-top:var(--uui-size-space-4,12px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1)}`],pr([l({type:String})],n.UUIToastNotificationLayoutElement.prototype,"headline",2),pr([v()],n.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),n.UUIToastNotificationLayoutElement=pr([b("uui-toast-notification-layout")],n.UUIToastNotificationLayoutElement);var J0=Object.defineProperty,e1=Object.getOwnPropertyDescriptor,t1=(i,e,t,o)=>{for(var r=o>1?void 0:o?e1(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&J0(e,t,r),r};n.UUIToggleElement=class extends ee{constructor(){super("switch")}renderCheckbox(){return u`<div id="slider"><div id="icon-check">${Mt}</div><div id="icon-wrong">${To}</div></div>`}},n.UUIToggleElement.formAssociated=!0,n.UUIToggleElement.styles=[...ee.styles,Tt,p`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#slider{position:relative;grid-area:'input';display:flex;align-items:center;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-color-border,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-color-border-standalone,#c2c2c2));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-color-border-emphasis,#a1a1a1));background-color:var(--uui-toggle-background-color-hover,var(--uui-color-border,#d8d7d9))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-color-focus,#3879ff));background-color:var(--uui-toggle-background-color-focus,var(--uui-color-surface-emphasis,#fafafa))}input:checked~#slider{background-color:var(--uui-color-selected,#3544b1)}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}label:focus input:checked~#slider{background-color:var(--uui-color-selected-emphasis,#4656c8)}#icon-check,#icon-wrong{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms}#icon-check{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);fill:var(--uui-color-interactive,#1b264f)}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-color-interactive,#1b264f)}input:checked~#slider #icon-check{fill: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-wrong{fill:var(--uui-color-disabled-contrast,#c4c4c4)}:host([disabled]) label:active #slider{animation:${jt}}:host([disabled]) input:checked #slider #icon-check{fill:var(--uui-color-disabled-contrast,#c4c4c4)}:host(:not([pristine]):invalid) #slider,:host(:not([pristine]):invalid) label:hover #slider,:host(:not([pristine])[internals-invalid]) #slider,:host(:not([pristine])[internals-invalid]) label:hover #slider{border:1px solid var(--uui-color-danger-standalone,#bf214e)}`],n.UUIToggleElement=t1([b("uui-toggle")],n.UUIToggleElement),n.ActiveMixin=$a,n.FormControlMixin=Na,n.InterfaceColorValues=Ha,n.InterfaceLookValues=Ma,n.LabelMixin=xa,n.SelectOnlyMixin=La,n.SelectableMixin=Sa,n.Timer=Ba,n.UUIBlinkAnimationValue=sa,n.UUIBlinkKeyframes=na,n.UUIBooleanInputElement=ee,n.UUIBooleanInputEvent=zt,n.UUIButtonInlineCreateEvent=Nt,n.UUICardEvent=We,n.UUIColorAreaEvent=Vt,n.UUIColorPickerChangeEvent=qt,n.UUIColorSliderEvent=Kt,n.UUIColorSwatchesEvent=Ye,n.UUIComboboxEvent=B,n.UUIComboboxListEvent=Y,n.UUIEvent=xi,n.UUIFileDropzoneEvent=Ze,n.UUIFormControlEvent=Ie,n.UUIHorizontalPulseAnimationValue=la,n.UUIHorizontalPulseKeyframes=aa,n.UUIHorizontalShakeAnimationValue=ca,n.UUIHorizontalShakeKeyframes=ua,n.UUIIconHost=Ki,n.UUIIconRegistry=Wi,n.UUIIconRegistryEssential=Yn,n.UUIIconRequestEvent=Qe,n.UUIInputEvent=ze,n.UUIMenuItemEvent=be,n.UUIModalElement=R,n.UUIPaginationEvent=we,n.UUIRadioEvent=rt,n.UUIRadioGroupEvent=ni,n.UUIRefEvent=ot,n.UUISelectEvent=ai,n.UUISelectableEvent=xe,n.UUISliderEvent=Le,n.UUITabEvent=D0,n.UUITabGroupEvent=M0,n.UUITextStyles=Ct,n.UUITextareaEvent=Ut,n.UUIToastNotificationEvent=M,n.clamp=Fa,n.defineElement=Da,n.demandCustomElement=Ra,n.drag=Va,n.reverseNumberInRange=Ga,n.toHex=qa});
|
|
944
944
|
//# sourceMappingURL=uui.min.js.map
|