@umbraco-ui/uui 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +827 -25
- package/dist/uui.min.js +33 -33
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +8 -1
- package/lib/index.js +8 -1
- package/package.json +73 -65
package/dist/uui.min.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
(function(u){typeof define=="function"&&define.amd?define(u):u()})(function(){"use strict";function u(t,e){return
|
|
1
|
+
(function(u){typeof define=="function"&&define.amd?define(u):u()})(function(){"use strict";function u(t,e){return r=>{if(t.indexOf("-")>0===!1){console.error(`${t} 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(t)||window.customElements.define(t,r,e)}}/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const bi=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gi=Symbol(),br=new Map;class gr{constructor(e,r){if(this._$cssResult$=!0,r!==gi)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){let e=br.get(this.cssText);return bi&&e===void 0&&(br.set(this.cssText,e=new CSSStyleSheet),e.replaceSync(this.cssText)),e}toString(){return this.cssText}}const Qe=t=>new gr(typeof t=="string"?t:t+"",gi),c=(t,...e)=>{const r=t.length===1?t[0]:e.reduce((o,i,s)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new gr(r,gi)},es=(t,e)=>{bi?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{const o=document.createElement("style"),i=window.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=r.cssText,t.appendChild(o)})},mr=bi?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let r="";for(const o of e.cssRules)r+=o.cssText;return Qe(r)})(t):t;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var mi;const _r=window.trustedTypes,ts=_r?_r.emptyScript:"",yr=window.reactiveElementPolyfillSupport,_i={toAttribute(t,e){switch(e){case Boolean:t=t?ts:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=t!==null;break;case Number:r=t===null?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},xr=(t,e)=>e!==t&&(e==e||t==t),yi={attribute:!0,type:String,converter:_i,reflect:!1,hasChanged:xr};class Ce extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(e){var r;(r=this.l)!==null&&r!==void 0||(this.l=[]),this.l.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((r,o)=>{const i=this._$Eh(o,r);i!==void 0&&(this._$Eu.set(i,o),e.push(i))}),e}static createProperty(e,r=yi){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(e,r),!r.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,i=this.getPropertyDescriptor(e,o,r);i!==void 0&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,r,o){return{get(){return this[r]},set(i){const s=this[e];this[r]=i,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||yi}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),this.elementProperties=new Map(e.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const r=this.properties,o=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(const i of o)this.createProperty(i,r[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const r=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)r.unshift(mr(i))}else e!==void 0&&r.push(mr(e));return r}static _$Eh(e,r){const o=r.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}o(){var e;this._$Ep=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Em(),this.requestUpdate(),(e=this.constructor.l)===null||e===void 0||e.forEach(r=>r(this))}addController(e){var r,o;((r=this._$Eg)!==null&&r!==void 0?r:this._$Eg=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var r;(r=this._$Eg)===null||r===void 0||r.splice(this._$Eg.indexOf(e)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach((e,r)=>{this.hasOwnProperty(r)&&(this._$Et.set(r,this[r]),delete this[r])})}createRenderRoot(){var e;const r=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return es(r,this.constructor.elementStyles),r}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$Eg)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostConnected)===null||o===void 0?void 0:o.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$Eg)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostDisconnected)===null||o===void 0?void 0:o.call(r)})}attributeChangedCallback(e,r,o){this._$AK(e,o)}_$ES(e,r,o=yi){var i,s;const n=this.constructor._$Eh(e,o);if(n!==void 0&&o.reflect===!0){const p=((s=(i=o.converter)===null||i===void 0?void 0:i.toAttribute)!==null&&s!==void 0?s:_i.toAttribute)(r,o.type);this._$Ei=e,p==null?this.removeAttribute(n):this.setAttribute(n,p),this._$Ei=null}}_$AK(e,r){var o,i,s;const n=this.constructor,p=n._$Eu.get(e);if(p!==void 0&&this._$Ei!==p){const v=n.getPropertyOptions(p),h=v.converter,E=(s=(i=(o=h)===null||o===void 0?void 0:o.fromAttribute)!==null&&i!==void 0?i:typeof h=="function"?h:null)!==null&&s!==void 0?s:_i.fromAttribute;this._$Ei=p,this[p]=E(r,v.type),this._$Ei=null}}requestUpdate(e,r,o){let i=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||xr)(this[e],r)?(this._$AL.has(e)||this._$AL.set(e,r),o.reflect===!0&&this._$Ei!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):i=!1),!this.isUpdatePending&&i&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(r){Promise.reject(r)}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._$Et&&(this._$Et.forEach((i,s)=>this[s]=i),this._$Et=void 0);let r=!1;const o=this._$AL;try{r=this.shouldUpdate(o),r?(this.willUpdate(o),(e=this._$Eg)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdate)===null||s===void 0?void 0:s.call(i)}),this.update(o)):this._$EU()}catch(i){throw r=!1,this._$EU(),i}r&&this._$AE(o)}willUpdate(e){}_$AE(e){var r;(r=this._$Eg)===null||r===void 0||r.forEach(o=>{var i;return(i=o.hostUpdated)===null||i===void 0?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((r,o)=>this._$ES(o,this[o],r)),this._$EC=void 0),this._$EU()}updated(e){}firstUpdated(e){}}Ce.finalized=!0,Ce.elementProperties=new Map,Ce.elementStyles=[],Ce.shadowRootOptions={mode:"open"},yr?.({ReactiveElement:Ce}),((mi=globalThis.reactiveElementVersions)!==null&&mi!==void 0?mi:globalThis.reactiveElementVersions=[]).push("1.3.1");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var
|
|
13
|
+
*/var xi;const Pe=globalThis.trustedTypes,wr=Pe?Pe.createPolicy("lit-html",{createHTML:t=>t}):void 0,G=`lit$${(Math.random()+"").slice(9)}$`,wi="?"+G,is=`<${wi}>`,ke=document,Je=(t="")=>ke.createComment(t),et=t=>t===null||typeof t!="object"&&typeof t!="function",$r=Array.isArray,Er=t=>{var e;return $r(t)||typeof((e=t)===null||e===void 0?void 0:e[Symbol.iterator])=="function"},tt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Cr=/-->/g,Pr=/>/g,le=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,kr=/'/g,Or=/"/g,zr=/^(?:script|style|textarea|title)$/i,Sr=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),l=Sr(1),b=Sr(2),W=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),Ir=new WeakMap,rs=(t,e,r)=>{var o,i;const s=(o=r?.renderBefore)!==null&&o!==void 0?o:e;let n=s._$litPart$;if(n===void 0){const p=(i=r?.renderBefore)!==null&&i!==void 0?i:null;s._$litPart$=n=new ze(e.insertBefore(Je(),p),p,void 0,r??{})}return n._$AI(t),n},Oe=ke.createTreeWalker(ke,129,null,!1),Ar=(t,e)=>{const r=t.length-1,o=[];let i,s=e===2?"<svg>":"",n=tt;for(let v=0;v<r;v++){const h=t[v];let E,m,f=-1,_=0;for(;_<h.length&&(n.lastIndex=_,m=n.exec(h),m!==null);)_=n.lastIndex,n===tt?m[1]==="!--"?n=Cr:m[1]!==void 0?n=Pr:m[2]!==void 0?(zr.test(m[2])&&(i=RegExp("</"+m[2],"g")),n=le):m[3]!==void 0&&(n=le):n===le?m[0]===">"?(n=i??tt,f=-1):m[1]===void 0?f=-2:(f=n.lastIndex-m[2].length,E=m[1],n=m[3]===void 0?le:m[3]==='"'?Or:kr):n===Or||n===kr?n=le:n===Cr||n===Pr?n=tt:(n=le,i=void 0);const x=n===le&&t[v+1].startsWith("/>")?" ":"";s+=n===tt?h+is:f>=0?(o.push(E),h.slice(0,f)+"$lit$"+h.slice(f)+G+x):h+G+(f===-2?(o.push(void 0),v):x)}const p=s+(t[r]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[wr!==void 0?wr.createHTML(p):p,o]};class it{constructor({strings:e,_$litType$:r},o){let i;this.parts=[];let s=0,n=0;const p=e.length-1,v=this.parts,[h,E]=Ar(e,r);if(this.el=it.createElement(h,o),Oe.currentNode=this.el.content,r===2){const m=this.el.content,f=m.firstChild;f.remove(),m.append(...f.childNodes)}for(;(i=Oe.nextNode())!==null&&v.length<p;){if(i.nodeType===1){if(i.hasAttributes()){const m=[];for(const f of i.getAttributeNames())if(f.endsWith("$lit$")||f.startsWith(G)){const _=E[n++];if(m.push(f),_!==void 0){const x=i.getAttribute(_.toLowerCase()+"$lit$").split(G),w=/([.?@])?(.*)/.exec(_);v.push({type:1,index:s,name:w[2],strings:x,ctor:w[1]==="."?Dr:w[1]==="?"?Lr:w[1]==="@"?jr:rt})}else v.push({type:6,index:s})}for(const f of m)i.removeAttribute(f)}if(zr.test(i.tagName)){const m=i.textContent.split(G),f=m.length-1;if(f>0){i.textContent=Pe?Pe.emptyScript:"";for(let _=0;_<f;_++)i.append(m[_],Je()),Oe.nextNode(),v.push({type:2,index:++s});i.append(m[f],Je())}}}else if(i.nodeType===8)if(i.data===wi)v.push({type:2,index:s});else{let m=-1;for(;(m=i.data.indexOf(G,m+1))!==-1;)v.push({type:7,index:s}),m+=G.length-1}s++}}static createElement(e,r){const o=ke.createElement("template");return o.innerHTML=e,o}}function ue(t,e,r=t,o){var i,s,n,p;if(e===W)return e;let v=o!==void 0?(i=r._$Cl)===null||i===void 0?void 0:i[o]:r._$Cu;const h=et(e)?void 0:e._$litDirective$;return v?.constructor!==h&&((s=v?._$AO)===null||s===void 0||s.call(v,!1),h===void 0?v=void 0:(v=new h(t),v._$AT(t,r,o)),o!==void 0?((n=(p=r)._$Cl)!==null&&n!==void 0?n:p._$Cl=[])[o]=v:r._$Cu=v),v!==void 0&&(e=ue(t,v._$AS(t,e.values),v,o)),e}class Ur{constructor(e,r){this.v=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(e){var r;const{el:{content:o},parts:i}=this._$AD,s=((r=e?.creationScope)!==null&&r!==void 0?r:ke).importNode(o,!0);Oe.currentNode=s;let n=Oe.nextNode(),p=0,v=0,h=i[0];for(;h!==void 0;){if(p===h.index){let E;h.type===2?E=new ze(n,n.nextSibling,this,e):h.type===1?E=new h.ctor(n,h.name,h.strings,this,e):h.type===6&&(E=new Hr(n,this,e)),this.v.push(E),h=i[++v]}p!==h?.index&&(n=Oe.nextNode(),p++)}return s}m(e){let r=0;for(const o of this.v)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,r),r+=o.strings.length-2):o._$AI(e[r])),r++}}class ze{constructor(e,r,o,i){var s;this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=o,this.options=i,this._$Cg=(s=i?.isConnected)===null||s===void 0||s}get _$AU(){var e,r;return(r=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&r!==void 0?r:this._$Cg}get parentNode(){let e=this._$AA.parentNode;const r=this._$AM;return r!==void 0&&e.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=ue(this,e,r),et(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==W&&this.$(e):e._$litType$!==void 0?this.T(e):e.nodeType!==void 0?this.k(e):Er(e)?this.S(e):this.$(e)}M(e,r=this._$AB){return this._$AA.parentNode.insertBefore(e,r)}k(e){this._$AH!==e&&(this._$AR(),this._$AH=this.M(e))}$(e){this._$AH!==$&&et(this._$AH)?this._$AA.nextSibling.data=e:this.k(ke.createTextNode(e)),this._$AH=e}T(e){var r;const{values:o,_$litType$:i}=e,s=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=it.createElement(i.h,this.options)),i);if(((r=this._$AH)===null||r===void 0?void 0:r._$AD)===s)this._$AH.m(o);else{const n=new Ur(s,this),p=n.p(this.options);n.m(o),this.k(p),this._$AH=n}}_$AC(e){let r=Ir.get(e.strings);return r===void 0&&Ir.set(e.strings,r=new it(e)),r}S(e){$r(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let o,i=0;for(const s of e)i===r.length?r.push(o=new ze(this.M(Je()),this.M(Je()),this,this.options)):o=r[i],o._$AI(s),i++;i<r.length&&(this._$AR(o&&o._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,r);e&&e!==this._$AB;){const i=e.nextSibling;e.remove(),e=i}}setConnected(e){var r;this._$AM===void 0&&(this._$Cg=e,(r=this._$AP)===null||r===void 0||r.call(this,e))}}class rt{constructor(e,r,o,i,s){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,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,r=this,o,i){const s=this.strings;let n=!1;if(s===void 0)e=ue(this,e,r,0),n=!et(e)||e!==this._$AH&&e!==W,n&&(this._$AH=e);else{const p=e;let v,h;for(e=s[0],v=0;v<s.length-1;v++)h=ue(this,p[o+v],r,v),h===W&&(h=this._$AH[v]),n||(n=!et(h)||h!==this._$AH[v]),h===$?e=$:e!==$&&(e+=(h??"")+s[v+1]),this._$AH[v]=h}n&&!i&&this.C(e)}C(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Dr extends rt{constructor(){super(...arguments),this.type=3}C(e){this.element[this.name]=e===$?void 0:e}}const os=Pe?Pe.emptyScript:"";class Lr extends rt{constructor(){super(...arguments),this.type=4}C(e){e&&e!==$?this.element.setAttribute(this.name,os):this.element.removeAttribute(this.name)}}class jr extends rt{constructor(e,r,o,i,s){super(e,r,o,i,s),this.type=5}_$AI(e,r=this){var o;if((e=(o=ue(this,e,r,0))!==null&&o!==void 0?o:$)===W)return;const i=this._$AH,s=e===$&&i!==$||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==$&&(i===$||s);s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var r,o;typeof this._$AH=="function"?this._$AH.call((o=(r=this.options)===null||r===void 0?void 0:r.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class Hr{constructor(e,r,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const ss={L:"$lit$",P:G,V:wi,I:1,N:Ar,R:Ur,j:Er,D:ue,H:ze,F:rt,O:Lr,W:jr,B:Dr,Z:Hr},Nr=window.litHtmlPolyfillSupport;Nr?.(it,ze),((xi=globalThis.litHtmlVersions)!==null&&xi!==void 0?xi:globalThis.litHtmlVersions=[]).push("2.2.2");/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/var
|
|
17
|
+
*/var $i,Ei;class d extends Ce{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,r;const o=super.createRenderRoot();return(e=(r=this.renderOptions).renderBefore)!==null&&e!==void 0||(r.renderBefore=o.firstChild),o}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=rs(r,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Dt)===null||e===void 0||e.setConnected(!1)}render(){return W}}d.finalized=!0,d._$litElement$=!0,($i=globalThis.litElementHydrateSupport)===null||$i===void 0||$i.call(globalThis,{LitElement:d});const Tr=globalThis.litElementPolyfillSupport;Tr?.({LitElement:d}),((Ei=globalThis.litElementVersions)!==null&&Ei!==void 0?Ei:globalThis.litElementVersions=[]).push("3.2.0");var ns=Object.defineProperty,as=Object.getOwnPropertyDescriptor,ls=(t,e,r,o)=>{for(var i=o>1?void 0:o?as(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ns(e,r,i),i};let ot=class extends d{render(){return l`<slot></slot>`}};ot.styles=[c`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted(: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-dropdown){--uui-dropdown-toggle-slot-button-border-radius:0}::slotted(uui-dropdown:not(:first-child)){--uui-dropdown-toggle-slot-button-merge-border-left:1}::slotted(uui-dropdown:first-child){--uui-dropdown-toggle-slot-button-border-radius:var(
|
|
18
18
|
--uui-border-radius,3px
|
|
19
|
-
) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],
|
|
19
|
+
) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],ot=ls([u("uui-button-group")],ot);var us=Object.defineProperty,cs=Object.getOwnPropertyDescriptor,ds=(t,e,r,o)=>{for(var i=o>1?void 0:o?cs(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&us(e,r,i),i};let Ci=class extends ot{};Ci.styles=[...ot.styles,c`::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}`],Ci=ds([u("uui-action-bar")],Ci);/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const hs=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}};function a(t){return(e,r)=>r!==void 0?((o,i,s)=>{i.constructor.createProperty(s,o)})(t,e,r):hs(t,e)}/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/function
|
|
27
|
+
*/function g(t){return a({...t,state:!0})}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/const
|
|
31
|
+
*/const Pi=({finisher:t,descriptor:e})=>(r,o)=>{var i;if(o===void 0){const s=(i=r.originalKey)!==null&&i!==void 0?i:r.key,n=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(r.key)}:{...r,key:s};return t!=null&&(n.finisher=function(p){t(p,s)}),n}{const s=r.constructor;e!==void 0&&Object.defineProperty(r,o,e(o)),t?.(s,o)}};/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/function
|
|
35
|
+
*/function O(t,e){return Pi({descriptor:r=>{const o={get(){var i,s;return(s=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(t))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const i=typeof r=="symbol"?Symbol():"__"+r;o.get=function(){var s,n;return this[i]===void 0&&(this[i]=(n=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(t))!==null&&n!==void 0?n:null),this[i]}}return o}})}/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function
|
|
39
|
+
*/function ps(t){return Pi({descriptor:e=>({get(){var r,o;return(o=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelectorAll(t))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2021 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
-
*/var nr;const Lo=((nr=window.HTMLSlotElement)===null||nr===void 0?void 0:nr.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(i=>i.nodeType===Node.ELEMENT_NODE);function at(t){const{slot:e,selector:i}=t??{};return sr({descriptor:o=>({get(){var r;const s="slot"+(e?`[name=${e}]`:":not([name])"),n=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(s),p=n!=null?Lo(n,t):[];return i?p.filter(h=>h.matches(i)):p},enumerable:!0,configurable:!0})})}var Ho=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,lt=(t,e,i,o)=>{for(var r=o>1?void 0:o?jo(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ho(e,i,r),r};let ge=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(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}};ge.styles=[c`: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}`],lt([at({selector:"uui-avatar, [uui-avatar]",flatten:!0})],ge.prototype,"_avatarNodes",2),lt([w()],ge.prototype,"_avatarArray",2),lt([a({type:Number,attribute:!0})],ge.prototype,"limit",2),ge=lt([u("uui-avatar-group")],ge);var No=Object.defineProperty,To=Object.getOwnPropertyDescriptor,me=(t,e,i,o)=>{for(var r=o>1?void 0:o?To(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&No(e,i,r),r};let Y=class extends v{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(t){const i=t.match(/(\w+)/g)||[];e=i[0].substring(0,1),i.length>1&&(e+=i[i.length-1].substring(0,1))}return e.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}};Y.styles=[c`: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-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],me([a({type:Boolean,attribute:!0,reflect:!0})],Y.prototype,"overflow",2),me([a({type:String,attribute:"img-src"})],Y.prototype,"imgSrc",2),me([a({type:String,attribute:"img-srcset"})],Y.prototype,"imgSrcset",2),me([a({type:String,reflect:!0})],Y.prototype,"name",1),me([w()],Y.prototype,"initials",2),Y=me([u("uui-avatar")],Y);var Mo=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,ar=(t,e,i,o)=>{for(var r=o>1?void 0:o?Bo(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Mo(e,i,r),r};let Ve=class extends v{constructor(){super(...arguments);this.look="danger",this.attention=!1}render(){return l`<slot></slot>`}};Ve.styles=[c`: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-width:var(--uui-badge-border-width,1px);border-style:solid;border-color:var(--uui-badge-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-size-4,12px);background-color:var(--uui-badge-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-badge-contrast,var(--uui-interface-contrast,#060606))}::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}}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-primary-border-style,solid));border-color:var(--uui-look-primary-border,#1b264f)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-secondary-border-style,solid));border-color:var(--uui-look-secondary-border,#e2dad4)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-outline-border-style,solid));border-color:var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-placeholder-border-style,dashed));border-color:var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-positive-border-style,solid));border-color:var(--uui-look-positive-border,#25aa60)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-badge-border-style,var(--uui-look-warning-border-style,solid));border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-danger-border-style,solid));border-color:var(--uui-look-danger-border,#d42054)}`],ar([a({type:String,reflect:!0})],Ve.prototype,"look",2),ar([a({type:Boolean,reflect:!0})],Ve.prototype,"attention",2),Ve=ar([u("uui-badge")],Ve);var Vo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,Fo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ro(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Vo(e,i,r),r};const lr=t=>{class e extends t{constructor(){super(...arguments);this.active=!1}}return Fo([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var qo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,xi=(t,e,i,o)=>{for(var r=o>1?void 0:o?Go(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&qo(e,i,r),r};const ut=(t,e)=>{class i 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 l`${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${t||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return xi([a({type:String})],i.prototype,"label",2),xi([w()],i.prototype,"_labelSlotHasContent",2),i};var Wo=Object.defineProperty,wi=Object.getOwnPropertySymbols,Ko=Object.prototype.hasOwnProperty,Yo=Object.prototype.propertyIsEnumerable,$i=(t,e,i)=>e in t?Wo(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,ki=(t,e)=>{for(var i in e||(e={}))Ko.call(e,i)&&$i(t,i,e[i]);if(wi)for(var i of wi(e))Yo.call(e,i)&&$i(t,i,e[i]);return t};const Xo={composed:!0};class Zo extends Event{constructor(e,i={}){super(e,ki(ki({},Xo),i));this.detail=i.detail||{}}}class Re extends Zo{}Re.SELECTED="selected",Re.UNSELECTED="unselected";var Qo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,Ci=(t,e,i,o)=>{for(var r=o>1?void 0:o?Jo(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Qo(e,i,r),r};const ct=t=>{class e extends t{constructor(...o){super(...o);this._selectable=!1,this.selected=!1,this.addEventListener("click",this._toggleSelect),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){o.key!==" "&&o.key!=="Enter"||(o.preventDefault(),this._toggleSelect())}_toggleSelect(){this.selectable!==!1&&(this.selected=!this.selected,this.dispatchEvent(new Re(this.selected?Re.SELECTED:Re.UNSELECTED,this)))}}return Ci([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Ci([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var es=Object.defineProperty,ts=Object.getOwnPropertyDescriptor,rs=(t,e,i,o)=>{for(var r=o>1?void 0:o?ts(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&es(e,i,r),r};const dt=t=>{class e extends t{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 rs([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var is=Object.defineProperty,Pi=Object.getOwnPropertySymbols,os=Object.prototype.hasOwnProperty,ss=Object.prototype.propertyIsEnumerable,Ei=(t,e,i)=>e in t?is(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Oi=(t,e)=>{for(var i in e||(e={}))os.call(e,i)&&Ei(t,i,e[i]);if(Pi)for(var i of Pi(e))ss.call(e,i)&&Ei(t,i,e[i]);return t};const ns={composed:!0};class zi extends Event{constructor(e,i={}){super(e,Oi(Oi({},ns),i));this.detail=i.detail||{}}}var as=Object.defineProperty,Si=Object.getOwnPropertySymbols,ls=Object.prototype.hasOwnProperty,us=Object.prototype.propertyIsEnumerable,Ai=(t,e,i)=>e in t?as(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ii=(t,e)=>{for(var i in e||(e={}))ls.call(e,i)&&Ai(t,i,e[i]);if(Si)for(var i of Si(e))us.call(e,i)&&Ai(t,i,e[i]);return t};class _e extends zi{constructor(e,i={}){super(e,Ii(Ii({},{bubbles:!0}),i))}}_e.VALID="valid",_e.INVALID="invalid";class Ui extends zi{}Ui.SELECTED="selected",Ui.UNSELECTED="unselected";var cs=Object.defineProperty,ds=Object.getOwnPropertyDescriptor,re=(t,e,i,o)=>{for(var r=o>1?void 0:o?ds(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&cs(e,i,r),r};const ye=t=>{class e extends t{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 n={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(n),n}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()))}),Object.values(this._validityState).includes(!0)?this.dispatchEvent(new _e(_e.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new _e(_e.VALID)))}updated(o){super.updated(o),this._runValidators()}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 validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,re([a({type:String})],e.prototype,"name",2),re([a()],e.prototype,"value",1),re([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),re([a({type:Boolean,reflect:!0})],e.prototype,"required",2),re([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),re([a({type:Boolean,reflect:!0})],e.prototype,"error",2),re([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var hs=Object.defineProperty,Di=Object.getOwnPropertySymbols,ps=Object.prototype.hasOwnProperty,vs=Object.prototype.propertyIsEnumerable,Li=(t,e,i)=>e in t?hs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Hi=(t,e)=>{for(var i in e||(e={}))ps.call(e,i)&&Li(t,i,e[i]);if(Di)for(var i of Di(e))vs.call(e,i)&&Li(t,i,e[i]);return t};const bs={composed:!0};class E extends Event{constructor(e,i={}){super(e,Hi(Hi({},bs),i));this.detail=i.detail||{}}}var fs=Object.defineProperty,ji=Object.getOwnPropertySymbols,gs=Object.prototype.hasOwnProperty,ms=Object.prototype.propertyIsEnumerable,Ni=(t,e,i)=>e in t?fs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ti=(t,e)=>{for(var i in e||(e={}))gs.call(e,i)&&Ni(t,i,e[i]);if(ji)for(var i of ji(e))ms.call(e,i)&&Ni(t,i,e[i]);return t};class xe extends E{constructor(e,i={}){super(e,Ti(Ti({},{bubbles:!0}),i))}}xe.VALID="valid",xe.INVALID="invalid";class Mi extends E{}Mi.SELECTED="selected",Mi.UNSELECTED="unselected";class ur extends E{}ur.CHANGE="change";var _s=Object.defineProperty,ys=Object.getOwnPropertyDescriptor,ht=(t,e,i,o)=>{for(var r=o>1?void 0:o?ys(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&_s(e,i,r),r};class q extends ye(ut("",v)){constructor(e="checkbox"){super();this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e}get value(){return this._value}set value(e){const i=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",i)}get checked(){return this._checked}set checked(e){const i=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var i;super.firstUpdated(e);const o=(i=this.shadowRoot)==null?void 0:i.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(){this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new ur(ur.CHANGE))}render(){return l`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}}q.styles=[c`: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}`],ht([a({type:String,attribute:"label-position",reflect:!0})],q.prototype,"labelPosition",2),ht([a({type:Boolean})],q.prototype,"checked",1),ht([a({type:Boolean,reflect:!0})],q.prototype,"disabled",2),ht([N("#input")],q.prototype,"_input",2);var xs=`.uui-text {
|
|
43
|
+
*/var ki;const vs=((ki=window.HTMLSlotElement)===null||ki===void 0?void 0:ki.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(r=>r.nodeType===Node.ELEMENT_NODE);function ce(t){const{slot:e,selector:r}=t??{};return Pi({descriptor:o=>({get(){var i;const s="slot"+(e?`[name=${e}]`:":not([name])"),n=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(s),p=n!=null?vs(n,t):[];return r?p.filter(v=>v.matches(r)):p},enumerable:!0,configurable:!0})})}var fs=Object.defineProperty,bs=Object.getOwnPropertyDescriptor,Ot=(t,e,r,o)=>{for(var i=o>1?void 0:o?bs(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fs(e,r,i),i};let Se=class extends d{constructor(){super(...arguments);this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}};Se.styles=[c`: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([ce({selector:"uui-avatar, [uui-avatar]",flatten:!0})],Se.prototype,"_avatarNodes",2),Ot([g()],Se.prototype,"_avatarArray",2),Ot([a({type:Number,attribute:!0})],Se.prototype,"limit",2),Se=Ot([u("uui-avatar-group")],Se);var gs=Object.defineProperty,ms=Object.getOwnPropertyDescriptor,Ie=(t,e,r,o)=>{for(var i=o>1?void 0:o?ms(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&gs(e,r,i),i};let te=class extends d{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(t){const r=t.match(/(\w+)/g)||[];e=r[0].substring(0,1),r.length>1&&(e+=r[r.length-1].substring(0,1))}return e.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}};te.styles=[c`: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-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],Ie([a({type:Boolean,attribute:!0,reflect:!0})],te.prototype,"overflow",2),Ie([a({type:String,attribute:"img-src"})],te.prototype,"imgSrc",2),Ie([a({type:String,attribute:"img-srcset"})],te.prototype,"imgSrcset",2),Ie([a({type:String,reflect:!0})],te.prototype,"name",1),Ie([g()],te.prototype,"initials",2),te=Ie([u("uui-avatar")],te);var _s=Object.defineProperty,ys=Object.getOwnPropertyDescriptor,Oi=(t,e,r,o)=>{for(var i=o>1?void 0:o?ys(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&_s(e,r,i),i};let st=class extends d{constructor(){super(...arguments);this.look="danger",this.attention=!1}render(){return l`<slot></slot>`}};st.styles=[c`: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-width:var(--uui-badge-border-width,1px);border-style:solid;border-color:var(--uui-badge-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-size-4,12px);background-color:var(--uui-badge-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-badge-contrast,var(--uui-interface-contrast,#060606))}::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}}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-primary-border-style,solid));border-color:var(--uui-look-primary-border,#1b264f)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-secondary-border-style,solid));border-color:var(--uui-look-secondary-border,#e2dad4)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-outline-border-style,solid));border-color:var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-placeholder-border-style,dashed));border-color:var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-positive-border-style,solid));border-color:var(--uui-look-positive-border,#25aa60)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-badge-border-style,var(--uui-look-warning-border-style,solid));border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-danger-border-style,solid));border-color:var(--uui-look-danger-border,#d42054)}`],Oi([a({type:String,reflect:!0})],st.prototype,"look",2),Oi([a({type:Boolean,reflect:!0})],st.prototype,"attention",2),st=Oi([u("uui-badge")],st);var xs=Object.defineProperty,ws=Object.getOwnPropertyDescriptor,$s=(t,e,r,o)=>{for(var i=o>1?void 0:o?ws(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&xs(e,r,i),i};const zt=t=>{class e extends t{constructor(){super(...arguments);this.active=!1}}return $s([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var Es=Object.defineProperty,Cs=Object.getOwnPropertyDescriptor,Mr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Cs(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Es(e,r,i),i};const nt=(t,e)=>{class r extends e{constructor(){super(...arguments);this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(i){this._labelSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}<slot class="label" style="${this._labelSlotHasContent?"":"visibility: hidden"}" name="${t||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Mr([a({type:String})],r.prototype,"label",2),Mr([g()],r.prototype,"_labelSlotHasContent",2),r};var Ps=Object.defineProperty,Br=Object.getOwnPropertySymbols,ks=Object.prototype.hasOwnProperty,Os=Object.prototype.propertyIsEnumerable,Vr=(t,e,r)=>e in t?Ps(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Fr=(t,e)=>{for(var r in e||(e={}))ks.call(e,r)&&Vr(t,r,e[r]);if(Br)for(var r of Br(e))Os.call(e,r)&&Vr(t,r,e[r]);return t};const zs={composed:!0};class Ss extends Event{constructor(e,r={}){super(e,Fr(Fr({},zs),r));this.detail=r.detail||{}}}var Is=Object.defineProperty,Rr=Object.getOwnPropertySymbols,As=Object.prototype.hasOwnProperty,Us=Object.prototype.propertyIsEnumerable,qr=(t,e,r)=>e in t?Is(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gr=(t,e)=>{for(var r in e||(e={}))As.call(e,r)&&qr(t,r,e[r]);if(Rr)for(var r of Rr(e))Us.call(e,r)&&qr(t,r,e[r]);return t};class Ae extends Ss{constructor(e,r={}){super(e,Gr(Gr({},{bubbles:!0}),r))}}Ae.SELECTED="selected",Ae.UNSELECTED="unselected";var Ds=Object.defineProperty,Ls=Object.getOwnPropertyDescriptor,Wr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ls(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ds(e,r,i),i};const at=t=>{class e extends t{constructor(...o){super(...o);this._selectable=!1,this.unselectable=!0,this.selected=!1,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const i=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}handleSelectKeydown(o){o.key!==" "&&o.key!=="Enter"||(o.preventDefault(),this._handleClick())}_select(){!this.selectable||(this.selected=!0,this.dispatchEvent(new Ae(Ae.SELECTED)))}_unselect(){!this.unselectable||(this.selected=!1,this.dispatchEvent(new Ae(Ae.UNSELECTED)))}_handleClick(){this.unselectable===!1?this._select():this.selected?this._unselect():this._select()}}return Wr([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Wr([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var js=Object.defineProperty,Hs=Object.getOwnPropertyDescriptor,Ns=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hs(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&js(e,r,i),i};const St=t=>{class e extends t{constructor(){super(...arguments);this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const i=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",i)}}return Ns([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Ts=Object.defineProperty,Kr=Object.getOwnPropertySymbols,Ms=Object.prototype.hasOwnProperty,Bs=Object.prototype.propertyIsEnumerable,Yr=(t,e,r)=>e in t?Ts(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Xr=(t,e)=>{for(var r in e||(e={}))Ms.call(e,r)&&Yr(t,r,e[r]);if(Kr)for(var r of Kr(e))Bs.call(e,r)&&Yr(t,r,e[r]);return t};const Vs={composed:!0};class Zr extends Event{constructor(e,r={}){super(e,Xr(Xr({},Vs),r));this.detail=r.detail||{}}}var Fs=Object.defineProperty,Qr=Object.getOwnPropertySymbols,Rs=Object.prototype.hasOwnProperty,qs=Object.prototype.propertyIsEnumerable,Jr=(t,e,r)=>e in t?Fs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,eo=(t,e)=>{for(var r in e||(e={}))Rs.call(e,r)&&Jr(t,r,e[r]);if(Qr)for(var r of Qr(e))qs.call(e,r)&&Jr(t,r,e[r]);return t};class Ue extends Zr{constructor(e,r={}){super(e,eo(eo({},{bubbles:!0}),r))}}Ue.VALID="valid",Ue.INVALID="invalid";var Gs=Object.defineProperty,to=Object.getOwnPropertySymbols,Ws=Object.prototype.hasOwnProperty,Ks=Object.prototype.propertyIsEnumerable,io=(t,e,r)=>e in t?Gs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ro=(t,e)=>{for(var r in e||(e={}))Ws.call(e,r)&&io(t,r,e[r]);if(to)for(var r of to(e))Ks.call(e,r)&&io(t,r,e[r]);return t};class oo extends Zr{constructor(e,r={}){super(e,ro(ro({},{bubbles:!0}),r))}}oo.SELECTED="selected",oo.UNSELECTED="unselected";var Ys=Object.defineProperty,Xs=Object.getOwnPropertyDescriptor,de=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xs(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ys(e,r,i),i};const K=t=>{class e extends t{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 i=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",i)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,i,s){const n={flagKey:o,getMessageMethod:i,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const i=this._validators.indexOf(o);i!==-1&&this._validators.splice(i,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(i=>{for(const s in i.validity)s!=="valid"&&i.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,i.validationMessage,i))}),this._validators.forEach(i=>{i.checkMethod()&&(this._validityState[i.flagKey]=!0,this._internals.setValidity(this._validityState,i.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new Ue(Ue.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ue(Ue.VALID)))}updated(o){super.updated(o),this._runValidators()}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 i in this._formCtrlElements)if(this._formCtrlElements[i].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,de([a({type:String})],e.prototype,"name",2),de([a()],e.prototype,"value",1),de([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),de([a({type:Boolean,reflect:!0})],e.prototype,"required",2),de([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),de([a({type:Boolean,reflect:!0})],e.prototype,"error",2),de([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var Zs=Object.defineProperty,so=Object.getOwnPropertySymbols,Qs=Object.prototype.hasOwnProperty,Js=Object.prototype.propertyIsEnumerable,no=(t,e,r)=>e in t?Zs(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ao=(t,e)=>{for(var r in e||(e={}))Qs.call(e,r)&&no(t,r,e[r]);if(so)for(var r of so(e))Js.call(e,r)&&no(t,r,e[r]);return t};const en={composed:!0};class C extends Event{constructor(e,r={}){super(e,ao(ao({},en),r));this.detail=r.detail||{}}}var tn=Object.defineProperty,lo=Object.getOwnPropertySymbols,rn=Object.prototype.hasOwnProperty,on=Object.prototype.propertyIsEnumerable,uo=(t,e,r)=>e in t?tn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,co=(t,e)=>{for(var r in e||(e={}))rn.call(e,r)&&uo(t,r,e[r]);if(lo)for(var r of lo(e))on.call(e,r)&&uo(t,r,e[r]);return t};class De extends C{constructor(e,r={}){super(e,co(co({},{bubbles:!0}),r))}}De.VALID="valid",De.INVALID="invalid";var sn=Object.defineProperty,ho=Object.getOwnPropertySymbols,nn=Object.prototype.hasOwnProperty,an=Object.prototype.propertyIsEnumerable,po=(t,e,r)=>e in t?sn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,vo=(t,e)=>{for(var r in e||(e={}))nn.call(e,r)&&po(t,r,e[r]);if(ho)for(var r of ho(e))an.call(e,r)&&po(t,r,e[r]);return t};class Le extends C{constructor(e,r={}){super(e,vo(vo({},{bubbles:!0}),r))}}Le.SELECTED="selected",Le.UNSELECTED="unselected";class zi extends C{}zi.CHANGE="change";var ln=Object.defineProperty,un=Object.getOwnPropertyDescriptor,It=(t,e,r,o)=>{for(var i=o>1?void 0:o?un(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ln(e,r,i),i};class Y extends K(nt("",d)){constructor(e="checkbox"){super();this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e}get value(){return this._value}set value(e){const r=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",r)}get checked(){return this._checked}set checked(e){const r=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",r)}getFormElement(){return this._input}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var r;super.firstUpdated(e);const o=(r=this.shadowRoot)==null?void 0:r.querySelector("label");let i=!1;this._input.addEventListener("blur",()=>{i===!1&&this.style.setProperty("--uui-show-focus-outline","1"),i=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),i=!0}),o.addEventListener("mouseup",()=>{i=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(){this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new zi(zi.CHANGE))}render(){return l`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}}Y.styles=[c`: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}`],It([a({type:String,attribute:"label-position",reflect:!0})],Y.prototype,"labelPosition",2),It([a({type:Boolean})],Y.prototype,"checked",1),It([a({type:Boolean,reflect:!0})],Y.prototype,"disabled",2),It([O("#input")],Y.prototype,"_input",2);var cn=`.uui-text {
|
|
44
44
|
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
45
45
|
font-size: 15px;
|
|
46
46
|
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
@@ -204,31 +204,31 @@
|
|
|
204
204
|
margin-top: var(--uui-size-layout-1,24px);
|
|
205
205
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
206
206
|
}
|
|
207
|
-
`;const
|
|
207
|
+
`;const Si=Qe(cn);var dn=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,At=(t,e,r,o)=>{for(var i=o>1?void 0:o?hn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&dn(e,r,i),i};let je=class extends d{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeader(){return l`<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 l`${this.renderHeader()}<slot></slot>`}};je.styles=[Si,c`: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-interface-surface,#fefefe)}#header{display:block;border-bottom:1px solid var(--uui-interface-border,#c4c4c4);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))}`],At([a({type:String})],je.prototype,"headline",2),At([g()],je.prototype,"_headlineSlotHasContent",2),At([g()],je.prototype,"_headerSlotHasContent",2),je=At([u("uui-box")],je);var pn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,Ii=(t,e,r,o)=>{for(var i=o>1?void 0:o?vn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&pn(e,r,i),i};let He=class extends d{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};He.styles=[c`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-interface-contrast-hover,#1b264f)}a:focus{color:var(--uui-interface-contrast-focus,#060606)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-interface-border,#c4c4c4)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],Ii([a()],He.prototype,"href",2),Ii([a({type:Boolean,attribute:"last-item"})],He.prototype,"lastItem",2),He=Ii([u("uui-breadcrumb-item")],He);var fn=Object.defineProperty,bn=Object.getOwnPropertyDescriptor,fo=(t,e,r,o)=>{for(var i=o>1?void 0:o?bn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fn(e,r,i),i};let Ut=class extends d{elementIsBreadcrumbItem(t){return t instanceof He}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const t=this.slotNodes[this.slotNodes.length-1];t.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(t)&&(t.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}};Ut.styles=[c`: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}`],fo([ce({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],Ut.prototype,"slotNodes",2),Ut=fo([u("uui-breadcrumbs")],Ut);const gn=c`@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,mn=Qe("uui-blink 0.9s infinite both"),_n=c`@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}}`;Qe("pulse 0.8s ease-in-out infinite both");const Dt=c`@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)}}`,Lt=Qe("uui-horizontal-shake 600ms ease backwards");/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2017 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/const
|
|
211
|
+
*/const Ai={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ui=t=>(...e)=>({_$litDirective$:t,values:e});class Di{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,o){this._$Ct=e,this._$AM=r,this._$Ci=o}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}}/**
|
|
212
212
|
* @license
|
|
213
213
|
* Copyright 2018 Google LLC
|
|
214
214
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
215
|
-
*/const gt=pr(class extends vr{constructor(t){var e;if(super(t),t.type!==hr.ATTRIBUTE||t.name!=="style"||((e=t.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(t){return Object.keys(t).reduce((e,i)=>{const o=t[i];return o==null?e:e+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:i}=t.element;if(this.ct===void 0){this.ct=new Set;for(const o in e)this.ct.add(o);return this.render(e)}this.ct.forEach(o=>{e[o]==null&&(this.ct.delete(o),o.includes("-")?i.removeProperty(o):i[o]="")});for(const o in e){const r=e[o];r!=null&&(this.ct.add(o),o.includes("-")?i.setProperty(o,r):i[o]=r)}return F}});class br extends E{}br.CLICK="click";var As=Object.defineProperty,Is=Object.getOwnPropertyDescriptor,mt=(t,e,i,o)=>{for(var r=o>1?void 0:o?Is(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&As(e,i,r),r};let ke=class extends v{constructor(){super(...arguments);this._position=0,this.vertical=!1}_onMouseMove(t){this._position=this.vertical?t.offsetY:t.offsetX}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new br(br.CLICK))}render(){return l`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}"><div id="plus" style="${gt({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>`}};ke.styles=[Os,c`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-8px 0}:host([vertical]){height:100%;width:20px;margin:0 -8px}#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}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:var(--uui-interface-select,#3544b1);border-top:1px solid var(--uui-interface-surface,#fefefe);border-bottom:1px solid var(--uui-interface-surface,#fefefe);border-radius:2px;pointer-events:none;animation:${zs}}: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%)}: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-interface-select,#3544b1);color:var(--uui-interface-select,#3544b1);background-color:var(--uui-interface-surface,#fefefe);box-shadow:0 0 0 2px var(--uui-interface-surface,#fefefe);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}:host(:not([vertical])) #plus{margin-left:-21px}:host([vertical]) #plus{left:-4px;margin-top:-21px}#button-wrapper:focus #plus{border:2px solid #6ab4f0}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],mt([w()],ke.prototype,"_position",2),mt([a({type:String})],ke.prototype,"label",2),mt([a({type:Boolean,reflect:!0})],ke.prototype,"vertical",2),ke=mt([u("uui-button-inline-create")],ke);class Us{constructor(e,i){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}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 k=(t,e,i=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",i,t)},fr="",gr=f`<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>`,Ds=f`<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>`,Ls=f`<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>`,Hs=f`<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>`,js=f`<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>`,Ns=f`<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>`,Vi=f`<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>`;var Ts=Object.defineProperty,Ms=Object.getOwnPropertyDescriptor,Ce=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ms(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ts(e,i,r),r};let G=class extends ut("",v){constructor(){super();this.type="button",this.disabled=!1,this.look=fr,this.compact=!1,this.state=null,this._internals=this.attachInternals(),this.addEventListener("click",this._onHostClick)}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.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(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=null,2e3)))}renderState(){let t=l``;switch(this.state){case"waiting":k(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":k(this,"uui-icon"),t=l`<uui-icon name="check" .fallback="${gr.strings[0]}"></uui-icon>`;break;case"failed":k(this,"uui-icon"),t=l`<uui-icon name="wrong" .fallback="${Vi.strings[0]}"></uui-icon>`;break;default:return""}return l`<div id="state">${t}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}};G.styles=[bt,c`:host{position:relative;display:inline-block;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;text-align:center;font-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400))}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}.label{display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards}button{height:100%;min-height:var(--uui-button-height,auto);width:100%;padding:calc(calc(8 / 15 * 1em) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(calc(8 / 15 * 1em) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));text-align:inherit;vertical-align:middle;box-shadow:none;border-width:var(--uui-button-border-width,1px);border-style:solid;border-color:var(--uui-button-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;font-size:var(--uui-button-font-size,inherit);font-family:inherit;font-weight:inherit;background-color:var(--uui-button-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-button-contrast,var(--uui-interface-contrast,#060606));transition:background-color 80ms,border-color 80ms,color 80ms}button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-interface-surface-hover,#fafafa));border-color:var(--uui-button-border-color-hover,var(--uui-interface-surface-hover,#fafafa));color:var(--uui-button-contrast-hover,var(--uui-interface-contrast-hover,#1b264f))}button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-button-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{animation:${ft}}#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([look=primary]){font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button{background-color:var(--uui-button-background-color,var(--uui-look-primary-surface,#1b264f));color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-primary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-primary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-primary-border,#1b264f))}:host([look=primary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-primary-surface-hover,#3544b1));color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-primary-border-hover,#3544b1))}:host([look=primary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-primary-surface-disabled,#737882));color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-button-border-color-disabled,var(--uui-look-primary-border-disabled,#737882))}:host([look=secondary]){font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button{background-color:var(--uui-button-background-color,var(--uui-look-secondary-surface,#e2dad4));color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-secondary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-secondary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-secondary-border,#e2dad4))}:host([look=secondary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-secondary-surface-hover,#f3efed));color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-secondary-border-hover,#f3efed))}:host([look=secondary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-secondary-surface-disabled,#cfcfcf));color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-secondary-border-disabled,#cfcfcf))}:host([look=outline]) button{font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button{background-color:var(--uui-button-background-color,var(--uui-look-outline-surface,transparent));color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-outline-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-outline-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-outline-border,#1b264f))}:host([look=outline]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-outline-surface-hover,transparent));color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-outline-border-hover,#3544b1))}:host([look=outline]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-outline-surface-disabled,transparent));color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-outline-border-disabled,#6a759a))}:host([look=placeholder]){font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button{background-color:var(--uui-button-background-color,var(--uui-look-placeholder-surface,transparent));color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-placeholder-border-style,dashed));border-radius:var(--uui-button-border-radius,var(--uui-look-placeholder-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-placeholder-border,#1b264f))}:host([look=placeholder]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-placeholder-surface-hover,transparent));color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-placeholder-border-hover,#3544b1))}:host([look=placeholder]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-placeholder-surface-disabled,transparent));color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-placeholder-border-disabled,#6a759a))}:host([look=positive]){font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button{background-color:var(--uui-button-background-color,var(--uui-look-positive-surface,#25aa60));color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-positive-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-positive-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-positive-border,#25aa60))}:host([look=positive]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-positive-surface-hover,#2bc570));color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-positive-border-hover,#2bc570))}:host([look=positive]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-positive-surface-disabled,#597566));color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-positive-border-disabled,#597566))}:host([look=warning]){font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button{background-color:var(--uui-button-background-color,var(--uui-look-warning-surface,#fad634));color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-button-border-style,var(--uui-look-warning-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-warning-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-warning-border,#fad634))}:host([look=warning]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-warning-surface-hover,#fbe065));color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-button-border-color-hover,var(--uui-look-warning-border-hover,#fbe065))}:host([look=warning]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-warning-surface-disabled,#a6a085));color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-button-border-color-disabled,var(--uui-look-warning-border-disabled,#a6a085))}:host([look=danger]){font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button{background-color:var(--uui-button-background-color,var(--uui-look-danger-surface,#d42054));color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-danger-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-danger-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-danger-border,#d42054))}:host([look=danger]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-danger-surface-hover,#e23c6b));color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-danger-border-hover,#e23c6b))}:host([look=danger]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-danger-surface-disabled,#856b72));color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-danger-border-disabled,#856b72))}`],G.formAssociated=!0,Ce([a({type:String,reflect:!0})],G.prototype,"type",2),Ce([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),Ce([a({reflect:!0})],G.prototype,"look",2),Ce([a({type:Boolean,reflect:!0})],G.prototype,"compact",2),Ce([a({type:String,reflect:!0})],G.prototype,"state",2),G=Ce([u("uui-button")],G);class Fe extends E{}Fe.OPEN="open";var Bs=Object.defineProperty,Vs=Object.getOwnPropertyDescriptor,mr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Vs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Bs(e,i,r),r};let L=class extends dt(ct(v)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new Fe(Fe.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Fe(Fe.OPEN)))}};L.styles=[c`: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-interface-surface,#fefefe);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-interface-outline,#3879ff);outline-offset:4px}:host(:focus){outline-color:var(--uui-interface-outline,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error]){border:var(--uui-card-border-width) solid var(--uui-look-danger-border,#d42054)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-interface-surface-disabled,#e4e4e4);color:var(--uui-interface-contrast-disabled,#73716e)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + var(--uui-card-border-width) * 2);height:calc(100% + var(--uui-card-border-width) * 2);box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-interface-select,#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([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([error])::after{inset:calc(var(--uui-card-border-width) * -2);width:calc(100% + calc(var(--uui-card-border-width) * 4));height:calc(100% + calc(var(--uui-card-border-width) * 4))}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}`],mr([a({type:Boolean,reflect:!0,attribute:"disabled"})],L.prototype,"disabled",2),mr([a({type:Boolean,reflect:!0})],L.prototype,"error",2),L=mr([u("uui-card")],L);var Rs=Object.defineProperty,Fs=Object.getOwnPropertyDescriptor,_r=(t,e,i,o)=>{for(var r=o>1?void 0:o?Fs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Rs(e,i,r),r};let qe=class extends L{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(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return k(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<div id="open-part" tabindex="${this.disabled?x: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>`}};qe.styles=[...L.styles,c`: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-interface-contrast-hover,#1b264f)}#name{margin-top:4px}`],_r([a({type:String})],qe.prototype,"name",2),_r([w()],qe.prototype,"_iconSlotHasContent",2),qe=_r([u("uui-card-content-node")],qe);var qs=Object.defineProperty,Gs=Object.getOwnPropertyDescriptor,_t=(t,e,i,o)=>{for(var r=o>1?void 0:o?Gs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&qs(e,i,r),r};let Pe=class extends L{constructor(){super(...arguments);this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),k(this,"uui-symbol-folder"),k(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.path[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!1?this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`:""}render(){return l`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?x:"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>`}};Pe.styles=[...L.styles,c`#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-white,#fefefe);color:var(--uui-color-black,#060606);border:none;cursor:pointer;border-top:1px solid rgba(0,0,0,.04);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}#open-part:hover{text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}: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}`],_t([a({type:String})],Pe.prototype,"name",2),_t([a({type:String,attribute:"file-ext"})],Pe.prototype,"fileExt",2),_t([w()],Pe.prototype,"hasPreview",2),Pe=_t([u("uui-card-media")],Pe);var Ws=Object.defineProperty,Ks=Object.getOwnPropertyDescriptor,Ri=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ks(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ws(e,i,r),r};let yt=class extends L{constructor(){super(...arguments);this.name=""}connectedCallback(){super.connectedCallback(),k(this,"uui-avatar")}render(){return l`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?x:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};yt.styles=[...L.styles,c`: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-interface-contrast-hover,#1b264f)}`],Ri([a({type:String})],yt.prototype,"name",2),yt=Ri([u("uui-card-user")],yt);var Ys=Object.defineProperty,Xs=Object.getOwnPropertyDescriptor,Fi=(t,e,i,o)=>{for(var r=o>1?void 0:o?Xs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ys(e,i,r),r};let xt=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 l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};xt.styles=[c`: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)}`],Fi([a({type:Boolean,reflect:!0})],xt.prototype,"open",2),xt=Fi([u("uui-caret")],xt);var Zs=Object.defineProperty,Qs=Object.getOwnPropertyDescriptor,Js=(t,e,i,o)=>{for(var r=o>1?void 0:o?Qs(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Zs(e,i,r),r};let wt=class extends q{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${gr}</div></div>`}};wt.formAssociated=!0,wt.styles=[...q.styles,bt,c`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;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-interface-chosen-contrast,#fefefe));background-color:var(--uui-toggle-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-checkbox-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-checkbox-background-color-hover,var(--uui-interface-surface-hover,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-checkbox-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#ticker{border-color:var(--uui-interface-chosen,#1b264f)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-interface-chosen-hover,#26356e)}label:focus input:checked+#ticker{border-color:var(--uui-interface-chosen-focus,#1b264f)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-interface-chosen-contrast,#fefefe);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-interface-chosen,#1b264f);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-interface-chosen-hover,#26356e)}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-interface-chosen-focus,#1b264f)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#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-look-danger-border,#d42054)}:host([disabled]) #ticker{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) #ticker:after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #ticker #icon-check{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #ticker{animation:${ft}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],wt=Js([u("uui-checkbox")],wt);var en=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,yr=(t,e,i,o)=>{for(var r=o>1?void 0:o?tn(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&en(e,i,r),r};let Ge=class extends v{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}};Ge.styles=[c`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],yr([a({type:String})],Ge.prototype,"headline",2),yr([w()],Ge.prototype,"_headlineSlotHasContent",2),Ge=yr([u("uui-dialog-layout")],Ge);var rn=Object.defineProperty,on=Object.getOwnPropertyDescriptor,sn=(t,e,i,o)=>{for(var r=o>1?void 0:o?on(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rn(e,i,r),r};let xr=class extends v{render(){return l`<slot></slot>`}};xr.styles=[c`:host{position:relative;display:block;max-width:400px;background-color:var(--uui-dialog-background-color,var(--uui-interface-surface,#fefefe));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))}`],xr=sn([u("uui-dialog")],xr);var nn=Object.defineProperty,an=Object.getOwnPropertyDescriptor,$t=(t,e,i,o)=>{for(var r=o>1?void 0:o?an(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&nn(e,i,r),r};let Ee=class extends v{constructor(){super(...arguments);this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),k(this,"uui-form-validation-message")}render(){return l`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}};Ee.styles=[c`: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-interface-contrast-disabled,#73716e);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],$t([a({type:String})],Ee.prototype,"description",2),$t([w()],Ee.prototype,"_labelSlotHasContent",2),$t([w()],Ee.prototype,"_descriptionSlotHasContent",2),Ee=$t([u("uui-form-layout-item")],Ee);/**
|
|
215
|
+
*/const jt=Ui(class extends Di{constructor(t){var e;if(super(t),t.type!==Ai.ATTRIBUTE||t.name!=="style"||((e=t.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(t){return Object.keys(t).reduce((e,r)=>{const o=t[r];return o==null?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:r}=t.element;if(this.ct===void 0){this.ct=new Set;for(const o in e)this.ct.add(o);return this.render(e)}this.ct.forEach(o=>{e[o]==null&&(this.ct.delete(o),o.includes("-")?r.removeProperty(o):r[o]="")});for(const o in e){const i=e[o];i!=null&&(this.ct.add(o),o.includes("-")?r.setProperty(o,i):r[o]=i)}return W}});class Li extends C{}Li.CLICK="click";var yn=Object.defineProperty,xn=Object.getOwnPropertyDescriptor,Ht=(t,e,r,o)=>{for(var i=o>1?void 0:o?xn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&yn(e,r,i),i};let Ne=class extends d{constructor(){super(...arguments);this._position=0,this.vertical=!1}_onMouseMove(t){this._position=this.vertical?t.offsetY:t.offsetX}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new Li(Li.CLICK))}render(){return l`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}"><div id="plus" style="${jt({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>`}};Ne.styles=[gn,c`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-8px 0}:host([vertical]){height:100%;width:20px;margin:0 -8px}#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}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:var(--uui-interface-select,#3544b1);border-top:1px solid var(--uui-interface-surface,#fefefe);border-bottom:1px solid var(--uui-interface-surface,#fefefe);border-radius:2px;pointer-events:none;animation:${mn}}: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%)}: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-interface-select,#3544b1);color:var(--uui-interface-select,#3544b1);background-color:var(--uui-interface-surface,#fefefe);box-shadow:0 0 0 2px var(--uui-interface-surface,#fefefe);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}:host(:not([vertical])) #plus{margin-left:-21px}:host([vertical]) #plus{left:-4px;margin-top:-21px}#button-wrapper:focus #plus{border:2px solid #6ab4f0}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],Ht([g()],Ne.prototype,"_position",2),Ht([a({type:String})],Ne.prototype,"label",2),Ht([a({type:Boolean,reflect:!0})],Ne.prototype,"vertical",2),Ne=Ht([u("uui-button-inline-create")],Ne);class wn{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}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=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},ji="",Hi=b`<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>`,$n=b`<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>`,En=b`<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>`,Cn=b`<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>`,bo=b`<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>`,Pn=b`<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>`,kn=b`<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>`,On=b`<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>`,go=b`<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>`;var zn=Object.defineProperty,Sn=Object.getOwnPropertyDescriptor,he=(t,e,r,o)=>{for(var i=o>1?void 0:o?Sn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&zn(e,r,i),i};let X=class extends K(nt("",d)){constructor(){super();this.type="button",this.disabled=!1,this.look=ji,this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.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(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t=l``;switch(this.state){case"waiting":y(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":y(this,"uui-icon"),t=l`<uui-icon name="check" .fallback="${Hi.strings[0]}"></uui-icon>`;break;case"failed":y(this,"uui-icon"),t=l`<uui-icon name="wrong" .fallback="${go.strings[0]}"></uui-icon>`;break;default:return""}return l`<div id="state">${t}</div>`}render(){return l`<button id="button" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}};X.styles=[Dt,c`: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;height:var(--uui-button-height,auto);max-height:100%;text-align:center;font-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400))}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}.label{display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards}button{height:100%;width:100%;padding:calc(calc(8 / 15 * 1em) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(calc(8 / 15 * 1em) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));text-align:inherit;vertical-align:middle;box-shadow:none;border-width:var(--uui-button-border-width,1px);border-style:solid;border-color:var(--uui-button-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-button-border-radius,var(--uui-border-radius,3px));cursor:pointer;font-size:var(--uui-button-font-size,inherit);font-family:inherit;font-weight:inherit;background-color:var(--uui-button-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-button-contrast,var(--uui-interface-contrast,#060606));transition:background-color 80ms,border-color 80ms,color 80ms}button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-interface-surface-hover,#fafafa));border-color:var(--uui-button-border-color-hover,var(--uui-interface-surface-hover,#fafafa));color:var(--uui-button-contrast-hover,var(--uui-interface-contrast-hover,#1b264f))}button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-button-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{animation:${Lt}}#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([look=primary]){font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button{background-color:var(--uui-button-background-color,var(--uui-look-primary-surface,#1b264f));color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-primary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-primary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-primary-border,#1b264f))}:host([look=primary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-primary-surface-hover,#3544b1));color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-primary-border-hover,#3544b1))}:host([look=primary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-primary-surface-disabled,#737882));color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-button-border-color-disabled,var(--uui-look-primary-border-disabled,#737882))}:host([look=secondary]){font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button{background-color:var(--uui-button-background-color,var(--uui-look-secondary-surface,#e2dad4));color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-secondary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-secondary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-secondary-border,#e2dad4))}:host([look=secondary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-secondary-surface-hover,#f3efed));color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-secondary-border-hover,#f3efed))}:host([look=secondary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-secondary-surface-disabled,#cfcfcf));color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-secondary-border-disabled,#cfcfcf))}:host([look=outline]) button{font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button{background-color:var(--uui-button-background-color,var(--uui-look-outline-surface,transparent));color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-outline-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-outline-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-outline-border,#1b264f))}:host([look=outline]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-outline-surface-hover,transparent));color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-outline-border-hover,#3544b1))}:host([look=outline]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-outline-surface-disabled,transparent));color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-outline-border-disabled,#6a759a))}:host([look=placeholder]){font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button{background-color:var(--uui-button-background-color,var(--uui-look-placeholder-surface,transparent));color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-placeholder-border-style,dashed));border-radius:var(--uui-button-border-radius,var(--uui-look-placeholder-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-placeholder-border,#1b264f))}:host([look=placeholder]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-placeholder-surface-hover,transparent));color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-placeholder-border-hover,#3544b1))}:host([look=placeholder]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-placeholder-surface-disabled,transparent));color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-placeholder-border-disabled,#6a759a))}:host([look=positive]){font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button{background-color:var(--uui-button-background-color,var(--uui-look-positive-surface,#25aa60));color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-positive-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-positive-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-positive-border,#25aa60))}:host([look=positive]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-positive-surface-hover,#2bc570));color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-positive-border-hover,#2bc570))}:host([look=positive]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-positive-surface-disabled,#597566));color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-positive-border-disabled,#597566))}:host([look=warning]){font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button{background-color:var(--uui-button-background-color,var(--uui-look-warning-surface,#fad634));color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-button-border-style,var(--uui-look-warning-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-warning-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-warning-border,#fad634))}:host([look=warning]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-warning-surface-hover,#fbe065));color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-button-border-color-hover,var(--uui-look-warning-border-hover,#fbe065))}:host([look=warning]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-warning-surface-disabled,#a6a085));color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-button-border-color-disabled,var(--uui-look-warning-border-disabled,#a6a085))}:host([look=danger]){font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button{background-color:var(--uui-button-background-color,var(--uui-look-danger-surface,#d42054));color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-danger-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-danger-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-danger-border,#d42054))}:host([look=danger]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-danger-surface-hover,#e23c6b));color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-danger-border-hover,#e23c6b))}:host([look=danger]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-danger-surface-disabled,#856b72));color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-danger-border-disabled,#856b72))}`],he([a({type:String,reflect:!0})],X.prototype,"type",2),he([a({type:Boolean,reflect:!0})],X.prototype,"disabled",2),he([a({reflect:!0})],X.prototype,"look",2),he([a({type:Boolean,reflect:!0})],X.prototype,"compact",2),he([a({type:String,reflect:!0})],X.prototype,"state",2),he([O("#button")],X.prototype,"_button",2),X=he([u("uui-button")],X);class lt extends C{}lt.OPEN="open";var In=Object.defineProperty,An=Object.getOwnPropertyDescriptor,Ni=(t,e,r,o)=>{for(var i=o>1?void 0:o?An(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&In(e,r,i),i};let N=class extends St(at(d)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new lt(lt.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new lt(lt.OPEN)))}};N.styles=[c`: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-interface-surface,#fefefe);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-interface-outline,#3879ff);outline-offset:4px}:host(:focus){outline-color:var(--uui-interface-outline,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error]){border:var(--uui-card-border-width) solid var(--uui-look-danger-border,#d42054)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-interface-surface-disabled,#e4e4e4);color:var(--uui-interface-contrast-disabled,#73716e)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + var(--uui-card-border-width) * 2);height:calc(100% + var(--uui-card-border-width) * 2);box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-interface-select,#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([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([error])::after{inset:calc(var(--uui-card-border-width) * -2);width:calc(100% + calc(var(--uui-card-border-width) * 4));height:calc(100% + calc(var(--uui-card-border-width) * 4))}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}`],Ni([a({type:Boolean,reflect:!0,attribute:"disabled"})],N.prototype,"disabled",2),Ni([a({type:Boolean,reflect:!0})],N.prototype,"error",2),N=Ni([u("uui-card")],N);var Un=Object.defineProperty,Dn=Object.getOwnPropertyDescriptor,Ti=(t,e,r,o)=>{for(var i=o>1?void 0:o?Dn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Un(e,r,i),i};let ut=class extends N{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(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return y(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<div id="open-part" tabindex="${this.disabled?$:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};ut.styles=[...N.styles,c`: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-interface-contrast-hover,#1b264f)}#name{margin-top:4px}`],Ti([a({type:String})],ut.prototype,"name",2),Ti([g()],ut.prototype,"_iconSlotHasContent",2),ut=Ti([u("uui-card-content-node")],ut);var Ln=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Nt=(t,e,r,o)=>{for(var i=o>1?void 0:o?jn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ln(e,r,i),i};let Te=class extends N{constructor(){super(...arguments);this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.path[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!1?this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`:""}render(){return l`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><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>`}};Te.styles=[...N.styles,c`#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-white,#fefefe);color:var(--uui-color-black,#060606);border:none;cursor:pointer;border-top:1px solid rgba(0,0,0,.04);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}#open-part:hover{text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}: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}`],Nt([a({type:String})],Te.prototype,"name",2),Nt([a({type:String,attribute:"file-ext"})],Te.prototype,"fileExt",2),Nt([g()],Te.prototype,"hasPreview",2),Te=Nt([u("uui-card-media")],Te);var Hn=Object.defineProperty,Nn=Object.getOwnPropertyDescriptor,mo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hn(e,r,i),i};let Tt=class extends N{constructor(){super(...arguments);this.name=""}connectedCallback(){super.connectedCallback(),y(this,"uui-avatar")}render(){return l`<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>`}};Tt.styles=[...N.styles,c`: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-interface-contrast-hover,#1b264f)}`],mo([a({type:String})],Tt.prototype,"name",2),Tt=mo([u("uui-card-user")],Tt);var Tn=Object.defineProperty,Mn=Object.getOwnPropertyDescriptor,_o=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Tn(e,r,i),i};let Mt=class extends d{constructor(){super();this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};Mt.styles=[c`: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([a({type:Boolean,reflect:!0})],Mt.prototype,"open",2),Mt=_o([u("uui-caret")],Mt);var Bn=Object.defineProperty,Vn=Object.getOwnPropertyDescriptor,Fn=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Bn(e,r,i),i};let Bt=class extends Y{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${Hi}</div></div>`}};Bt.formAssociated=!0,Bt.styles=[...Y.styles,Dt,c`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;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-interface-chosen-contrast,#fefefe));background-color:var(--uui-toggle-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-checkbox-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-checkbox-background-color-hover,var(--uui-interface-surface-hover,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-checkbox-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#ticker{border-color:var(--uui-interface-chosen,#1b264f)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-interface-chosen-hover,#26356e)}label:focus input:checked+#ticker{border-color:var(--uui-interface-chosen-focus,#1b264f)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-interface-chosen-contrast,#fefefe);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-interface-chosen,#1b264f);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-interface-chosen-hover,#26356e)}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-interface-chosen-focus,#1b264f)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#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-look-danger-border,#d42054)}:host([disabled]) #ticker{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) #ticker:after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #ticker #icon-check{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #ticker{animation:${Lt}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],Bt=Fn([u("uui-checkbox")],Bt);var Rn=Object.defineProperty,yo=Object.getOwnPropertySymbols,qn=Object.prototype.hasOwnProperty,Gn=Object.prototype.propertyIsEnumerable,xo=(t,e,r)=>e in t?Rn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,wo=(t,e)=>{for(var r in e||(e={}))qn.call(e,r)&&xo(t,r,e[r]);if(yo)for(var r of yo(e))Gn.call(e,r)&&xo(t,r,e[r]);return t};class Me extends C{constructor(e,r={}){super(e,wo(wo({},{bubbles:!0}),r))}}Me.CHANGE="change";var Wn=Object.defineProperty,Kn=Object.getOwnPropertyDescriptor,pe=(t,e,r,o)=>{for(var i=o>1?void 0:o?Kn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Wn(e,r,i),i};let Z=class extends d{constructor(){super(...arguments);this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let t=0;t<this._activeOptions.length;t++)t===0?this._activeElement=this._activeOptions[t]:this._activeOptions[t].active=!1;this._updateSelection()},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new Me(Me.CHANGE))},this._onUnselected=t=>{const e=t.composedPath()[0];this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new Me(Me.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex()+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{var e;if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),(e=this._activeElement)==null||e.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Le.SELECTED,this._onSelected),this.addEventListener(Le.UNSELECTED,this._onUnselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Le.SELECTED,this._onSelected),this.removeEventListener(Le.UNSELECTED,this._onUnselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(t){t=Math.min(Math.max(t,0),this._options.length-1),this._activeElement=this._options[t],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>`}};Z.styles=[c`:host{display:flex;flex-direction:column;box-sizing:border-box}`],pe([a({type:String})],Z.prototype,"value",1),pe([a({type:String})],Z.prototype,"displayValue",2),pe([a({attribute:!1})],Z.prototype,"for",1),pe([ce({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],Z.prototype,"_options",2),pe([ce({flatten:!0,selector:"uui-combobox-list-option[active]"})],Z.prototype,"_activeOptions",2),pe([g()],Z.prototype,"_value",2),Z=pe([u("uui-combobox-list")],Z);var Yn=Object.defineProperty,Xn=Object.getOwnPropertyDescriptor,Be=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Yn(e,r,i),i};let ie=class extends at(zt(d)){constructor(){super();this._disabled=!1,this._displayValue="",this.selectable=!0,this.unselectable=!1}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){var t;return this._displayValue?this._displayValue:((t=this.textContent)==null?void 0:t.trim())||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return l`<slot></slot>`}};ie.styles=[c`: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:#fff solid 2px;outline-offset:-4px}:host::before{display:block;content:'';opacity:0;position:absolute;inset:0;background-color:var(--uui-interface-select,#3544b1)}:host(:hover)::before{opacity:.15;border-radius:var(--uui-border-radius,3px)}:host([disabled]){cursor:auto;color:var(--uui-interface-surface-contrast-disabled);background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]:hover){background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([active]){outline-color:var(--uui-interface-outline,#3879ff)}:host([selected]){color:var(--uui-interface-select-contrast,#fefefe);background-color:var(--uui-interface-select,#3544b1)}:host([selected]:hover){color:var(--uui-interface-select-contrast-hover,#fefefe);background-color:var(--uui-interface-select-hover,#4656c8)}:host([selected][disabled]){color:var(--uui-interface-select-contrast-disabled,#e4e4e4);background-color:var(--uui-interface-select-disabled,#575757)}`],Be([g()],ie.prototype,"_disabled",2),Be([g()],ie.prototype,"_displayValue",2),Be([a({type:String})],ie.prototype,"value",1),Be([a({type:String,attribute:"display-value"})],ie.prototype,"displayValue",1),Be([a({type:Boolean,reflect:!0})],ie.prototype,"disabled",1),ie=Be([u("uui-combobox-list-option")],ie);class M extends C{}M.SEARCH="search",M.CHANGE="change";var Zn=Object.defineProperty,Qn=Object.getOwnPropertyDescriptor,ve=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qn(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Zn(e,r,i),i};let Q=class extends K(d){constructor(){super(...arguments);this.open=!1,this._displayValue="",this._search="",this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{document.activeElement!==this&&this._close()}),this._onInput=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new M(M.SEARCH)),this._open()},this._onChange=t=>{var e,r;t.stopImmediatePropagation(),this.value=((e=this._comboboxList)==null?void 0:e.value)||"",this._displayValue=((r=this._comboboxList)==null?void 0:r.displayValue)||"",this.search=this.value?this.search:"",this._close(),this.dispatchEvent(new M(M.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._close=()=>{var t;!this.open||(this.open=!1,this._displayValue=((t=this._comboboxList)==null?void 0:t.displayValue)||"",this._input.value=this._displayValue,this.search="",this.dispatchEvent(new M(M.SEARCH)))},this._onKeyDown=t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&this._open(),(t.key==="Escape"||t.key==="Enter")&&this._close()},this._clear=t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this._displayValue="",this._input.value=this._displayValue,this.search="",this.value="",this._comboboxList.value=this.value,this.dispatchEvent(new M(M.CHANGE)))},this._renderInput=()=>l`<uui-input slot="trigger" id="combobox-input" label="combobox-input" type="text" .value="${this._displayValue}" .placeholder="${this._displayValue}" autocomplete="off" @click="${this._open}" @input="${this._onInput}" @keydown="${this._onKeyDown}"><slot name="input-prepend" slot="prepend"></slot>${this._renderClearButton()} ${this._renderCaret()}<slot name="input-append" slot="append"></slot></uui-input>`,this._renderCaret=()=>l`<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=()=>l`<uui-button id="clear-button" class="${this.value||this.search?"--show":""}" @click="${this._clear}" @keydown="${this._clear}" label="clear" slot="append" compact="compact" style="height:100%;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0"><uui-icon name="remove" .fallback="${bo.strings[0]}"></uui-icon></uui-button>`,this._renderDropdown=()=>l`<div id="dropdown" slot="popover"><uui-scroll-container id="scroll-container"><slot></slot></uui-scroll-container></div>`}get value(){return this._value}set value(t){super.value=t,typeof t=="string"&&this._updateValue(t)}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),y(this,"uui-icon"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-combobox-list"),y(this,"uui-scroll-container")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(Me.CHANGE,this._onChange),typeof this.value=="string"&&(await this.updateComplete,this._updateValue(this.value)))}_updateValue(t){var e;this._comboboxList&&(this._comboboxList.value=t,this._displayValue=((e=this._comboboxList)==null?void 0:e.displayValue)||"")}getFormElement(){return this._input}render(){return l`<uui-popover .open="${this.open}" .margin="${-1}" @close="${()=>this._close()}">${this._renderInput()} ${this._renderDropdown()}</uui-popover>`}};Q.styles=[c`:host{position:relative;display:inline-block}#combobox-input{width:100%;border-radius:var(--uui-size-1,3px)}#scroll-container{max-height:var(--uui-combobox-popover-max-height,500px);overflow-y:auto}#dropdown{overflow:hidden;z-index:-1;background-color:var(--uui-combobox-popover-background-color,#fff);border:1px solid var(--uui-interface-border,#c4c4c4);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))}#clear-button{pointer-events:none;opacity:0;transition:opacity 120ms}#clear-button.--show{pointer-events:auto;opacity:1}#caret{margin-right:var(--uui-size-3,9px);display:flex;width:1.15em;flex-shrink:0;margin-top:-1px}`],ve([a({type:String})],Q.prototype,"search",1),ve([a({type:Boolean})],Q.prototype,"open",2),ve([O("#combobox-input")],Q.prototype,"_input",2),ve([ce({flatten:!0,selector:"uui-combobox-list"})],Q.prototype,"_comboboxListElements",2),ve([g()],Q.prototype,"_displayValue",2),ve([g()],Q.prototype,"_search",2),Q=ve([u("uui-combobox")],Q);var Jn=Object.defineProperty,ea=Object.getOwnPropertyDescriptor,Mi=(t,e,r,o)=>{for(var i=o>1?void 0:o?ea(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Jn(e,r,i),i};let ct=class extends d{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l`<h3 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()} ${this.renderActions()}`}};ct.styles=[c`:host{display:block;padding:var(--uui-size-10,30px) var(--uui-size-14,42px)}#actions{margin-top:var(--uui-size-8,24px);display:flex;justify-content:end;gap:var(--uui-size-4,12px)}`],Mi([a({type:String})],ct.prototype,"headline",2),Mi([g()],ct.prototype,"_headlineSlotHasContent",2),ct=Mi([u("uui-dialog-layout")],ct);var ta=Object.defineProperty,ia=Object.getOwnPropertyDescriptor,ra=(t,e,r,o)=>{for(var i=o>1?void 0:o?ia(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ta(e,r,i),i};let Bi=class extends d{render(){return l`<slot></slot>`}};Bi.styles=[c`:host{position:relative;display:block;max-width:400px;background-color:var(--uui-dialog-background-color,var(--uui-interface-surface,#fefefe));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))}`],Bi=ra([u("uui-dialog")],Bi);class dt extends C{}dt.FILE_CHANGE="file-change";var oa=Object.defineProperty,sa=Object.getOwnPropertyDescriptor,ht=(t,e,r,o)=>{for(var i=o>1?void 0:o?sa(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&oa(e,r,i),i};let fe=class extends nt("",d){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(t){return t.type?!1:t.webkitGetAsEntry().isDirectory}async _getAllFileEntries(t){const e=[],r=[];for(let o=0;o<t.length;o++)r.push(t[o].webkitGetAsEntry());if(this.accept){const o=[],i=[];for(this.accept.split(",").forEach(s=>{s.includes("*")?i.push(s.split("*")[0].trim().toLowerCase()):o.push(s.trim().toLowerCase())});r.length>0;){const s=r.shift();s.isFile&&await this._isAccepted(o,i,s)?e.push(s):s.isDirectory&&(e.push(s),r.push(...await this._readAllDirectoryEntries(s.createReader())))}}else for(;r.length>0;){const o=r.shift();o.isFile?e.push(o):o.isDirectory&&(e.push(o),r.push(...await this._readAllDirectoryEntries(o.createReader())))}return e}async _readAllDirectoryEntries(t){const e=[];let r=await this._readEntriesPromise(t);for(;r.length>0;)e.push(...r),r=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){try{return await new Promise((e,r)=>{t.readEntries(e,r)})}catch(e){console.log(e)}}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}async _isAccepted(t,e,r){const o=await this._getFile(r),i=o.type.toLowerCase(),s="."+o.name.split(".")[1].toLowerCase();return!!(t.includes(s)||t.includes(i)||e.some(n=>i.startsWith(n)))}async _onDrop(t){var e;t.preventDefault(),this._dropzone.classList.remove("hover");const r=(e=t.dataTransfer)==null?void 0:e.items;if(r){let o=await this._getAllFileEntries(r);this.multiple===!1&&o.length>0&&(o=[o[0]]),this.dispatchEvent(new dt(dt.FILE_CHANGE,{detail:{files:o}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new dt(dt.FILE_CHANGE,{detail:{files:t}}))}render(){return l`<div id="dropzone"><uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>${this.renderLabel()} <input @click="${t=>t.stopImmediatePropagation()}" id="input" type="file" accept="${this.accept}" ?multiple="${this.multiple}" @change="${this._onFileInputChange}" aria-label="${this.label}"></div>`}};fe.styles=[c`#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-primary,#3544b1)}#dropzone.hover::before{content:'';position:absolute;inset:0;opacity:.2;border-color:var(--uui-color-primary,#3544b1);background-color:var(--uui-color-primary,#3544b1)}#symbol{color:var(--uui-color-primary,#3544b1);max-width:100%;max-height:100%}#input{position:absolute;width:0;height:0;opacity:0;display:none}`],ht([O("#input")],fe.prototype,"_input",2),ht([O("#dropzone")],fe.prototype,"_dropzone",2),ht([a({type:String})],fe.prototype,"accept",2),ht([a({type:Boolean})],fe.prototype,"multiple",2),fe=ht([u("uui-file-dropzone")],fe);class na{static humanFileSize(e,r=!1,o=1){const i=r?1e3:1024;if(Math.abs(e)<i)return e+" B";const s=r?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const p=10**o;do e/=i,++n;while(Math.round(Math.abs(e)*p)/p>=i&&n<s.length-1);return e.toFixed(o)+" "+s[n]}}var aa=Object.defineProperty,la=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?la(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&aa(e,r,i),i};let L=class extends d{constructor(){super(...arguments);this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(r=>{this._src=r})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),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?l`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?l`<uui-symbol-file-thumbnail .src="${this._src}" .alt="${this._name}" id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file id="file-symbol" .type="${this._extension}"></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),r=this._name.substring(this._name.length-6,this._name.length);return l`<span id="file-name" class="${this._url?"has-source":""}" @click="${()=>this._url?this._openSource():""}" @keydown="${()=>""}"><span id="file-name-start">${e}</span> <span id="file-name-end">${r}</span></span>`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const r=new FileReader;r.readAsDataURL(t),r.onload=()=>{e(r.result)}})}render(){return l`<slot id="actions" name="actions"></slot>${this._fileTypeTemplate()}<div id="file-info">${this._renderLongName()} <span id="file-size">${this._size&&!this._isDirectory?l`${na.humanFileSize(this._size,!0)}`:""}</span></div>`}};L.styles=[c`:host{position:relative;display:grid;grid-template-rows:100px 50px;width:150px;height:150px;box-sizing:border-box;aspect-ratio:1}: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}`],B([g()],L.prototype,"_name",2),B([g()],L.prototype,"_url",2),B([g()],L.prototype,"_extension",2),B([g()],L.prototype,"_src",2),B([g()],L.prototype,"_size",2),B([g()],L.prototype,"_isDirectory",2),B([g()],L.prototype,"_file",2),B([g()],L.prototype,"_isImage",2),B([a({attribute:!1})],L.prototype,"file",1),L=B([u("uui-file-preview")],L);var ua=Object.defineProperty,ca=Object.getOwnPropertyDescriptor,Vt=(t,e,r,o)=>{for(var i=o>1?void 0:o?ca(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ua(e,r,i),i};let Ve=class extends d{constructor(){super(...arguments);this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),y(this,"uui-form-validation-message")}render(){return l`<div id="label" style="${this._labelSlotHasContent?"":"display: none"}"><slot name="label" @slotchange="${this._labelSlotChanged}"></slot></div><div id="description" style="${this._descriptionSlotHasContent||this.description!==null?"":"display: none"}">${this.description}<slot name="description" @slotchange="${this._descriptionSlotChanged}"></slot></div><uui-form-validation-message><slot></slot><slot name="message" slot="message"></slot></uui-form-validation-message>`}};Ve.styles=[c`: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-interface-contrast-disabled,#73716e);font-size:var(--uui-type-small-size,12px)}#label+#description{margin-top:-8px;min-height:8px}`],Vt([a({type:String})],Ve.prototype,"description",2),Vt([g()],Ve.prototype,"_labelSlotHasContent",2),Vt([g()],Ve.prototype,"_descriptionSlotHasContent",2),Ve=Vt([u("uui-form-layout-item")],Ve);/**
|
|
216
216
|
* @license
|
|
217
217
|
* Copyright 2020 Google LLC
|
|
218
218
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
219
|
-
*/const{H:
|
|
219
|
+
*/const{H:da}=ss,$o=()=>document.createComment(""),pt=(t,e,r)=>{var o;const i=t._$AA.parentNode,s=e===void 0?t._$AB:e._$AA;if(r===void 0){const n=i.insertBefore($o(),s),p=i.insertBefore($o(),s);r=new da(n,p,t,t.options)}else{const n=r._$AB.nextSibling,p=r._$AM,v=p!==t;if(v){let h;(o=r._$AQ)===null||o===void 0||o.call(r,t),r._$AM=t,r._$AP!==void 0&&(h=t._$AU)!==p._$AU&&r._$AP(h)}if(n!==s||v){let h=r._$AA;for(;h!==n;){const E=h.nextSibling;i.insertBefore(h,s),h=E}}}return r},be=(t,e,r=t)=>(t._$AI(e,r),t),ha={},pa=(t,e=ha)=>t._$AH=e,va=t=>t._$AH,Vi=t=>{var e;(e=t._$AP)===null||e===void 0||e.call(t,!1,!0);let r=t._$AA;const o=t._$AB.nextSibling;for(;r!==o;){const i=r.nextSibling;r.remove(),r=i}};/**
|
|
220
220
|
* @license
|
|
221
221
|
* Copyright 2017 Google LLC
|
|
222
222
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
223
|
-
*/const
|
|
223
|
+
*/const Eo=(t,e,r)=>{const o=new Map;for(let i=e;i<=r;i++)o.set(t[i],i);return o},Co=Ui(class extends Di{constructor(t){if(super(t),t.type!==Ai.CHILD)throw Error("repeat() can only be used in text expressions")}dt(t,e,r){let o;r===void 0?r=e:e!==void 0&&(o=e);const i=[],s=[];let n=0;for(const p of t)i[n]=o?o(p,n):n,s[n]=r(p,n),n++;return{values:s,keys:i}}render(t,e,r){return this.dt(t,e,r).values}update(t,[e,r,o]){var i;const s=va(t),{values:n,keys:p}=this.dt(e,r,o);if(!Array.isArray(s))return this.ut=p,n;const v=(i=this.ut)!==null&&i!==void 0?i:this.ut=[],h=[];let E,m,f=0,_=s.length-1,x=0,w=n.length-1;for(;f<=_&&x<=w;)if(s[f]===null)f++;else if(s[_]===null)_--;else if(v[f]===p[x])h[x]=be(s[f],n[x]),f++,x++;else if(v[_]===p[w])h[w]=be(s[_],n[w]),_--,w--;else if(v[f]===p[w])h[w]=be(s[f],n[w]),pt(t,h[w+1],s[f]),f++,w--;else if(v[_]===p[x])h[x]=be(s[_],n[x]),pt(t,s[f],s[_]),_--,x++;else if(E===void 0&&(E=Eo(p,x,w),m=Eo(v,f,_)),E.has(v[f]))if(E.has(v[_])){const D=m.get(p[x]),xe=D!==void 0?s[D]:null;if(xe===null){const Ye=pt(t,s[f]);be(Ye,n[x]),h[x]=Ye}else h[x]=be(xe,n[x]),pt(t,s[f],xe),s[D]=null;x++}else Vi(s[_]),_--;else Vi(s[f]),f++;for(;x<=w;){const D=pt(t,h[w+1]);be(D,n[x]),h[x++]=D}for(;f<=_;){const D=s[f++];D!==null&&Vi(D)}return this.ut=p,pa(t,h),W}});var fa=Object.defineProperty,ba=Object.getOwnPropertyDescriptor,Po=(t,e,r,o)=>{for(var i=o>1?void 0:o?ba(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fa(e,r,i),i};let Ft=class extends d{constructor(){super();this._for=null,this._messages=new Map,this._onControlInvalid=t=>{const e=t.target;e.pristine===!1?this._messages.set(e,e.validationMessage):this._messages.delete(e),this.requestUpdate()},this._onControlValid=t=>{this._messages.delete(t.target),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(t){let e=null;if(typeof t=="string"){const i=this.getRootNode();e=i?.getElementById(t)}const r=e||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(De.INVALID,this._onControlInvalid),o.removeEventListener(De.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(De.INVALID,this._onControlInvalid),this._for.addEventListener(De.VALID,this._onControlValid))}render(){return l`<slot></slot><div id="messages">${Co(this._messages,t=>l`<div>${t[1]}</div>`)}<slot name="message"></slot></div>`}};Ft.styles=[c`#messages{color:var(--uui-look-danger-surface,#d42054)}`],Po([a({reflect:!1,attribute:!0})],Ft.prototype,"for",1),Ft=Po([u("uui-form-validation-message")],Ft);var ga=Object.defineProperty,ma=Object.getOwnPropertyDescriptor,_a=(t,e,r,o)=>{for(var i=o>1?void 0:o?ma(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ga(e,r,i),i};let ko=class extends d{constructor(){super(...arguments);this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(t){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const e=t.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=e.length>0?e[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(t){if(t.target===null)return;const e=t.target;if(!e.checkValidity()){e.setAttribute("submit-invalid","");return}e.removeAttribute("submit-invalid")}_onReset(t){t.target!==null&&t.target.removeAttribute("submit-invalid")}render(){return l`<slot @slotchange="${this._onSlotChanged}"></slot>`}};ko=_a([u("uui-form")],ko);/**
|
|
224
224
|
* @license
|
|
225
225
|
* Copyright 2017 Google LLC
|
|
226
226
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
227
|
-
*/class $r extends vr{constructor(e){if(super(e),this.it=x,e.type!==hr.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===x||e==null)return this.ft=void 0,this.it=e;if(e===F)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this.ft;this.it=e;const i=[e];return i.raw=i,this.ft={_$litType$:this.constructor.resultType,strings:i,values:[]}}}$r.directiveName="unsafeHTML",$r.resultType=1;const kr=pr($r);var mn=Object.defineProperty,Yi=Object.getOwnPropertySymbols,_n=Object.prototype.hasOwnProperty,yn=Object.prototype.propertyIsEnumerable,Xi=(t,e,i)=>e in t?mn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Zi=(t,e)=>{for(var i in e||(e={}))_n.call(e,i)&&Xi(t,i,e[i]);if(Yi)for(var i of Yi(e))yn.call(e,i)&&Xi(t,i,e[i]);return t};class Ke extends E{constructor(e,i={}){super(e,Zi(Zi({},{bubbles:!0}),i));this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}Ke.ICON_REQUEST="icon_request";var xn=Object.defineProperty,wn=Object.getOwnPropertyDescriptor,Oe=(t,e,i,o)=>{for(var r=o>1?void 0:o?wn(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&xn(e,i,r),r};let X=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(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new Ke(Ke.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:kr(this.fallback):this._nameSvg!==null?kr(this._nameSvg):this.svg!==null?kr(this.svg):l`<slot></slot>`}};X.styles=[c`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{fill:var(--uui-icon-color,currentColor)}`],Oe([w()],X.prototype,"_nameSvg",2),Oe([a()],X.prototype,"name",1),Oe([a({attribute:!1})],X.prototype,"svg",2),Oe([a({attribute:!1})],X.prototype,"fallback",2),Oe([w()],X.prototype,"_useFallback",2),X=Oe([u("uui-icon")],X);class Qi{constructor(e){this.promise=new Promise((i,o)=>{this.resolve=i,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class Ji{constructor(){this.icons={},this._onIconRequest=e=>{const i=this.getIcon(e.detail.iconName);i!==null&&e.acceptRequest(i)}}attach(e){e.addEventListener(Ke.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Ke.ICON_REQUEST,this._onIconRequest)}defineIcon(e,i){if(this.icons[e]){this.icons[e].svg=i;return}this.icons[e]=new Qi(i)}getIcon(e){return!!this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Qi}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var $n=Object.defineProperty,kn=Object.getOwnPropertyDescriptor,eo=(t,e,i,o)=>{for(var r=o>1?void 0:o?kn(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&$n(e,i,r),r};let Ct=class extends v{constructor(){super();this._icons={},this._registry=new Ji,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,i])=>this._registry.defineIcon(e,i))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};eo([a({attribute:!1})],Ct.prototype,"_icons",2),Ct=eo([u("uui-icon-registry")],Ct);const Cn=f`<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>`,Pn=f`<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>`,En=f`<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>`,On=f`<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>`,zn=f`<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>`,Sn=f`<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>`,An=f`<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>`,In=f`<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>`,Un=f`<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>`,Dn=f`<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>`,Ln=f`<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>`,Hn=f`<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>`,jn=f`<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>`,Nn=f`<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>`,Tn=f`<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>`,Mn=f`<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>`,Bn=f`<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>`,Vn=f`<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>`,Rn=f`<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>`,Fn=f`<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>`,qn=f`<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>`,Gn=f`<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>`,Wn=f`<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>`,Kn=f`<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>`,Yn=f`<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>`,Xn=f`<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>`,Zn=f`<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>`,Qn=f`<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>`,Jn=f`<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>`,ea=f`<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>`,ta=f`<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>`,ra=f`<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>`;class ia extends Ji{constructor(){super();this.defineIcon("add",Cn.strings[0]),this.defineIcon("alert",Pn.strings[0]),this.defineIcon("attachment",En.strings[0]),this.defineIcon("calendar",On.strings[0]),this.defineIcon("check",zn.strings[0]),this.defineIcon("clipboard",Sn.strings[0]),this.defineIcon("code",An.strings[0]),this.defineIcon("colorpicker",In.strings[0]),this.defineIcon("copy",Un.strings[0]),this.defineIcon("delete",Dn.strings[0]),this.defineIcon("document",Ln.strings[0]),this.defineIcon("download",Hn.strings[0]),this.defineIcon("edit",jn.strings[0]),this.defineIcon("favorite",Nn.strings[0]),this.defineIcon("folder",Tn.strings[0]),this.defineIcon("forbidden",Mn.strings[0]),this.defineIcon("info",Bn.strings[0]),this.defineIcon("link",Vn.strings[0]),this.defineIcon("lock",Rn.strings[0]),this.defineIcon("pause",Fn.strings[0]),this.defineIcon("picture",qn.strings[0]),this.defineIcon("play",Gn.strings[0]),this.defineIcon("remove",Wn.strings[0]),this.defineIcon("search",Kn.strings[0]),this.defineIcon("see",Yn.strings[0]),this.defineIcon("settings",Xn.strings[0]),this.defineIcon("subtract",Zn.strings[0]),this.defineIcon("sync",Qn.strings[0]),this.defineIcon("unlock",Jn.strings[0]),this.defineIcon("unsee",ea.strings[0]),this.defineIcon("wand",ta.strings[0]),this.defineIcon("wrong",ra.strings[0])}}var oa=Object.defineProperty,sa=Object.getOwnPropertyDescriptor,na=(t,e,i,o)=>{for(var r=o>1?void 0:o?sa(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&oa(e,i,r),r};let to=class extends Ct{constructor(){super();this.registry=new ia}};to=na([u("uui-icon-registry-essential")],to);class Cr extends E{}Cr.CHANGE="change";var aa=Object.defineProperty,la=Object.getOwnPropertyDescriptor,H=(t,e,i,o)=>{for(var r=o>1?void 0:o?la(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&aa(e,i,r),r};let C=class extends ye(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.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(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}focus(){this._input.focus()}getFormElement(){return this._input}_onInput(t){this.value=t.target.value}_onChange(){this.pristine=!1,this.dispatchEvent(new Cr(Cr.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`${this.renderPrepend()} <input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @input="${this._onInput}" @change="${this._onChange}"> ${this.renderAppend()}`}};C.formAssociated=!0,C.styles=[c`:host{position:relative;display:inline-flex;align-items:center;height:var(--uui-size-11,33px);text-align:left;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4))}:host(:hover){border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}:host(:focus-within){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}:host(:focus){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([disabled]){background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-input-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-interface-contrast-disabled,#73716e)}:host([readonly]){border-color:var(--uui-input-border-color-readonly,var(--uui-interface-border-readonly,#dedede))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-look-danger-border,#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}`],H([a({type:Number})],C.prototype,"minlength",2),H([a({type:String,attribute:"minlength-message"})],C.prototype,"minlengthMessage",2),H([a({type:Number})],C.prototype,"maxlength",2),H([a({type:String,attribute:"maxlength-message"})],C.prototype,"maxlengthMessage",2),H([a({type:Boolean,reflect:!0})],C.prototype,"disabled",2),H([a({type:Boolean,reflect:!0})],C.prototype,"readonly",2),H([a({type:String})],C.prototype,"label",2),H([a()],C.prototype,"placeholder",2),H([a({type:String})],C.prototype,"type",1),H([N("#input")],C.prototype,"_input",2),C=H([u("uui-input")],C);var ua=Object.defineProperty,ca=Object.getOwnPropertyDescriptor,ro=(t,e,i,o)=>{for(var r=o>1?void 0:o?ca(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ua(e,i,r),r};let Pt=class extends C{constructor(){super();this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),k(this,"uui-icon"),k(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback="${Ds.strings[0]}"></uui-icon>`:l`<uui-icon name="unlock" .fallback="${js.strings[0]}"></uui-icon>`}renderPrepend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock">${this.renderIcon()}</uui-button>`}};Pt.styles=[...C.styles,c`#lock{height:100%;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0;--uui-button-padding-left-factor:0.75;--uui-button-padding-right-factor:0.75;font-size:12px}:host([locked]) #input{cursor:not-allowed;opacity:.5}`],ro([a({type:Boolean,reflect:!0})],Pt.prototype,"locked",2),Pt=ro([u("uui-input-lock")],Pt);var da=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,Pr=(t,e,i,o)=>{for(var r=o>1?void 0:o?ha(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&da(e,i,r),r};let Ye=class extends C{constructor(){super(...arguments);this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),k(this,"uui-icon"),k(this,"uui-button")}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback="${Hs.strings[0]}"></uui-icon>`:l`<uui-icon name="unsee" .fallback="${Ns.strings[0]}"></uui-icon>`}renderAppend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" style="--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0" compact="compact" id="eye">${this.renderIcon()}</uui-button>`}};Ye.styles=[...C.styles,c`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],Pr([w()],Ye.prototype,"passwordType",2),Pr([a()],Ye.prototype,"type",1),Ye=Pr([u("uui-input-password")],Ye);var pa=Object.defineProperty,va=Object.getOwnPropertyDescriptor,ba=(t,e,i,o)=>{for(var r=o>1?void 0:o?va(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&pa(e,i,r),r};let Er=class extends v{render(){return l`<slot></slot>`}};Er.styles=[c`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],Er=ba([u("uui-keyboard-shortcut")],Er);var fa=Object.defineProperty,ga=Object.getOwnPropertyDescriptor,ma=(t,e,i,o)=>{for(var r=o>1?void 0:o?ga(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&fa(e,i,r),r};let Or=class extends v{render(){return l`<slot></slot>`}};Or.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],Or=ma([u("uui-key")],Or);var _a=Object.defineProperty,ya=Object.getOwnPropertyDescriptor,Et=(t,e,i,o)=>{for(var r=o>1?void 0:o?ya(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&_a(e,i,r),r};let ze=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 t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){if(typeof this.for=="string"){const t=this.getRootNode();return t?.getElementById(this.for)||null}return this.for||null}render(){return l`<slot></slot>${this.required?l`<div id="required">*</div>`:""}`}};ze.styles=[c`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-look-danger-surface,#d42054);font-weight:900}`],Et([a({type:Boolean,reflect:!0})],ze.prototype,"disabled",2),Et([a({reflect:!0,attribute:!0})],ze.prototype,"for",2),Et([a({type:Boolean,reflect:!0})],ze.prototype,"required",2),ze=Et([u("uui-label")],ze);var xa=Object.defineProperty,wa=Object.getOwnPropertyDescriptor,zr=(t,e,i,o)=>{for(var r=o>1?void 0:o?wa(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&xa(e,i,r),r};const $a=(t,e,i)=>Math.min(Math.max(t,e),i);let Xe=class extends v{constructor(){super(...arguments);this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=$a(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`${this.progress?l`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}};Xe.styles=[c`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-primary,#3544b1)}#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}}`],zr([a({type:Number})],Xe.prototype,"progress",1),zr([a({type:Number})],Xe.prototype,"animationDuration",1),Xe=zr([u("uui-loader-bar")],Xe);var ka=Object.defineProperty,Ca=Object.getOwnPropertyDescriptor,Sr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ca(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ka(e,i,r),r};let Ze=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 t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${gt(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}};Ze.styles=[c`: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-primary,#3544b1)}#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}`],Sr([a({type:Number})],Ze.prototype,"progress",2),Sr([a({type:Boolean,reflect:!0,attribute:"show-progress"})],Ze.prototype,"showProgress",2),Ze=Sr([u("uui-loader-circle")],Ze);var Pa=Object.defineProperty,Ea=Object.getOwnPropertyDescriptor,Oa=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ea(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Pa(e,i,r),r};let Ar=class extends v{render(){return l`<div></div><div></div><div></div>`}};Ar.styles=[c`:host{color:var(--uui-color-primary,#3544b1)}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}}`],Ar=Oa([u("uui-loader")],Ar);/**
|
|
227
|
+
*/class Fi extends Di{constructor(e){if(super(e),this.it=$,e.type!==Ai.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.it=e;if(e===W)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this.ft;this.it=e;const r=[e];return r.raw=r,this.ft={_$litType$:this.constructor.resultType,strings:r,values:[]}}}Fi.directiveName="unsafeHTML",Fi.resultType=1;const Ri=Ui(Fi);var ya=Object.defineProperty,Oo=Object.getOwnPropertySymbols,xa=Object.prototype.hasOwnProperty,wa=Object.prototype.propertyIsEnumerable,zo=(t,e,r)=>e in t?ya(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,So=(t,e)=>{for(var r in e||(e={}))xa.call(e,r)&&zo(t,r,e[r]);if(Oo)for(var r of Oo(e))wa.call(e,r)&&zo(t,r,e[r]);return t};class vt extends C{constructor(e,r={}){super(e,So(So({},{bubbles:!0}),r));this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}vt.ICON_REQUEST="icon_request";var $a=Object.defineProperty,Ea=Object.getOwnPropertyDescriptor,Fe=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ea(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&$a(e,r,i),i};let re=class extends d{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(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new vt(vt.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:Ri(this.fallback):this._nameSvg!==null?Ri(this._nameSvg):this.svg!==null?Ri(this.svg):l`<slot></slot>`}};re.styles=[c`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{fill:var(--uui-icon-color,currentColor)}`],Fe([g()],re.prototype,"_nameSvg",2),Fe([a()],re.prototype,"name",1),Fe([a({attribute:!1})],re.prototype,"svg",2),Fe([a({attribute:!1})],re.prototype,"fallback",2),Fe([g()],re.prototype,"_useFallback",2),re=Fe([u("uui-icon")],re);class Io{constructor(e){this.promise=new Promise((r,o)=>{this.resolve=r,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class Ao{constructor(){this.icons={},this._onIconRequest=e=>{const r=this.getIcon(e.detail.iconName);r!==null&&e.acceptRequest(r)}}attach(e){e.addEventListener(vt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(vt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,r){if(this.icons[e]){this.icons[e].svg=r;return}this.icons[e]=new Io(r)}getIcon(e){return!!this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Io}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var Ca=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,Uo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pa(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ca(e,r,i),i};let Rt=class extends d{constructor(){super();this._icons={},this._registry=new Ao,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,r])=>this._registry.defineIcon(e,r))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};Uo([a({attribute:!1})],Rt.prototype,"_icons",2),Rt=Uo([u("uui-icon-registry")],Rt);const ka=b`<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>`,Oa=b`<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>`,za=b`<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>`,Sa=b`<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>`,Ia=b`<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>`,Aa=b`<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>`,Ua=b`<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>`,Da=b`<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>`,La=b`<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>`,ja=b`<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>`,Ha=b`<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>`,Na=b`<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>`,Ta=b`<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>`,Ma=b`<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>`,Ba=b`<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>`,Va=b`<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>`,Fa=b`<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>`,Ra=b`<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>`,qa=b`<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>`,Ga=b`<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>`,Wa=b`<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>`,Ka=b`<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>`,Ya=b`<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>`,Xa=b`<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>`,Za=b`<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>`,Qa=b`<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>`,Ja=b`<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>`,el=b`<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>`,tl=b`<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>`,il=b`<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>`,rl=b`<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>`,ol=b`<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>`;class sl extends Ao{constructor(){super();this.defineIcon("add",ka.strings[0]),this.defineIcon("alert",Oa.strings[0]),this.defineIcon("attachment",za.strings[0]),this.defineIcon("calendar",Sa.strings[0]),this.defineIcon("check",Ia.strings[0]),this.defineIcon("clipboard",Aa.strings[0]),this.defineIcon("code",Ua.strings[0]),this.defineIcon("colorpicker",Da.strings[0]),this.defineIcon("copy",La.strings[0]),this.defineIcon("delete",ja.strings[0]),this.defineIcon("document",Ha.strings[0]),this.defineIcon("download",Na.strings[0]),this.defineIcon("edit",Ta.strings[0]),this.defineIcon("favorite",Ma.strings[0]),this.defineIcon("folder",Ba.strings[0]),this.defineIcon("forbidden",Va.strings[0]),this.defineIcon("info",Fa.strings[0]),this.defineIcon("link",Ra.strings[0]),this.defineIcon("lock",qa.strings[0]),this.defineIcon("pause",Ga.strings[0]),this.defineIcon("picture",Wa.strings[0]),this.defineIcon("play",Ka.strings[0]),this.defineIcon("remove",Ya.strings[0]),this.defineIcon("search",Xa.strings[0]),this.defineIcon("see",Za.strings[0]),this.defineIcon("settings",Qa.strings[0]),this.defineIcon("subtract",Ja.strings[0]),this.defineIcon("sync",el.strings[0]),this.defineIcon("unlock",tl.strings[0]),this.defineIcon("unsee",il.strings[0]),this.defineIcon("wand",rl.strings[0]),this.defineIcon("wrong",ol.strings[0])}}var nl=Object.defineProperty,al=Object.getOwnPropertyDescriptor,ll=(t,e,r,o)=>{for(var i=o>1?void 0:o?al(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&nl(e,r,i),i};let Do=class extends Rt{constructor(){super();this.registry=new sl}};Do=ll([u("uui-icon-registry-essential")],Do);/**
|
|
228
228
|
* @license
|
|
229
229
|
* Copyright 2018 Google LLC
|
|
230
230
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
231
|
-
*/const Ir=t=>t??x;class Z extends E{}Z.SHOW_CHILDREN="show-children",Z.HIDE_CHILDREN="hide-children",Z.CLICK_LABEL="click-label";var za=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,Q=(t,e,i,o)=>{for(var r=o>1?void 0:o?Sa(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&za(e,i,r),r};let T=class extends dt(ct(lr(ut("label",v)))){constructor(){super(...arguments);this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),k(this,"uui-symbol-expand"),k(this,"uui-loader-bar")}iconSlotChanged(t){this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}onCaretClicked(){this.showChildren=!this.showChildren;const t=this.showChildren?Z.SHOW_CHILDREN:Z.HIDE_CHILDREN,e=new Z(t);this.dispatchEvent(e)}onLabelClicked(){const t=new Z(Z.CLICK_LABEL);this.dispatchEvent(t)}_renderLabelInside(){return l`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this.iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?l`<span id="label-button">${this._renderLabelInside()}</span>`:l`<a id="label-button" href="${Ir(this.href)}" target="${Ir(this.target||void 0)}" rel="${Ir(this.target==="_blank"?"noopener":void 0)}" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return l`<button id="label-button" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return l`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?l`<button id="caret-button" @click="${this.onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?l`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?l`<slot></slot>`:""}`}};T.styles=[c`: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}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}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#caret-button:hover~#label-button-background,#label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-hover,#fafafa)}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([disabled]){color:var(--uui-interface-surface-contrast-disabled)}:host([disabled]) #label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([active]){color:var(--uui-interface-active-contrast,#162335)}:host([active]) #label-button:hover{color:var(--uui-interface-active-contrast-hover,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-interface-active,#f5c1bc)}:host([active]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-active-hover,#f5c1bc)}:host([active][disabled]) #label-button{color:var(--uui-interface-active-contrast-disabled,#363636);background-color:var(--uui-interface-active-disabled,#dbd4d4)}:host([selected]){color:var(--uui-interface-select-contrast,#fefefe)}:host([selected]) #label-button:hover{color:var(--uui-interface-select-contrast-hover,#fefefe)}:host([selected]) #label-button-background{background-color:var(--uui-interface-select,#3544b1)}:host([selected]) #caret-button:hover~#label-button-background,:host([selected]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-select-hover,#4656c8)}:host([selected][disabled]) #label-button{color:var(--uui-interface-select-contrast-disabled,#e4e4e4);background-color:var(--uui-interface-select-disabled,#575757)}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)}`],Q([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),Q([a({type:Boolean,reflect:!0,attribute:"show-children"})],T.prototype,"showChildren",2),Q([a({type:Boolean,attribute:"has-children"})],T.prototype,"hasChildren",2),Q([a({type:Boolean,attribute:"loading"})],T.prototype,"loading",2),Q([a({type:String})],T.prototype,"href",2),Q([a({type:String})],T.prototype,"target",2),Q([w()],T.prototype,"iconSlotHasContent",2),T=Q([u("uui-menu-item")],T);class oe extends E{}oe.CHANGE="change";var Aa=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,W=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ia(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Aa(e,i,r),r};const Ua=45,Ur=(t,e,i)=>Math.min(Math.max(t,e),i),Da=(t,e)=>Array.from({length:e-t+1},(i,o)=>t+o);let j=class extends v{constructor(){super(...arguments);this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.total=1,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),k(this,"uui-button"),k(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((r,s)=>r+s.getBoundingClientRect().width,0),o=(t-e)/Ua/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,i=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return Da(Ur(e,1,this.total),Ur(i,1,this.total))}get current(){return this._current}set current(t){const e=this._current;this._current=Ur(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new oe(oe.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new oe(oe.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new oe(oe.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" aria-label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" aria-label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" aria-label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" aria-label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return l`<uui-button compact="compact" look="outline" tabindex="-1" class="dots">...</uui-button>`}renderPage(t){return l`<uui-button compact="compact" look="outline" role="listitem" aria-label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return l`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return l`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return l`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}};j.styles=[c`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-interface-border,#c4c4c4);--uui-button-border-color-disabled:var(--uui-interface-border,#c4c4c4)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-interface-active,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],W([Do("uui-button.nav")],j.prototype,"_navButtons",2),W([N("#pages")],j.prototype,"_pagesGroup",2),W([a()],j.prototype,"label",2),W([a({reflect:!0,attribute:"aria-label"})],j.prototype,"ariaLabel",2),W([a({type:Number})],j.prototype,"total",2),W([w()],j.prototype,"_range",2),W([w()],j.prototype,"_visiblePages",2),W([a({type:Number})],j.prototype,"current",1),j=W([u("uui-pagination")],j);class Dr extends E{}Dr.CLOSE="close";var La=Object.defineProperty,Ha=Object.getOwnPropertyDescriptor,Qe=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ha(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&La(e,i,r),r};function Ot(t,e,i){return t<e?e:t>i?i:t}let se=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=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._forceClosePopover()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("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),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),this._currentPlacement=null}_forceClosePopover(){this.open=!1,this.dispatchEvent(new Dr(Dr.CLOSE))}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const i=e.position==="absolute",o=/(auto|scroll)/;let r=t;for(;r=r.parentElement;)if(e=getComputedStyle(r),!(i&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(r),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const i=this.containerElement;if(!i)return;const o=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),r=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(r!=null&&o!=null){const s=this._scrollParents.map(V=>V.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,s));let n=this._currentPlacement.indexOf("top")!==-1,p=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,d=this._currentPlacement.indexOf("right")!==-1;const $=this._currentPlacement.indexOf("-start")!==-1,g=this._currentPlacement.indexOf("-end")!==-1;let b=.5,m=.5,_=.5,y=.5,U=0,le=0;if(this.placement==="auto"){const V=this._scrollParents[0],nt=V.clientWidth,de=V.clientHeight,Ue=r.x-o.width,De=nt-(r.x+r.width)-o.width,Xr=r.y-o.height,Gt=de-(r.y+r.height)-o.height;let Wt=.5,Kt=.5;const _u=Math.max(Ue,De);let yo=Math.max(Xr,Gt);Gt>Xr&&Gt>this.margin&&(yo+=9999),_u>yo?(Ue>De?(Wt=0,h=!0):(Wt=1,d=!0),U=this.margin):(Xr>Gt?(Kt=0,n=!0):(Kt=1,p=!0),le=this.margin),b=Wt,m=Kt,_=1-Wt,y=1-Kt}else n&&(y=1,m=0),p&&(y=0,m=1),(n||p)&&(le=this.margin,$&&(_=0,b=0),g&&(_=1,b=1)),h&&(_=1,b=0),d&&(_=0,b=1),(h||d)&&(U=this.margin,$&&(y=0,m=0),g&&(y=1,m=1));const Ie=-o.width*_+r.width*b-U*(_*2-1),Yr=-o.height*y+r.height*m-le*(y*2-1);let ue=Ie,ce=Yr;n||p?(this._scrollParents.forEach((V,nt)=>{const de=V===document.body?0:s[nt].x,Ue=-r.x+de,De=V.clientWidth-r.x-r.width+Ie+de-(o.width-r.width)*(1-b);ue=Ot(ue,Ue,De)}),ue=Ot(ue,-o.width,r.width)):(h||d)&&(this._scrollParents.forEach((V,nt)=>{const de=V===document.body?0:s[nt].y,Ue=-r.y+de,De=V.clientHeight-r.y-r.height+Yr+de-(o.height-r.height)*(1-m);ce=Ot(ce,Ue,De)}),ce=Ot(ce,-o.height,r.height)),(this._positionX!==ue||this._positionY!==ce)&&(this._positionX=ue,this._positionY=ce,Ie===ue&&Yr===ce&&this._stopScrollListener(),i.style.left=`${this._positionX}px`,i.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,i){const r=t.split("-"),s=r[0],n=r[1]||null;let p;return this._scrollParents.some((h,d)=>{const $=h===document.body?0:i[d].x,g=h===document.body?0:i[d].y;return s==="top"&&e.y-2<=g?(p="bottom",!0):s==="bottom"&&e.y+e.height+2>=h.clientHeight+g?(p="top",!0):s==="left"&&e.x-2<=$?(p="right",!0):s==="right"&&e.x+e.width+2>=h.clientWidth+$?(p="left",!0):!1}),p?(this._startScrollListener(),p+(n?`-${n}`:"")):t}render(){return l`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?l`<slot name="popover"></slot>`:""}</div>`}};se.styles=[c`:host{position:relative;display:inline-block}#container{position:absolute}#trigger{position:relative}`],Qe([N("#container")],se.prototype,"containerElement",2),Qe([a({type:Number})],se.prototype,"margin",2),Qe([a({type:String,reflect:!0})],se.prototype,"placement",1),Qe([a({type:Boolean,reflect:!0})],se.prototype,"open",1),se=Qe([u("uui-popover")],se);var ja=Object.defineProperty,Na=Object.getOwnPropertyDescriptor,io=(t,e,i,o)=>{for(var r=o>1?void 0:o?Na(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ja(e,i,r),r};const Ta=(t,e,i)=>Math.min(Math.max(t,e),i);let zt=class extends v{constructor(){super(...arguments);this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Ta(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`<div id="bar" style="${gt(this._getProgressStyle())}"></div>`}};zt.styles=[c`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-interface-surface-alt,#d8d7d9);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-look-positive-surface,#25aa60);height:100%;width:0%}`],io([a({type:Number})],zt.prototype,"progress",1),zt=io([u("uui-progress-bar")],zt);class Je extends E{}Je.CHANGE="change";var Ma=Object.defineProperty,Ba=Object.getOwnPropertyDescriptor,ne=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ba(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ma(e,i,r),r};let M=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(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,t&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(){const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new Je(Je.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return l`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}</div></label>`}};M.styles=[bt,c`: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-interface-surface,#fefefe);border:1px solid var(--uui-interface-border,#c4c4c4);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-interface-chosen,#1b264f);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-interface-border-hover,#b3b3b3)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-interface-chosen,#1b264f)}input:checked:hover~#button{border:1px solid var(--uui-interface-chosen-hover,#26356e)}input:checked:hover~#button::after{background-color:var(--uui-interface-chosen-hover,#26356e)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) input~#button{border:1px solid var(--uui-interface-border-disabled,#bdbdbd)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]:active) #button{animation:${ft}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],ne([N("#input")],M.prototype,"inputElement",2),ne([a({type:String})],M.prototype,"name",2),ne([a({type:String})],M.prototype,"value",2),ne([a({type:String})],M.prototype,"label",2),ne([a({type:Boolean,reflect:!0})],M.prototype,"checked",1),ne([a({type:Boolean,reflect:!0})],M.prototype,"disabled",1),M=ne([u("uui-radio")],M);class Lr extends E{}Lr.CHANGE="change";var Va=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,oo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ra(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Va(e,i,r),r};const Fa="ArrowLeft",qa="ArrowUp",Ga="ArrowRight",Wa="ArrowDown",Ka=" ";let et=class extends ye(v){constructor(){super();this.disabled=!1,this._selected=null,this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown)}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._radioElements.forEach((e,i)=>{e.value===t?(e.checked=!0,this._selected=i):e.checked=!1})}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.name=t)}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.disabled=t)}_handleSlotChange(t){var e;if((e=this._radioElements)==null||e.forEach(i=>{i.removeEventListener(Je.CHANGE,this._handleSelectOnClick),i.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(i=>i instanceof M),this._radioElements.length>0){this._radioElements.forEach(o=>{o.addEventListener(Je.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)});const i=this._radioElements.filter(o=>o.checked===!0);i.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),i.length===1?(this.value=i[0].value,this._selected=this._radioElements.indexOf(i[0]),i[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),i[0].makeFocusable()):this._makeFirstEnabledFocusable(),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0)):this._makeFirstEnabledFocusable()}}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(i=>{i.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,i=this._radioElements.length;let o=this._selected===null?0:1;for(;o<i;){let r=(e+o*t)%i;if(r<0&&(r+=i),this._radioElements[r].disabled===!1)return this._radioElements[r];o++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.key){case Fa:case qa:{t.preventDefault(),this._selectPreviousElement();break}case Ga:case Wa:{t.preventDefault(),this._selectNextElement();break}case Ka:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Lr(Lr.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(t.get("disabled")),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};et.formAssociated=!0,et.styles=[c`: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-look-danger-border,#d42054)}`],oo([a({type:Boolean,reflect:!0})],et.prototype,"disabled",2),et=oo([u("uui-radio-group")],et);var Ya=Object.defineProperty,Xa=Object.getOwnPropertyDescriptor,Za=(t,e,i,o)=>{for(var r=o>1?void 0:o?Xa(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ya(e,i,r),r};let Hr=class extends v{render(){return l`<slot></slot>`}};Hr.styles=[c`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;width:100%;border-top:1px solid #d3d3d3}`],Hr=Za([u("uui-ref-list")],Hr);class tt extends E{}tt.OPEN="open";var Qa=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,jr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ja(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Qa(e,i,r),r};let ae=class extends dt(ct(v)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new tt(tt.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new tt(tt.OPEN)))}};ae.styles=[c`: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-interface-surface,#fefefe);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-look-danger-border,#d42054);box-shadow:0 0 4px 0 var(--uui-look-danger-border,#d42054),inset 0 0 2px 0 var(--uui-look-danger-border,#d42054)}:host([border]){border:1px solid var(--uui-interface-border,#c4c4c4)}: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-interface-select,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-interface-select,#3544b1),inset 0 0 2px 0 var(--uui-interface-select,#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-interface-border-hover,#b3b3b3)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-interface-border-disabled,#bdbdbd)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],jr([a({type:Boolean,reflect:!0})],ae.prototype,"disabled",2),jr([a({type:Boolean,reflect:!0})],ae.prototype,"error",2),ae=jr([u("uui-ref")],ae);var el=Object.defineProperty,tl=Object.getOwnPropertyDescriptor,St=(t,e,i,o)=>{for(var r=o>1?void 0:o?tl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&el(e,i,r),r};let P=class extends ae{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(),k(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<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>`}};P.styles=[...ae.styles,c`: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-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-interface-contrast-hover,#1b264f)}:host([disabled]) #icon{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #name{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #detail{color:var(--uui-interface-contrast-disabled,#73716e)}`],St([a({type:String})],P.prototype,"name",2),St([a({type:String})],P.prototype,"detail",2),St([w()],P.prototype,"_iconSlotHasContent",2),P=St([u("uui-ref-node")],P);var rl=Object.defineProperty,il=Object.getOwnPropertyDescriptor,so=(t,e,i,o)=>{for(var r=o>1?void 0:o?il(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rl(e,i,r),r};let At=class extends P{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};At.styles=[...P.styles],so([a({type:String})],At.prototype,"alias",2),At=so([u("uui-ref-node-data-type")],At);var ol=Object.defineProperty,sl=Object.getOwnPropertyDescriptor,no=(t,e,i,o)=>{for(var r=o>1?void 0:o?sl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ol(e,i,r),r};let It=class extends P{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};It.styles=[...P.styles],no([a({type:String})],It.prototype,"alias",2),It=no([u("uui-ref-node-document-type")],It);var nl=Object.defineProperty,al=Object.getOwnPropertyDescriptor,ll=(t,e,i,o)=>{for(var r=o>1?void 0:o?al(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&nl(e,i,r),r};let Nr=class extends P{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>'}};Nr.styles=[...P.styles],Nr=ll([u("uui-ref-node-form")],Nr);var ul=Object.defineProperty,cl=Object.getOwnPropertyDescriptor,ao=(t,e,i,o)=>{for(var r=o>1?void 0:o?cl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ul(e,i,r),r};let Ut=class extends P{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Ut.styles=[...P.styles],ao([a({type:String,attribute:"group-name"})],Ut.prototype,"groupName",2),Ut=ao([u("uui-ref-node-member")],Ut);var dl=Object.defineProperty,hl=Object.getOwnPropertyDescriptor,Tr=(t,e,i,o)=>{for(var r=o>1?void 0:o?hl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&dl(e,i,r),r};let rt=class extends P{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};rt.styles=[...P.styles],Tr([a({type:String})],rt.prototype,"version",2),Tr([a({type:String})],rt.prototype,"author",2),rt=Tr([u("uui-ref-node-package")],rt);var pl=Object.defineProperty,vl=Object.getOwnPropertyDescriptor,lo=(t,e,i,o)=>{for(var r=o>1?void 0:o?vl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&pl(e,i,r),r};let Dt=class extends P{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Dt.styles=[...P.styles],lo([a({type:String,attribute:"group-name"})],Dt.prototype,"groupName",2),Dt=lo([u("uui-ref-node-user")],Dt);var bl=Object.defineProperty,fl=Object.getOwnPropertyDescriptor,gl=(t,e,i,o)=>{for(var r=o>1?void 0:o?fl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&bl(e,i,r),r};let Mr=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Mr.styles=[c`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-interface-contrast-disabled,#73716e) var(--uui-interface-background-alt);overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-interface-background-alt);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-interface-contrast-disabled,#73716e);border-radius:3px}`],Mr=gl([u("uui-scroll-container")],Mr);class Br extends E{}Br.CHANGE="change";var ml=Object.defineProperty,_l=Object.getOwnPropertyDescriptor,B=(t,e,i,o)=>{for(var r=o>1?void 0:o?_l(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ml(e,i,r),r};let D=class extends ye(v){constructor(){super();this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){t.has("options")&&this._extractGroups(),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new Br(Br.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,i,o){return l`<option value="${e}" ?selected="${i}" ?disabled="${o}">${t}</option>`}_renderGrouped(){return this._groups.length===0?l``:l`${this._groups.map(t=>l`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return l`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}};D.styles=[c`: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-interface-border,#c4c4c4));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-interface-surface-disabled,#e4e4e4))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-interface-active,#f5c1bc))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-malibu,#3879ff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) #native[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],B([a({type:String})],D.prototype,"label",2),B([a()],D.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],D.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],D.prototype,"error",2),B([a({type:Array,attribute:!1})],D.prototype,"options",2),B([w()],D.prototype,"_groups",2),B([a()],D.prototype,"disabledGroups",2),B([w()],D.prototype,"_disabledGroups",2),B([N("#native")],D.prototype,"_input",2),D=B([u("uui-select")],D);const yl=c`
|
|
231
|
+
*/const qt=t=>t??$;class Re extends C{}Re.CHANGE="change",Re.INPUT="input";var ul=Object.defineProperty,cl=Object.getOwnPropertyDescriptor,j=(t,e,r,o)=>{for(var i=o>1?void 0:o?cl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ul(e,r,i),i};let P=class extends K(d){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.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(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}focus(){this._input.focus()}getFormElement(){return this._input}onInput(t){this.value=t.target.value,this.dispatchEvent(new Re(Re.INPUT))}onChange(){this.pristine=!1,this.dispatchEvent(new Re(Re.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`${this.renderPrepend()} <input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" autocomplete="${qt(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()}`}};P.formAssociated=!0,P.styles=[c`:host{position:relative;display:inline-flex;align-items:center;height:var(--uui-size-11,33px);text-align:left;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4))}:host(:hover){border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}:host(:focus-within){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}:host(:focus){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([disabled]){background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-input-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-interface-contrast-disabled,#73716e)}:host([readonly]){border-color:var(--uui-input-border-color-readonly,var(--uui-interface-border-readonly,#dedede))}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-look-danger-border,#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([a({type:Number})],P.prototype,"minlength",2),j([a({type:String,attribute:"minlength-message"})],P.prototype,"minlengthMessage",2),j([a({type:Number})],P.prototype,"maxlength",2),j([a({type:String,attribute:"maxlength-message"})],P.prototype,"maxlengthMessage",2),j([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2),j([a({type:Boolean,reflect:!0})],P.prototype,"readonly",2),j([a({type:String})],P.prototype,"label",2),j([a()],P.prototype,"placeholder",2),j([a()],P.prototype,"autocomplete",2),j([a({type:String})],P.prototype,"type",1),j([O("#input")],P.prototype,"_input",2),P=j([u("uui-input")],P);var dl=Object.defineProperty,hl=Object.getOwnPropertyDescriptor,qe=(t,e,r,o)=>{for(var i=o>1?void 0:o?hl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&dl(e,r,i),i};let oe=class extends K(d){constructor(){super();this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const r of t)this.multiple?e.push(r):e=[r];this._files=e},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return this._value}set value(t){if(super.value=t,t instanceof FormData){const e=this.multiple?t.getAll(this.name):[t.get(this.name)];this._updateFileWrappers(e);return}if(t instanceof File){this._updateFileWrappers([t]);return}}connectedCallback(){super.connectedCallback(),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(t){t.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(t){const r=t.detail.files.filter(i=>i instanceof File||i.isFile);if(!this.multiple){const i=r[0],n=i instanceof File?i:await this._getFile(i);if(this.value instanceof File){this.value=n;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,n),this._updateFileWrappers([n]);return}}let o=this.value;if(r.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const i of r){const s=i instanceof File;o.append(this.name,s?i:await this._getFile(i))}this.value=o}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(i=>i!==e);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const i of o)this.value.append(this.name,i)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(t){t?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(t,e){return l`<uui-file-preview .file="${t}"><uui-action-bar slot="actions"><uui-button @click="${()=>this._removeFile(e)}" look="danger" label="${`Delete ${t.name}`}"><uui-icon name="delete" .fallback="${$n.strings[0]}"></uui-icon></uui-button></uui-action-bar></uui-file-preview>`}_renderFiles(){return l`${Co(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`<uui-file-dropzone id="dropzone" ?multiple="${this.multiple}" .accept="${this.accept}" @file-change="${this._handleFilesChange}" label="Drop files here"></uui-file-dropzone><div id="files">${this._renderFiles()}<uui-button @click="${this._handleClick}" id="add-button" look="placeholder" label="Add"></uui-button></div>`}};oe.styles=[c`:host{width:100%;height:100%;position:relative;display:flex;box-sizing:border-box;border:1px solid var(--uui-interface-border,#c4c4c4)}#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:center}`],qe([O("#dropzone")],oe.prototype,"_dropzone",2),qe([O("#dropzone")],oe.prototype,"_dropZone",2),qe([a({type:String})],oe.prototype,"accept",2),qe([a({type:Boolean})],oe.prototype,"multiple",2),qe([g()],oe.prototype,"_files",2),oe=qe([u("uui-input-file")],oe);var pl=Object.defineProperty,vl=Object.getOwnPropertyDescriptor,Lo=(t,e,r,o)=>{for(var i=o>1?void 0:o?vl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&pl(e,r,i),i};let Gt=class extends P{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?l`<uui-icon name="lock" .fallback="${En.strings[0]}"></uui-icon>`:l`<uui-icon name="unlock" .fallback="${kn.strings[0]}"></uui-icon>`}renderPrepend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onLockToggle}" compact="compact" id="lock" label="${this.locked?"Unlock input":"Lock input"}">${this.renderIcon()}</uui-button>`}};Gt.styles=[...P.styles,c`#lock{height:100%;--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0;--uui-button-padding-left-factor:0.75;--uui-button-padding-right-factor:0.75;font-size:12px}:host([locked]) #input{cursor:not-allowed;opacity:.5}`],Lo([a({type:Boolean,reflect:!0})],Gt.prototype,"locked",2),Gt=Lo([u("uui-input-lock")],Gt);var fl=Object.defineProperty,bl=Object.getOwnPropertyDescriptor,qi=(t,e,r,o)=>{for(var i=o>1?void 0:o?bl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fl(e,r,i),i};let ft=class extends P{constructor(){super(...arguments);this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button")}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback="${Pn.strings[0]}"></uui-icon>`:l`<uui-icon name="unsee" .fallback="${On.strings[0]}"></uui-icon>`}renderAppend(){return l`<uui-button .disabled="${this.disabled}" @click="${this._onPasswordToggle}" style="--uui-button-padding-top-factor:0;--uui-button-padding-bottom-factor:0" compact="compact" label="${this.passwordType==="password"?"Show password":"Hide password"}" id="eye">${this.renderIcon()}</uui-button>`}};ft.styles=[...P.styles,c`#eye{height:100%;margin-left:-6px}#clear:hover{color:#000}`],qi([g()],ft.prototype,"passwordType",2),qi([a()],ft.prototype,"type",1),ft=qi([u("uui-input-password")],ft);var gl=Object.defineProperty,ml=Object.getOwnPropertyDescriptor,_l=(t,e,r,o)=>{for(var i=o>1?void 0:o?ml(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&gl(e,r,i),i};let Gi=class extends d{render(){return l`<slot></slot>`}};Gi.styles=[c`:host{display:inline-block;font-family:inherit;font-size:var(--uui-size-4,12px)}::slotted(:first-child)uui-key{margin-left:0}::slotted(:last-child)uui-key{margin-right:0}`],Gi=_l([u("uui-keyboard-shortcut")],Gi);var yl=Object.defineProperty,xl=Object.getOwnPropertyDescriptor,wl=(t,e,r,o)=>{for(var i=o>1?void 0:o?xl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&yl(e,r,i),i};let Wi=class extends d{render(){return l`<slot></slot>`}};Wi.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none;text-transform:lowercase}`],Wi=wl([u("uui-key")],Wi);var $l=Object.defineProperty,El=Object.getOwnPropertyDescriptor,Wt=(t,e,r,o)=>{for(var i=o>1?void 0:o?El(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&$l(e,r,i),i};let Ge=class extends d{constructor(){super();this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){if(typeof this.for=="string"){const t=this.getRootNode();return t?.getElementById(this.for)||null}return this.for||null}render(){return l`<slot></slot>${this.required?l`<div id="required">*</div>`:""}`}};Ge.styles=[c`:host{font-weight:700}:host([for]){cursor:pointer}:host([disabled]){cursor:default}#required{display:inline;color:var(--uui-look-danger-surface,#d42054);font-weight:900}`],Wt([a({type:Boolean,reflect:!0})],Ge.prototype,"disabled",2),Wt([a({reflect:!0,attribute:!0})],Ge.prototype,"for",2),Wt([a({type:Boolean,reflect:!0})],Ge.prototype,"required",2),Ge=Wt([u("uui-label")],Ge);var Cl=Object.defineProperty,Pl=Object.getOwnPropertyDescriptor,Ki=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cl(e,r,i),i};const kl=(t,e,r)=>Math.min(Math.max(t,e),r);let bt=class extends d{constructor(){super(...arguments);this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=kl(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`${this.progress?l`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}};bt.styles=[c`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden;color:var(--uui-color-primary,#3544b1)}#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}}`],Ki([a({type:Number})],bt.prototype,"progress",1),Ki([a({type:Number})],bt.prototype,"animationDuration",1),bt=Ki([u("uui-loader-bar")],bt);var Ol=Object.defineProperty,zl=Object.getOwnPropertyDescriptor,Yi=(t,e,r,o)=>{for(var i=o>1?void 0:o?zl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ol(e,r,i),i};let gt=class extends d{constructor(){super(...arguments);this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${jt(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}};gt.styles=[c`: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-primary,#3544b1)}#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}`],Yi([a({type:Number})],gt.prototype,"progress",2),Yi([a({type:Boolean,reflect:!0,attribute:"show-progress"})],gt.prototype,"showProgress",2),gt=Yi([u("uui-loader-circle")],gt);var Sl=Object.defineProperty,Il=Object.getOwnPropertyDescriptor,Al=(t,e,r,o)=>{for(var i=o>1?void 0:o?Il(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Sl(e,r,i),i};let Xi=class extends d{render(){return l`<div></div><div></div><div></div>`}};Xi.styles=[c`:host{color:var(--uui-color-primary,#3544b1)}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}}`],Xi=Al([u("uui-loader")],Xi);class se extends C{}se.SHOW_CHILDREN="show-children",se.HIDE_CHILDREN="hide-children",se.CLICK_LABEL="click-label";var Ul=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,ne=(t,e,r,o)=>{for(var i=o>1?void 0:o?Dl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ul(e,r,i),i};let V=class extends St(at(zt(nt("label",d)))){constructor(){super(...arguments);this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),y(this,"uui-symbol-expand"),y(this,"uui-loader-bar")}iconSlotChanged(t){this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}onCaretClicked(){this.showChildren=!this.showChildren;const t=this.showChildren?se.SHOW_CHILDREN:se.HIDE_CHILDREN,e=new se(t);this.dispatchEvent(e)}onLabelClicked(){const t=new se(se.CLICK_LABEL);this.dispatchEvent(t)}_renderLabelInside(){return l`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this.iconSlotChanged}"></slot>${this.renderLabel()}<slot name="badge" id="badge"></slot>`}_renderLabelAsAnchor(){return this.disabled?l`<span id="label-button">${this._renderLabelInside()}</span>`:l`<a id="label-button" href="${qt(this.href)}" target="${qt(this.target||void 0)}" rel="${qt(this.target==="_blank"?"noopener":void 0)}" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return l`<button id="label-button" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return l`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?l`<button id="caret-button" @click="${this.onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?l`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?l`<slot></slot>`:""}`}};V.styles=[c`: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}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}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#caret-button:hover~#label-button-background,#label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-hover,#fafafa)}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}:host(:not([disabled])) #menu-item:focus #actions-container,:host(:not([disabled])) #menu-item:focus-within #actions-container,:host(:not([disabled])) #menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}#badge{font-size:12px;--uui-badge-position:relative;--uui-badge-position:auto;display:block;margin-left:6px}:host([disabled]){color:var(--uui-interface-surface-contrast-disabled)}:host([disabled]) #label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([active]){color:var(--uui-interface-active-contrast,#162335)}:host([active]) #label-button:hover{color:var(--uui-interface-active-contrast-hover,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-interface-active,#f5c1bc)}:host([active]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-active-hover,#f5c1bc)}:host([active][disabled]) #label-button{color:var(--uui-interface-active-contrast-disabled,#363636);background-color:var(--uui-interface-active-disabled,#dbd4d4)}:host([selected]){color:var(--uui-interface-select-contrast,#fefefe)}:host([selected]) #label-button:hover{color:var(--uui-interface-select-contrast-hover,#fefefe)}:host([selected]) #label-button-background{background-color:var(--uui-interface-select,#3544b1)}:host([selected]) #caret-button:hover~#label-button-background,:host([selected]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-select-hover,#4656c8)}:host([selected][disabled]) #label-button{color:var(--uui-interface-select-contrast-disabled,#e4e4e4);background-color:var(--uui-interface-select-disabled,#575757)}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)}`],ne([a({type:Boolean,reflect:!0})],V.prototype,"disabled",2),ne([a({type:Boolean,reflect:!0,attribute:"show-children"})],V.prototype,"showChildren",2),ne([a({type:Boolean,attribute:"has-children"})],V.prototype,"hasChildren",2),ne([a({type:Boolean,attribute:"loading"})],V.prototype,"loading",2),ne([a({type:String})],V.prototype,"href",2),ne([a({type:String})],V.prototype,"target",2),ne([g()],V.prototype,"iconSlotHasContent",2),V=ne([u("uui-menu-item")],V);class ge extends C{}ge.CHANGE="change";var Ll=Object.defineProperty,jl=Object.getOwnPropertyDescriptor,J=(t,e,r,o)=>{for(var i=o>1?void 0:o?jl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ll(e,r,i),i};const Hl=45,Zi=(t,e,r)=>Math.min(Math.max(t,e),r),Nl=(t,e)=>Array.from({length:e-t+1},(r,o)=>t+o);let T=class extends d{constructor(){super(...arguments);this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.total=1,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(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((i,s)=>i+s.getBoundingClientRect().width,0),o=(t-e)/Hl/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,r=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return Nl(Zi(e,1,this.total),Zi(r,1,this.total))}get current(){return this._current}set current(t){const e=this._current;this._current=Zi(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new ge(ge.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new ge(ge.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new ge(ge.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return l`<uui-button compact="compact" look="outline" tabindex="-1" class="dots" label="More pages">...</uui-button>`}renderPage(t){return l`<uui-button compact="compact" look="outline" role="listitem" label="Go to page ${t}" class="${"page"+(t===this._current?" active":"")}" tabindex="${t===this._current?"-1":""}" @click="${()=>{t!==this._current&&(this.goToPage(t),this.focusActivePage())}}">${t}</uui-button>`}renderNavigationLeft(){return l`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return l`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return l`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(t=>this.renderPage(t))} ${this.renderNavigationRight()}</uui-button-group>`}};T.styles=[c`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-interface-border,#c4c4c4);--uui-button-border-color-disabled:var(--uui-interface-border,#c4c4c4)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-interface-active,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],J([ps("uui-button.nav")],T.prototype,"_navButtons",2),J([O("#pages")],T.prototype,"_pagesGroup",2),J([a()],T.prototype,"label",2),J([a({reflect:!0,attribute:"aria-label"})],T.prototype,"ariaLabel",2),J([a({type:Number})],T.prototype,"total",2),J([g()],T.prototype,"_range",2),J([g()],T.prototype,"_visiblePages",2),J([a({type:Number})],T.prototype,"current",1),T=J([u("uui-pagination")],T);class Qi extends C{}Qi.CLOSE="close";var Tl=Object.defineProperty,Ml=Object.getOwnPropertyDescriptor,mt=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ml(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Tl(e,r,i),i};function Kt(t,e,r){return t<e?e:t>r?r:t}let me=class extends d{constructor(){super(...arguments);this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._forceClosePopover()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("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),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),this._currentPlacement=null}_forceClosePopover(){this.open=!1,this.dispatchEvent(new Qi(Qi.CLOSE))}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const r=e.position==="absolute",o=/(auto|scroll)/;let i=t;for(;i=i.parentElement;)if(e=getComputedStyle(i),!(r&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(i),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const r=this.containerElement;if(!r)return;const o=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),i=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(i!=null&&o!=null){const s=this._scrollParents.map(q=>q.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,s));let n=this._currentPlacement.indexOf("top")!==-1,p=this._currentPlacement.indexOf("bottom")!==-1,v=this._currentPlacement.indexOf("left")!==-1,h=this._currentPlacement.indexOf("right")!==-1;const E=this._currentPlacement.indexOf("-start")!==-1,m=this._currentPlacement.indexOf("-end")!==-1;let f=.5,_=.5,x=.5,w=.5,D=0,xe=0;if(this.placement==="auto"){const q=this._scrollParents[0],kt=q.clientWidth,Ee=q.clientHeight,Xe=i.x-o.width,Ze=kt-(i.x+i.width)-o.width,fr=i.y-o.height,pi=Ee-(i.y+i.height)-o.height;let vi=.5,fi=.5;const kc=Math.max(Xe,Ze);let Jo=Math.max(fr,pi);pi>fr&&pi>this.margin&&(Jo+=9999),kc>Jo?(Xe>Ze?(vi=0,v=!0):(vi=1,h=!0),D=this.margin):(fr>pi?(fi=0,n=!0):(fi=1,p=!0),xe=this.margin),f=vi,_=fi,x=1-vi,w=1-fi}else n&&(w=1,_=0),p&&(w=0,_=1),(n||p)&&(xe=this.margin,E&&(x=0,f=0),m&&(x=1,f=1)),v&&(x=1,f=0),h&&(x=0,f=1),(v||h)&&(D=this.margin,E&&(w=0,_=0),m&&(w=1,_=1));const Ye=-o.width*x+i.width*f-D*(x*2-1),vr=-o.height*w+i.height*_-xe*(w*2-1);let we=Ye,$e=vr;n||p?(this._scrollParents.forEach((q,kt)=>{const Ee=q===document.body?0:s[kt].x,Xe=-i.x+Ee,Ze=q.clientWidth-i.x-i.width+Ye+Ee-(o.width-i.width)*(1-f);we=Kt(we,Xe,Ze)}),we=Kt(we,-o.width,i.width)):(v||h)&&(this._scrollParents.forEach((q,kt)=>{const Ee=q===document.body?0:s[kt].y,Xe=-i.y+Ee,Ze=q.clientHeight-i.y-i.height+vr+Ee-(o.height-i.height)*(1-_);$e=Kt($e,Xe,Ze)}),$e=Kt($e,-o.height,i.height)),(this._positionX!==we||this._positionY!==$e)&&(this._positionX=we,this._positionY=$e,Ye===we&&vr===$e&&this._stopScrollListener(),r.style.left=`${this._positionX}px`,r.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,r){const i=t.split("-"),s=i[0],n=i[1]||null;let p;return this._scrollParents.some((v,h)=>{const E=v===document.body?0:r[h].x,m=v===document.body?0:r[h].y;return s==="top"&&e.y-2<=m?(p="bottom",!0):s==="bottom"&&e.y+e.height+2>=v.clientHeight+m?(p="top",!0):s==="left"&&e.x-2<=E?(p="right",!0):s==="right"&&e.x+e.width+2>=v.clientWidth+E?(p="left",!0):!1}),p?(this._startScrollListener(),p+(n?`-${n}`:"")):t}render(){return l`<slot id="trigger" name="trigger" @slotchange="${this._onTriggerSlotChanged}"></slot><div id="container">${this._open?l`<slot name="popover"></slot>`:""}</div>`}};me.styles=[c`:host{position:relative;display:inline-block;width:100%}#container{position:absolute;width:100%;z-index:1}slot[name=popover]{display:block}#trigger{position:relative;width:100%}`],mt([O("#container")],me.prototype,"containerElement",2),mt([a({type:Number})],me.prototype,"margin",2),mt([a({type:String,reflect:!0})],me.prototype,"placement",1),mt([a({type:Boolean,reflect:!0})],me.prototype,"open",1),me=mt([u("uui-popover")],me);var Bl=Object.defineProperty,Vl=Object.getOwnPropertyDescriptor,jo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Bl(e,r,i),i};const Fl=(t,e,r)=>Math.min(Math.max(t,e),r);let Yt=class extends d{constructor(){super(...arguments);this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=Fl(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`<div id="bar" style="${jt(this._getProgressStyle())}"></div>`}};Yt.styles=[c`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-interface-surface-alt,#d8d7d9);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-look-positive-surface,#25aa60);height:100%;width:0%}`],jo([a({type:Number})],Yt.prototype,"progress",1),Yt=jo([u("uui-progress-bar")],Yt);class _t extends C{}_t.CHANGE="change";var Rl=Object.defineProperty,ql=Object.getOwnPropertyDescriptor,_e=(t,e,r,o)=>{for(var i=o>1?void 0:o?ql(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Rl(e,r,i),i};let F=class extends d{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(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,t&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(){const t=this.inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new _t(_t.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return l`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}</div></label>`}};F.styles=[Dt,c`: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-interface-surface,#fefefe);border:1px solid var(--uui-interface-border,#c4c4c4);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-interface-chosen,#1b264f);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-interface-border-hover,#b3b3b3)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-interface-chosen,#1b264f)}input:checked:hover~#button{border:1px solid var(--uui-interface-chosen-hover,#26356e)}input:checked:hover~#button::after{background-color:var(--uui-interface-chosen-hover,#26356e)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) input~#button{border:1px solid var(--uui-interface-border-disabled,#bdbdbd)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]:active) #button{animation:${Lt}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],_e([O("#input")],F.prototype,"inputElement",2),_e([a({type:String})],F.prototype,"name",2),_e([a({type:String})],F.prototype,"value",2),_e([a({type:String})],F.prototype,"label",2),_e([a({type:Boolean,reflect:!0})],F.prototype,"checked",1),_e([a({type:Boolean,reflect:!0})],F.prototype,"disabled",1),F=_e([u("uui-radio")],F);class Ji extends C{}Ji.CHANGE="change";var Gl=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Ho=(t,e,r,o)=>{for(var i=o>1?void 0:o?Wl(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gl(e,r,i),i};const Kl="ArrowLeft",Yl="ArrowUp",Xl="ArrowRight",Zl="ArrowDown",Ql=" ";let yt=class extends K(d){constructor(){super();this.disabled=!1,this._selected=null,this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown)}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._radioElements.forEach((e,r)=>{e.value===t?(e.checked=!0,this._selected=r):e.checked=!1})}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(r=>r.name=t)}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(r=>r.disabled=t)}_handleSlotChange(t){var e;if((e=this._radioElements)==null||e.forEach(r=>{r.removeEventListener(_t.CHANGE,this._handleSelectOnClick),r.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(r=>r instanceof F),this._radioElements.length>0){this._radioElements.forEach(o=>{o.addEventListener(_t.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)});const r=this._radioElements.filter(o=>o.checked===!0);r.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),r.length===1?(this.value=r[0].value,this._selected=this._radioElements.indexOf(r[0]),r[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),r[0].makeFocusable()):this._makeFirstEnabledFocusable(),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0)):this._makeFirstEnabledFocusable()}}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(r=>{r.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let i=(e+o*t)%r;if(i<0&&(i+=r),this._radioElements[i].disabled===!1)return this._radioElements[i];o++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.key){case Kl:case Yl:{t.preventDefault(),this._selectPreviousElement();break}case Xl:case Zl:{t.preventDefault(),this._selectNextElement();break}case Ql:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Ji(Ji.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(t.get("disabled")),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};yt.formAssociated=!0,yt.styles=[c`: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-look-danger-border,#d42054)}`],Ho([a({type:Boolean,reflect:!0})],yt.prototype,"disabled",2),yt=Ho([u("uui-radio-group")],yt);var Jl=Object.defineProperty,eu=Object.getOwnPropertyDescriptor,tu=(t,e,r,o)=>{for(var i=o>1?void 0:o?eu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Jl(e,r,i),i};let er=class extends d{render(){return l`<slot></slot>`}};er.styles=[c`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;width:100%;border-top:1px solid #d3d3d3}`],er=tu([u("uui-ref-list")],er);class xt extends C{}xt.OPEN="open";var iu=Object.defineProperty,ru=Object.getOwnPropertyDescriptor,tr=(t,e,r,o)=>{for(var i=o>1?void 0:o?ru(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&iu(e,r,i),i};let ye=class extends St(at(d)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new xt(xt.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new xt(xt.OPEN)))}};ye.styles=[c`: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-interface-surface,#fefefe);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-look-danger-border,#d42054);box-shadow:0 0 4px 0 var(--uui-look-danger-border,#d42054),inset 0 0 2px 0 var(--uui-look-danger-border,#d42054)}:host([border]){border:1px solid var(--uui-interface-border,#c4c4c4)}: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-interface-select,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-interface-select,#3544b1),inset 0 0 2px 0 var(--uui-interface-select,#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-interface-border-hover,#b3b3b3)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-interface-border-disabled,#bdbdbd)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],tr([a({type:Boolean,reflect:!0})],ye.prototype,"disabled",2),tr([a({type:Boolean,reflect:!0})],ye.prototype,"error",2),ye=tr([u("uui-ref")],ye);var ou=Object.defineProperty,su=Object.getOwnPropertyDescriptor,Xt=(t,e,r,o)=>{for(var i=o>1?void 0:o?su(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ou(e,r,i),i};let k=class extends ye{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(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<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>`}};k.styles=[...ye.styles,c`: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-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-interface-contrast-hover,#1b264f)}:host([disabled]) #icon{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #name{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #detail{color:var(--uui-interface-contrast-disabled,#73716e)}`],Xt([a({type:String})],k.prototype,"name",2),Xt([a({type:String})],k.prototype,"detail",2),Xt([g()],k.prototype,"_iconSlotHasContent",2),k=Xt([u("uui-ref-node")],k);var nu=Object.defineProperty,au=Object.getOwnPropertyDescriptor,No=(t,e,r,o)=>{for(var i=o>1?void 0:o?au(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&nu(e,r,i),i};let Zt=class extends k{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Zt.styles=[...k.styles],No([a({type:String})],Zt.prototype,"alias",2),Zt=No([u("uui-ref-node-data-type")],Zt);var lu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,To=(t,e,r,o)=>{for(var i=o>1?void 0:o?uu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lu(e,r,i),i};let Qt=class extends k{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Qt.styles=[...k.styles],To([a({type:String})],Qt.prototype,"alias",2),Qt=To([u("uui-ref-node-document-type")],Qt);var cu=Object.defineProperty,du=Object.getOwnPropertyDescriptor,hu=(t,e,r,o)=>{for(var i=o>1?void 0:o?du(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&cu(e,r,i),i};let ir=class extends k{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>'}};ir.styles=[...k.styles],ir=hu([u("uui-ref-node-form")],ir);var pu=Object.defineProperty,vu=Object.getOwnPropertyDescriptor,Mo=(t,e,r,o)=>{for(var i=o>1?void 0:o?vu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&pu(e,r,i),i};let Jt=class extends k{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};Jt.styles=[...k.styles],Mo([a({type:String,attribute:"group-name"})],Jt.prototype,"groupName",2),Jt=Mo([u("uui-ref-node-member")],Jt);var fu=Object.defineProperty,bu=Object.getOwnPropertyDescriptor,rr=(t,e,r,o)=>{for(var i=o>1?void 0:o?bu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fu(e,r,i),i};let wt=class extends k{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};wt.styles=[...k.styles],rr([a({type:String})],wt.prototype,"version",2),rr([a({type:String})],wt.prototype,"author",2),wt=rr([u("uui-ref-node-package")],wt);var gu=Object.defineProperty,mu=Object.getOwnPropertyDescriptor,Bo=(t,e,r,o)=>{for(var i=o>1?void 0:o?mu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&gu(e,r,i),i};let ei=class extends k{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail">${t.join(" | ")}<slot name="detail"></slot></small>`}};ei.styles=[...k.styles],Bo([a({type:String,attribute:"group-name"})],ei.prototype,"groupName",2),ei=Bo([u("uui-ref-node-user")],ei);var _u=Object.defineProperty,yu=Object.getOwnPropertyDescriptor,xu=(t,e,r,o)=>{for(var i=o>1?void 0:o?yu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&_u(e,r,i),i};let or=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};or.styles=[c`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-interface-contrast-disabled,#73716e) var(--uui-interface-background-alt);overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-interface-background-alt);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-interface-contrast-disabled,#73716e);border-radius:3px}`],or=xu([u("uui-scroll-container")],or);class sr extends C{}sr.CHANGE="change";var wu=Object.defineProperty,$u=Object.getOwnPropertyDescriptor,R=(t,e,r,o)=>{for(var i=o>1?void 0:o?$u(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wu(e,r,i),i};let H=class extends K(d){constructor(){super();this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const e=this.options.find(r=>r.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new sr(sr.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option value="${e}" ?selected="${r}" ?disabled="${o}">${t}</option>`}_renderGrouped(){return this._groups.length===0?l``:l`${this._groups.map(t=>l`<optgroup label="${t}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}">${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return l`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}" .value="${this.value}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}</select>`}};H.styles=[c`: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-interface-border,#c4c4c4));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-interface-surface-disabled,#e4e4e4))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-interface-active,#f5c1bc))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-malibu,#3879ff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) #native[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],R([a({type:String})],H.prototype,"label",2),R([a()],H.prototype,"placeholder",2),R([a({type:Boolean,reflect:!0})],H.prototype,"disabled",2),R([a({type:Boolean,reflect:!0})],H.prototype,"error",2),R([a({type:Array,attribute:!1})],H.prototype,"options",2),R([g()],H.prototype,"_groups",2),R([a()],H.prototype,"disabledGroups",2),R([g()],H.prototype,"_disabledGroups",2),R([O("#native")],H.prototype,"_input",2),H=R([u("uui-select")],H);const Eu=c`
|
|
232
232
|
input[type='range'] {
|
|
233
233
|
left: 0;
|
|
234
234
|
position: absolute;
|
|
@@ -335,15 +335,15 @@
|
|
|
335
335
|
input[type='range']:focus::-ms-fill-upper {
|
|
336
336
|
background: transparent;
|
|
337
337
|
}
|
|
338
|
-
`;class
|
|
339
|
-
${t.map(
|
|
340
|
-
`,
|
|
338
|
+
`;class We extends C{}We.INPUT="input",We.CHANGE="change";var Cu=Object.defineProperty,Pu=Object.getOwnPropertyDescriptor,A=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cu(e,r,i),i};const $t=12,Vo=24,ku=(t,e)=>b`
|
|
339
|
+
${t.map(r=>{if(e>=Vo){const o=Math.round($t+e*t.indexOf(r));return b`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return b``})}
|
|
340
|
+
`,Ou=(t,e,r)=>r?l``:l`<div id="step-values">
|
|
341
341
|
${t.map(o=>l` <span
|
|
342
342
|
><span>
|
|
343
|
-
${t.length<=20&&e>=
|
|
343
|
+
${t.length<=20&&e>=Vo?o.toFixed(0):$}
|
|
344
344
|
</span></span
|
|
345
345
|
>`)}
|
|
346
|
-
</div>`,
|
|
346
|
+
</div>`,zu=(t,e,r)=>Array.from({length:(e-t)/r+1},(o,i)=>t+i*r);let z=class extends K(d){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","")})}get value(){return this._value}set value(t){if(t instanceof File)return;const e=this._value;let r=t?parseFloat(t):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),this._value=r.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",e)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(t){super.updated(t),(t.get("max")||t.get("min")||t.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=zu(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-$t*2)/(this._steps.length-1)}_calculateSliderPosition(){const t=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(t*1e5)/1e3}%`}_onInput(){this.value=this._input.value,this.dispatchEvent(new We(We.INPUT))}_onChange(){this.pristine=!1,this.dispatchEvent(new We(We.CHANGE))}render(){return l`
|
|
347
347
|
<input
|
|
348
348
|
id="input"
|
|
349
349
|
type="range"
|
|
@@ -358,17 +358,17 @@
|
|
|
358
358
|
<div id="track" aria-hidden="true">
|
|
359
359
|
<svg height="100%" width="100%">
|
|
360
360
|
<rect x="9" y="9" height="3" rx="2" />
|
|
361
|
-
${
|
|
361
|
+
${ku(this._steps,this._stepWidth)}
|
|
362
362
|
</svg>
|
|
363
363
|
|
|
364
364
|
<div id="track-inner" aria-hidden="true">
|
|
365
|
-
<div id="thumb" style=${
|
|
365
|
+
<div id="thumb" style=${jt({left:this._sliderPosition})}>
|
|
366
366
|
<div id="thumb-label">${this.value}</div>
|
|
367
367
|
</div>
|
|
368
368
|
</div>
|
|
369
369
|
</div>
|
|
370
|
-
${
|
|
371
|
-
`}};
|
|
370
|
+
${Ou(this._steps,this._stepWidth,this.hideStepValues)}
|
|
371
|
+
`}};z.formAssociated=!0,z.styles=[_n,Eu,c`
|
|
372
372
|
:host {
|
|
373
373
|
display: inline-block;
|
|
374
374
|
width: 100%;
|
|
@@ -417,8 +417,8 @@
|
|
|
417
417
|
|
|
418
418
|
#track-inner {
|
|
419
419
|
position: absolute;
|
|
420
|
-
left: ${
|
|
421
|
-
right: ${
|
|
420
|
+
left: ${$t}px; /* Match TRACK_MARGIN */
|
|
421
|
+
right: ${$t}px; /* Match TRACK_MARGIN */
|
|
422
422
|
}
|
|
423
423
|
|
|
424
424
|
#thumb {
|
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
#step-values {
|
|
480
|
-
margin: 0 ${
|
|
480
|
+
margin: 0 ${$t}px; /* Match TRACK_MARGIN */
|
|
481
481
|
margin-top: 6px;
|
|
482
482
|
display: flex;
|
|
483
483
|
align-items: flex-end;
|
|
@@ -508,6 +508,6 @@
|
|
|
508
508
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
509
509
|
background-color: var(--uui-look-danger-surface,#d42054);
|
|
510
510
|
}
|
|
511
|
-
`],A([a({type:Boolean,attribute:"hide-step-values"})],O.prototype,"hideStepValues",2),A([a({type:Number})],O.prototype,"min",2),A([a({type:Number})],O.prototype,"max",2),A([a({type:Number})],O.prototype,"step",2),A([a({type:String})],O.prototype,"value",1),A([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2),A([a({type:String})],O.prototype,"label",2),A([N("#input")],O.prototype,"_input",2),A([N("#track")],O.prototype,"_track",2),A([w()],O.prototype,"_stepWidth",2),A([w()],O.prototype,"_steps",2),A([w()],O.prototype,"_sliderPosition",2),O=A([u("uui-slider")],O);var Pl=Object.defineProperty,El=Object.getOwnPropertyDescriptor,co=(t,e,i,o)=>{for(var r=o>1?void 0:o?El(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Pl(e,i,r),r};let Lt=class extends v{constructor(){super(...arguments);this.open=!1}render(){return l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};Lt.styles=[c`: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}:host([open]) svg{transform:rotate(0)}`],co([a({type:Boolean,reflect:!0})],Lt.prototype,"open",2),Lt=co([u("uui-symbol-expand")],Lt);var Ol=Object.defineProperty,zl=Object.getOwnPropertyDescriptor,ho=(t,e,i,o)=>{for(var r=o>1?void 0:o?zl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ol(e,i,r),r};let Ht=class extends v{constructor(){super(...arguments);this.type=""}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}};Ht.styles=[c`: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;color:var(--uui-color-gunmetal,#162335);background-color:var(--uui-color-spanish-pink,#f5c1bc)}#icon{fill:var(--uui-interface-border,#c4c4c4)}`],ho([a({type:String})],Ht.prototype,"type",2),Ht=ho([u("uui-symbol-file")],Ht);var Sl=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,Il=(t,e,i,o)=>{for(var r=o>1?void 0:o?Al(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Sl(e,i,r),r};let Vr=class extends v{render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}};Vr.styles=[c`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-interface-border,#d3d3d3)}`],Vr=Il([u("uui-symbol-folder")],Vr);var Ul=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,po=(t,e,i,o)=>{for(var r=o>1?void 0:o?Dl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ul(e,i,r),r};let jt=class extends v{constructor(){super(...arguments);this.open=!1}render(){return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?f`<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>`:f`<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>`}};jt.styles=[c`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],po([a({type:Boolean,reflect:!0})],jt.prototype,"open",2),jt=po([u("uui-symbol-lock")],jt);var Ll=Object.defineProperty,Hl=Object.getOwnPropertyDescriptor,jl=(t,e,i,o)=>{for(var r=o>1?void 0:o?Hl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ll(e,i,r),r};let Rr=class extends v{render(){return l`•••`}};Rr.styles=[c`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],Rr=jl([u("uui-symbol-more")],Rr);var Nl=Object.defineProperty,Tl=Object.getOwnPropertyDescriptor,vo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Tl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Nl(e,i,r),r};let Nt=class extends lr(v){constructor(){super(...arguments);this.descending=!1}render(){return l`<svg id="up" 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" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};Nt.styles=[c`: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))}`],vo([a({type:Boolean,reflect:!0})],Nt.prototype,"descending",2),Nt=vo([u("uui-symbol-sort")],Nt);var Ml=Object.defineProperty,Bl=Object.getOwnPropertyDescriptor,Vl=(t,e,i,o)=>{for(var r=o>1?void 0:o?Bl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ml(e,i,r),r};let Fr=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};Fr.styles=[c`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);cursor:default}`],Fr=Vl([u("uui-table")],Fr);var Rl=Object.defineProperty,Fl=Object.getOwnPropertyDescriptor,Tt=(t,e,i,o)=>{for(var r=o>1?void 0:o?Fl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Rl(e,i,r),r};let K=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(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}};K.styles=[c`:host{display: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-interface-border,#c4c4c4);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}`],Tt([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],K.prototype,"disableChildInteraction",2),Tt([a({type:Boolean,reflect:!0,attribute:"no-padding"})],K.prototype,"noPadding",2),Tt([a({type:Boolean,reflect:!0,attribute:"clip-text"})],K.prototype,"clipText",2),K=Tt([u("uui-table-cell")],K);var ql=Object.defineProperty,Gl=Object.getOwnPropertyDescriptor,Wl=(t,e,i,o)=>{for(var r=o>1?void 0:o?Gl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ql(e,i,r),r};let qr=class extends v{};qr.styles=[c`:host{display:table-column}`],qr=Wl([u("uui-table-column")],qr);var Kl=Object.defineProperty,Yl=Object.getOwnPropertyDescriptor,Xl=(t,e,i,o)=>{for(var r=o>1?void 0:o?Yl(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Kl(e,i,r),r};let Gr=class extends K{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};Gr.styles=[...K.styles,c`:host{border-top:none}`],Gr=Xl([u("uui-table-head-cell")],Gr);var Zl=Object.defineProperty,Ql=Object.getOwnPropertyDescriptor,Jl=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ql(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Zl(e,i,r),r};let Wr=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};Wr.styles=[c`:host{display:table-header-group;font-weight:700}`],Wr=Jl([u("uui-table-head")],Wr);var eu=Object.defineProperty,tu=Object.getOwnPropertyDescriptor,bo=(t,e,i,o)=>{for(var r=o>1?void 0:o?tu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&eu(e,i,r),r};let Mt=class extends dt(ct(v)){connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof K}render(){return l`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}};Mt.styles=[c`:host{display:table-row;position:relative}:host([selectable]){cursor:pointer}:host([selected]){outline:2px solid var(--uui-interface-select,#3544b1);outline-offset:-3px}`],bo([at({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],Mt.prototype,"slotCellNodes",2),Mt=bo([u("uui-table-row")],Mt);var ru=Object.defineProperty,iu=Object.getOwnPropertyDescriptor,fo=(t,e,i,o)=>{for(var r=o>1?void 0:o?iu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ru(e,i,r),r};let ot=class extends lr(ut("",v)){constructor(){super();this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return l`<button type="button" ?disabled="${this.disabled}" role="tab">${this.renderLabel()}</button>`}};ot.styles=[c`:host{color:var(--uui-tab-text,var(--uui-interface-contrast,#060606));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:75px;background:0 0;color:inherit;cursor:pointer;font-family:inherit}:host(:not([active]):not([disabled])) button:hover{color:var(--uui-tab-text-hover,var(--uui-look-primary-surface-hover,#fff))}: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{color:var(--uui-tab-text-active,var(--uui-look-primary-surface-hover,#fff));cursor:default}:host([disabled]) button{color:var(--uui-interface-contrast-disabled,#73716e);cursor:default}button::before{content:'';position:absolute;height:0;width:calc(100% - 16px);left:auto;right:auto;background-color:var(--uui-interface-active,#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-interface-active-hover,#f5c1bc)}:host([active]) button::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}:host([disabled]) button::before{background-color:var(--uui-interface-active-disabled,#dbd4d4)}::slotted(uui-icon){margin-bottom:var(--uui-size-2,6px)}`],fo([a({type:Boolean,reflect:!0})],ot.prototype,"disabled",2),ot=fo([u("uui-tab")],ot);var ou=Object.defineProperty,su=Object.getOwnPropertyDescriptor,go=(t,e,i,o)=>{for(var r=o>1?void 0:o?su(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ou(e,i,r),r};let Bt=class extends v{constructor(){super(...arguments);this.tabElements=[],this.onTabActive=t=>{const e=t.target;this.elementIsTabLike(e)&&(e.active=!0),this.tabElements.filter(o=>o!==e).forEach(o=>{this.elementIsTabLike(o)&&(o.active=!1)})}}setTabArray(){this.tabElements=this.slotNodes?this.slotNodes:[]}onSlotChange(){this.tabElements.forEach(t=>{t.removeEventListener("click",this.onTabActive)}),this.setTabArray(),this.tabElements.forEach(t=>{t.addEventListener("click",this.onTabActive)})}elementIsTabLike(t){return t instanceof ot||"active"in t}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>`}};Bt.styles=[c`: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)}`],go([at({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],Bt.prototype,"slotNodes",2),Bt=go([u("uui-tab-group")],Bt);var nu=Object.defineProperty,au=Object.getOwnPropertyDescriptor,mo=(t,e,i,o)=>{for(var r=o>1?void 0:o?au(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&nu(e,i,r),r};let Vt=class extends v{constructor(){super(...arguments);this.look=fr}render(){return l`<slot></slot>`}};Vt.styles=[c`: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;background-color:var(--uui-interface-surface-alt,#d8d7d9);color:var(--uui-interface-contrast,#060606);user-select:none}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border:1px solid var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border:1px dashed var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe)}`],mo([a({reflect:!0})],Vt.prototype,"look",2),Vt=mo([u("uui-tag")],Vt);class Rt extends E{}Rt.CHANGE="change",Rt.INPUT="input";var lu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,I=(t,e,i,o)=>{for(var r=o>1?void 0:o?uu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&lu(e,i,r),r};let z=class extends ye(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 t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(){this.pristine=!1,this.dispatchEvent(new Rt(Rt.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,i=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=i}render(){return l`<textarea id="textarea" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
|
|
512
|
-
</textarea>`}};z.formAssociated=!0,z.styles=[c`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-look-danger-border,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-look-danger-border,#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-input-border-color-readonly,var(--uui-interface-border-readonly,#dedede))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-textarea-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-interface-contrast-disabled,#73716e)}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-interface-border,#c4c4c4));border-radius:0;outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height)}:host(:focus) textarea,:host(:hover) textarea:not([readonly]):not([disabled]) :host(:focus-within) textarea{border-color:var(--uui-textarea-border-color,var(--uui-interface-border-focus,#b3b3b3))}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-interface-outline,#3879ff)}`],I([a()],z.prototype,"placeholder",2),I([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),I([a({type:Boolean,reflect:!0})],z.prototype,"readonly",2),I([a({type:String})],z.prototype,"name",2),I([a({type:Boolean,reflect:!0})],z.prototype,"error",2),I([a({type:Number})],z.prototype,"minlength",2),I([a({type:String,attribute:"minlength-message"})],z.prototype,"minlengthMessage",2),I([a({type:Number})],z.prototype,"maxlength",2),I([a({type:String,attribute:"maxlength-message"})],z.prototype,"maxlengthMessage",2),I([N("#textarea")],z.prototype,"_textarea",2),I([a({type:Boolean,attribute:"auto-height",reflect:!0})],z.prototype,"autoHeight",2),I([a({type:String})],z.prototype,"label",2),z=I([u("uui-textarea")],z);class S extends E{}S.OPENING="opening",S.OPENED="opened",S.CLOSING="closing",S.CLOSED="closed";var cu=Object.defineProperty,du=Object.getOwnPropertyDescriptor,Ae=(t,e,i,o)=>{for(var r=o>1?void 0:o?du(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&cu(e,i,r),r};let J=class extends v{constructor(){super();this.look=fr,this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._animate=!1,this._open=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new Us(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),k(this,"uui-button"),k(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 S(S.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new S(S.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new S(S.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.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 S(S.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .look="${this.look}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${Ls.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}};J.styles=[cr,c`: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-interface-surface,#fefefe);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([look=primary]) #toast>div{background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=positive]) #toast>div{background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]) #toast>div{background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]) #toast>div{background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-color:var(--uui-look-danger-border,#d42054)}`],Ae([a({reflect:!0})],J.prototype,"look",2),Ae([a({type:Number})],J.prototype,"autoClose",1),Ae([N("#toast")],J.prototype,"_toastEl",2),Ae([w()],J.prototype,"_animate",2),Ae([a({type:Boolean,reflect:!0})],J.prototype,"open",1),J=Ae([u("uui-toast-notification")],J);var hu=Object.defineProperty,pu=Object.getOwnPropertyDescriptor,_o=(t,e,i,o)=>{for(var r=o>1?void 0:o?pu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&hu(e,i,r),r};let Ft=class extends v{constructor(){super(...arguments);this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var t;this._autoClosePause=!0,(t=this._toasts)==null||t.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{var t;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(t=this._toasts)==null||t.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(S.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>e.indexOf(r)===-1).forEach(r=>{r.addEventListener(S.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,(e=this._toasts)==null||e.forEach(i=>i.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l`<slot @slotchange="${this.onSlotChanged}"></slot>`}};Ft.styles=[c`: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}`],_o([a({type:Number,reflect:!0,attribute:"auto-close"})],Ft.prototype,"_autoClose",2),Ft=_o([u("uui-toast-notification-container")],Ft);var vu=Object.defineProperty,bu=Object.getOwnPropertyDescriptor,Kr=(t,e,i,o)=>{for(var r=o>1?void 0:o?bu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&vu(e,i,r),r};let st=class extends v{constructor(){super(...arguments);this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}render(){return l`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}};st.styles=[cr,c`#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)}`],Kr([a({type:String})],st.prototype,"headline",2),Kr([w()],st.prototype,"_headlineSlotHasContent",2),st=Kr([u("uui-toast-notification-layout")],st);var fu=Object.defineProperty,gu=Object.getOwnPropertyDescriptor,mu=(t,e,i,o)=>{for(var r=o>1?void 0:o?gu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&fu(e,i,r),r};let qt=class extends q{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-check">${gr}</div><div id="icon-wrong">${Vi}</div></div>`}};qt.formAssociated=!0,qt.styles=[...q.styles,bt,c`: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-interface-surface-alt,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-toggle-background-color-hover,var(--uui-interface-surface-alt-hover,#c8c8c8))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-toggle-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked~#slider{background-color:var(--uui-interface-select,#3544b1)}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-interface-select-hover,#4656c8)}label:focus input:checked~#slider{background-color:var(--uui-interface-select-focus,#3544b1)}#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-interface-contrast,#060606)}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}input:checked~#slider #icon-check{fill:var(--uui-interface-select-contrast,#fefefe)}#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-interface-select-contrast,#fefefe);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-interface-outline,#3879ff)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-interface-surface-alt-disabled,#ccc)}:host([disabled]) input:checked~#slider{background-color:var(--uui-interface-select-disabled,#575757)}:host([disabled]) #slider::after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #slider #icon-wrong{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #slider{animation:${ft}}:host([disabled]) input:checked #slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}: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-look-danger-border,#d42054)}`],qt=mu([u("uui-toggle")],qt)});
|
|
511
|
+
`],A([a({type:Boolean,attribute:"hide-step-values"})],z.prototype,"hideStepValues",2),A([a({type:Number})],z.prototype,"min",2),A([a({type:Number})],z.prototype,"max",2),A([a({type:Number})],z.prototype,"step",2),A([a({type:String})],z.prototype,"value",1),A([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),A([a({type:String})],z.prototype,"label",2),A([O("#input")],z.prototype,"_input",2),A([O("#track")],z.prototype,"_track",2),A([g()],z.prototype,"_stepWidth",2),A([g()],z.prototype,"_steps",2),A([g()],z.prototype,"_sliderPosition",2),z=A([u("uui-slider")],z);var Su=Object.defineProperty,Iu=Object.getOwnPropertyDescriptor,Fo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Iu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Su(e,r,i),i};let ti=class extends d{constructor(){super(...arguments);this.open=!1}render(){return l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};ti.styles=[c`: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}:host([open]) svg{transform:rotate(0)}`],Fo([a({type:Boolean,reflect:!0})],ti.prototype,"open",2),ti=Fo([u("uui-symbol-expand")],ti);var Au=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,Ro=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Au(e,r,i),i};let ii=class extends d{constructor(){super(...arguments);this.type=""}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}};ii.styles=[c`: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;color:var(--uui-color-gunmetal,#162335);background-color:var(--uui-color-spanish-pink,#f5c1bc);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#icon{fill:var(--uui-interface-border,#c4c4c4)}`],Ro([a({type:String})],ii.prototype,"type",2),ii=Ro([u("uui-symbol-file")],ii);var Du=Object.defineProperty,Lu=Object.getOwnPropertyDescriptor,qo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Lu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Du(e,r,i),i};let ri=class extends d{constructor(){super(...arguments);this.error=!1}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="upload-icon"><path d="${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"}"/></svg>`}};ri.styles=[c`:host{display:flex;flex-direction:column;align-items:center;justify-content:center}#upload-icon{fill:var(--uui-color-primary,#3544b1);width:100px;transition:fill .3s ease;position:relative;z-index:2}:host([error]) #upload-icon{fill:var(--uui-color-danger,#d42054)}`],qo([a({type:Boolean,reflect:!0})],ri.prototype,"error",2),ri=qo([u("uui-symbol-file-dropzone")],ri);var ju=Object.defineProperty,Hu=Object.getOwnPropertyDescriptor,nr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ju(e,r,i),i};let Et=class extends d{constructor(){super(...arguments);this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),y(this,"uui-icon")}render(){return this.src?l`<img src="${this.src}" alt="${this.alt}">`:l`<uui-icon name="picture" .fallback="${Cn.strings[0]}"></uui-icon>`}};Et.styles=[c`: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-white,#fefefe);background:var(--uui-color-white-dimmed,#e4e4e4)}`],nr([a({type:String})],Et.prototype,"src",2),nr([a({type:String})],Et.prototype,"alt",2),Et=nr([u("uui-symbol-file-thumbnail")],Et);var Nu=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,Mu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Tu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Nu(e,r,i),i};let ar=class extends d{render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}};ar.styles=[c`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-interface-border,#d3d3d3)}`],ar=Mu([u("uui-symbol-folder")],ar);var Bu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Go=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Bu(e,r,i),i};let oi=class extends d{constructor(){super(...arguments);this.open=!1}render(){return b`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">${this.open===!0?b`<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>`:b`<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>`}};oi.styles=[c`:host{display:inline-block;vertical-align:middle;width:1em}svg{fill:currentColor}`],Go([a({type:Boolean,reflect:!0})],oi.prototype,"open",2),oi=Go([u("uui-symbol-lock")],oi);var Fu=Object.defineProperty,Ru=Object.getOwnPropertyDescriptor,qu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ru(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Fu(e,r,i),i};let lr=class extends d{render(){return l`•••`}};lr.styles=[c`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],lr=qu([u("uui-symbol-more")],lr);var Gu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Wo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Wu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gu(e,r,i),i};let si=class extends zt(d){constructor(){super(...arguments);this.descending=!1}render(){return l`<svg id="up" 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" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};si.styles=[c`: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))}`],Wo([a({type:Boolean,reflect:!0})],si.prototype,"descending",2),si=Wo([u("uui-symbol-sort")],si);var Ku=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,Xu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Yu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ku(e,r,i),i};let ur=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};ur.styles=[c`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);cursor:default}`],ur=Xu([u("uui-table")],ur);var Zu=Object.defineProperty,Qu=Object.getOwnPropertyDescriptor,ni=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Zu(e,r,i),i};let ee=class extends d{constructor(){super(...arguments);this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}};ee.styles=[c`:host{display: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-interface-border,#c4c4c4);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}`],ni([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],ee.prototype,"disableChildInteraction",2),ni([a({type:Boolean,reflect:!0,attribute:"no-padding"})],ee.prototype,"noPadding",2),ni([a({type:Boolean,reflect:!0,attribute:"clip-text"})],ee.prototype,"clipText",2),ee=ni([u("uui-table-cell")],ee);var Ju=Object.defineProperty,ec=Object.getOwnPropertyDescriptor,tc=(t,e,r,o)=>{for(var i=o>1?void 0:o?ec(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ju(e,r,i),i};let cr=class extends d{};cr.styles=[c`:host{display:table-column}`],cr=tc([u("uui-table-column")],cr);var ic=Object.defineProperty,rc=Object.getOwnPropertyDescriptor,oc=(t,e,r,o)=>{for(var i=o>1?void 0:o?rc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ic(e,r,i),i};let dr=class extends ee{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};dr.styles=[...ee.styles,c`:host{border-top:none}`],dr=oc([u("uui-table-head-cell")],dr);var sc=Object.defineProperty,nc=Object.getOwnPropertyDescriptor,ac=(t,e,r,o)=>{for(var i=o>1?void 0:o?nc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&sc(e,r,i),i};let hr=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};hr.styles=[c`:host{display:table-header-group;font-weight:700}`],hr=ac([u("uui-table-head")],hr);var lc=Object.defineProperty,uc=Object.getOwnPropertyDescriptor,Ko=(t,e,r,o)=>{for(var i=o>1?void 0:o?uc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lc(e,r,i),i};let ai=class extends St(at(d)){connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof ee}render(){return l`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}};ai.styles=[c`:host{display:table-row;position:relative}:host([selectable]){cursor:pointer}:host([selected]){outline:2px solid var(--uui-interface-select,#3544b1);outline-offset:-3px}`],Ko([ce({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],ai.prototype,"slotCellNodes",2),ai=Ko([u("uui-table-row")],ai);var cc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,Yo=(t,e,r,o)=>{for(var i=o>1?void 0:o?dc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&cc(e,r,i),i};let Ct=class extends zt(nt("",d)){constructor(){super();this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return l`<button type="button" ?disabled="${this.disabled}" role="tab">${this.renderLabel()}</button>`}};Ct.styles=[c`:host{color:var(--uui-tab-text,var(--uui-interface-contrast,#060606));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:75px;background:0 0;color:inherit;cursor:pointer;font-family:inherit}:host(:not([active]):not([disabled])) button:hover{color:var(--uui-tab-text-hover,var(--uui-look-primary-surface-hover,#fff))}: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{color:var(--uui-tab-text-active,var(--uui-look-primary-surface-hover,#fff));cursor:default}:host([disabled]) button{color:var(--uui-interface-contrast-disabled,#73716e);cursor:default}button::before{content:'';position:absolute;height:0;width:calc(100% - 16px);left:auto;right:auto;background-color:var(--uui-interface-active,#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-interface-active-hover,#f5c1bc)}:host([active]) button::before{opacity:1;height:4px;transition:opacity 120ms,height ease-out 120ms}:host([disabled]) button::before{background-color:var(--uui-interface-active-disabled,#dbd4d4)}::slotted(uui-icon){margin-bottom:var(--uui-size-2,6px)}`],Yo([a({type:Boolean,reflect:!0})],Ct.prototype,"disabled",2),Ct=Yo([u("uui-tab")],Ct);var hc=Object.defineProperty,pc=Object.getOwnPropertyDescriptor,Xo=(t,e,r,o)=>{for(var i=o>1?void 0:o?pc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&hc(e,r,i),i};let li=class extends d{constructor(){super(...arguments);this.tabElements=[],this.onTabActive=t=>{const e=t.currentTarget;this.elementIsTabLike(e)&&(e.active=!0),this.tabElements.filter(o=>o!==e).forEach(o=>{this.elementIsTabLike(o)&&(o.active=!1)})}}setTabArray(){this.tabElements=this.slotNodes?this.slotNodes:[]}onSlotChange(){this.tabElements.forEach(t=>{t.removeEventListener("click",this.onTabActive)}),this.setTabArray(),this.tabElements.forEach(t=>{t.addEventListener("click",this.onTabActive)})}elementIsTabLike(t){return t instanceof Ct||"active"in t}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>`}};li.styles=[c`: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)}`],Xo([ce({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],li.prototype,"slotNodes",2),li=Xo([u("uui-tab-group")],li);var vc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,Zo=(t,e,r,o)=>{for(var i=o>1?void 0:o?fc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&vc(e,r,i),i};let ui=class extends d{constructor(){super(...arguments);this.look=ji}render(){return l`<slot></slot>`}};ui.styles=[c`: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;background-color:var(--uui-interface-surface-alt,#d8d7d9);color:var(--uui-interface-contrast,#060606);user-select:none}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border:1px solid var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border:1px dashed var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe)}`],Zo([a({reflect:!0})],ui.prototype,"look",2),ui=Zo([u("uui-tag")],ui);class ci extends C{}ci.CHANGE="change",ci.INPUT="input";var bc=Object.defineProperty,gc=Object.getOwnPropertyDescriptor,U=(t,e,r,o)=>{for(var i=o>1?void 0:o?gc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&bc(e,r,i),i};let S=class extends K(d){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 t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(){this.pristine=!1,this.dispatchEvent(new ci(ci.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`<textarea id="textarea" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" ?readonly="${this.readonly}" @input="${this.onInput}" @change="${this.onChange}">
|
|
512
|
+
</textarea>`}};S.formAssociated=!0,S.styles=[c`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-look-danger-border,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-look-danger-border,#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-input-border-color-readonly,var(--uui-interface-border-readonly,#dedede))}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border-color:var(--uui-textarea-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-interface-contrast-disabled,#73716e)}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-interface-border,#c4c4c4));border-radius:0;outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height)}:host(:focus) textarea,:host(:hover) textarea:not([readonly]):not([disabled]) :host(:focus-within) textarea{border-color:var(--uui-textarea-border-color,var(--uui-interface-border-focus,#b3b3b3))}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-interface-outline,#3879ff)}`],U([a()],S.prototype,"placeholder",2),U([a({type:Boolean,reflect:!0})],S.prototype,"disabled",2),U([a({type:Boolean,reflect:!0})],S.prototype,"readonly",2),U([a({type:String})],S.prototype,"name",2),U([a({type:Boolean,reflect:!0})],S.prototype,"error",2),U([a({type:Number})],S.prototype,"minlength",2),U([a({type:String,attribute:"minlength-message"})],S.prototype,"minlengthMessage",2),U([a({type:Number})],S.prototype,"maxlength",2),U([a({type:String,attribute:"maxlength-message"})],S.prototype,"maxlengthMessage",2),U([O("#textarea")],S.prototype,"_textarea",2),U([a({type:Boolean,attribute:"auto-height",reflect:!0})],S.prototype,"autoHeight",2),U([a({type:String})],S.prototype,"label",2),S=U([u("uui-textarea")],S);class I extends C{}I.OPENING="opening",I.OPENED="opened",I.CLOSING="closing",I.CLOSED="closed";var mc=Object.defineProperty,_c=Object.getOwnPropertyDescriptor,Ke=(t,e,r,o)=>{for(var i=o>1?void 0:o?_c(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&mc(e,r,i),i};let ae=class extends d{constructor(){super();this.look=ji,this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._animate=!1,this._open=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new wn(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),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 I(I.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new I(I.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new I(I.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.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 I(I.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .look="${this.look}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${bo.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}};ae.styles=[Si,c`: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-interface-surface,#fefefe);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([look=primary]) #toast>div{background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=positive]) #toast>div{background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]) #toast>div{background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]) #toast>div{background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-color:var(--uui-look-danger-border,#d42054)}`],Ke([a({reflect:!0})],ae.prototype,"look",2),Ke([a({type:Number})],ae.prototype,"autoClose",1),Ke([O("#toast")],ae.prototype,"_toastEl",2),Ke([g()],ae.prototype,"_animate",2),Ke([a({type:Boolean,reflect:!0})],ae.prototype,"open",1),ae=Ke([u("uui-toast-notification")],ae);var yc=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,Qo=(t,e,r,o)=>{for(var i=o>1?void 0:o?xc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&yc(e,r,i),i};let di=class extends d{constructor(){super(...arguments);this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var t;this._autoClosePause=!0,(t=this._toasts)==null||t.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{var t;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(t=this._toasts)==null||t.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(i=>i.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(i=>this._toasts.indexOf(i)===-1).forEach(i=>{i.removeEventListener(I.CLOSED,this.onToastClosed),i.removeEventListener("mouseenter",this.pauseAutoClose),i.removeEventListener("mouseleave",this.resumeAutoClose),i.removeEventListener("focus",this.pauseAutoClose),i.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(i=>e.indexOf(i)===-1).forEach(i=>{i.addEventListener(I.CLOSED,this.onToastClosed),i.addEventListener("mouseenter",this.pauseAutoClose),i.addEventListener("mouseleave",this.resumeAutoClose),i.addEventListener("focus",this.pauseAutoClose),i.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(i.autoClose=this._autoClose),this._autoClosePause===!0&&i.pauseAutoClose(),i.open=!0})}}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,(e=this._toasts)==null||e.forEach(r=>r.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l`<slot @slotchange="${this.onSlotChanged}"></slot>`}};di.styles=[c`: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}`],Qo([a({type:Number,reflect:!0,attribute:"auto-close"})],di.prototype,"_autoClose",2),di=Qo([u("uui-toast-notification-container")],di);var wc=Object.defineProperty,$c=Object.getOwnPropertyDescriptor,pr=(t,e,r,o)=>{for(var i=o>1?void 0:o?$c(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wc(e,r,i),i};let Pt=class extends d{constructor(){super(...arguments);this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}render(){return l`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}};Pt.styles=[Si,c`#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([a({type:String})],Pt.prototype,"headline",2),pr([g()],Pt.prototype,"_headlineSlotHasContent",2),Pt=pr([u("uui-toast-notification-layout")],Pt);var Ec=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,Pc=(t,e,r,o)=>{for(var i=o>1?void 0:o?Cc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ec(e,r,i),i};let hi=class extends Y{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-check">${Hi}</div><div id="icon-wrong">${go}</div></div>`}};hi.formAssociated=!0,hi.styles=[...Y.styles,Dt,c`: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-interface-surface-alt,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])~#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-toggle-background-color-hover,var(--uui-interface-surface-alt-hover,#c8c8c8))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-toggle-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked~#slider{background-color:var(--uui-interface-select,#3544b1)}label:hover input:checked:not([disabled])~#slider{background-color:var(--uui-interface-select-hover,#4656c8)}label:focus input:checked~#slider{background-color:var(--uui-interface-select-focus,#3544b1)}#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-interface-contrast,#060606)}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}input:checked~#slider #icon-check{fill:var(--uui-interface-select-contrast,#fefefe)}#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-interface-select-contrast,#fefefe);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-interface-outline,#3879ff)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-interface-surface-alt-disabled,#ccc)}:host([disabled]) input:checked~#slider{background-color:var(--uui-interface-select-disabled,#575757)}:host([disabled]) #slider::after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #slider #icon-wrong{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #slider{animation:${Lt}}:host([disabled]) input:checked #slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}: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-look-danger-border,#d42054)}`],hi=Pc([u("uui-toggle")],hi)});
|
|
513
513
|
//# sourceMappingURL=uui.min.js.map
|