@umbraco-ui/uui 0.0.7 → 0.0.8
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/README.md +1 -1
- package/dist/uui.min.js +13 -13
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.js +2 -0
- package/package.json +31 -22
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# uui
|
|
2
2
|
|
|
3
|
-

|
|
3
|
+
[](https://www.npmjs.com/package/@umbraco-ui/uui)
|
|
4
4
|
|
|
5
5
|
The full Umbraco UI Library. The package includes and registers all UUI Web Components.
|
|
6
6
|
|
package/dist/uui.min.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
|
|
1
|
+
(function(ie){typeof define=="function"&&define.amd?define(ie):ie()})(function(){"use strict";/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2017 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const ie=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}};function n(i){return(e,t)=>t!==void 0?((o,r,s)=>{r.constructor.createProperty(s,o)})(i,e,t):ie(i,e)}/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/function
|
|
9
|
+
*/function w(i){return n({...i,state:!0})}/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const je=({finisher:i,descriptor:e})=>(t,o)=>{var r;if(o===void 0){const s=(r=t.originalKey)!==null&&r!==void 0?r:t.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(t.key)}:
|
|
13
|
+
*/const je=({finisher:i,descriptor:e})=>(t,o)=>{var r;if(o===void 0){const s=(r=t.originalKey)!==null&&r!==void 0?r:t.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(t.key)}:{...t,key:s};return i!=null&&(a.finisher=function(b){i(b,s)}),a}{const s=t.constructor;e!==void 0&&Object.defineProperty(t,o,e(o)),i==null||i(s,o)}};/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/function
|
|
17
|
+
*/function T(i,e){return je({descriptor:t=>{const o={get(){var r,s;return(s=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(i))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const r=typeof t=="symbol"?Symbol():"__"+t;o.get=function(){var s,a;return this[r]===void 0&&(this[r]=(a=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(i))!==null&&a!==void 0?a:null),this[r]}}return o}})}/**
|
|
18
18
|
* @license
|
|
19
19
|
* Copyright 2017 Google LLC
|
|
20
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
-
*/function
|
|
21
|
+
*/function se(i="",e=!1,t=""){return je({descriptor:o=>({get(){var r,s,a;const b="slot"+(i?`[name=${i}]`:":not([name])");let u=(a=(s=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(b))===null||s===void 0?void 0:s.assignedNodes({flatten:e}))!==null&&a!==void 0?a:[];return t&&(u=u.filter(d=>d.nodeType===Node.ELEMENT_NODE&&d.matches(t))),u},enumerable:!0,configurable:!0})})}/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2019 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/const
|
|
25
|
+
*/const ge=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,me=Symbol(),Re=new Map;class Be{constructor(e,t){if(this._$cssResult$=!0,t!==me)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){let e=Re.get(this.cssText);return ge&&e===void 0&&(Re.set(this.cssText,e=new CSSStyleSheet),e.replaceSync(this.cssText)),e}toString(){return this.cssText}}const ae=i=>new Be(typeof i=="string"?i:i+"",me),c=(i,...e)=>{const t=i.length===1?i[0]:e.reduce((o,r,s)=>o+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[s+1],i[0]);return new Be(t,me)},Ut=(i,e)=>{ge?i.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet):e.forEach(t=>{const o=document.createElement("style"),r=window.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=t.cssText,i.appendChild(o)})},Me=ge?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return ae(t)})(i):i;/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/var
|
|
29
|
+
*/var ye;const Ve=window.trustedTypes,It=Ve?Ve.emptyScript:"",We=window.reactiveElementPolyfillSupport,ke={toAttribute(i,e){switch(e){case Boolean:i=i?It:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch(o){t=null}}return t}},qe=(i,e)=>e!==i&&(e==e||i==i),_e={attribute:!0,type:String,converter:ke,reflect:!1,hasChanged:qe};class H extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(e){var t;(t=this.l)!==null&&t!==void 0||(this.l=[]),this.l.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((t,o)=>{const r=this._$Eh(o,t);r!==void 0&&(this._$Eu.set(r,o),e.push(r))}),e}static createProperty(e,t=_e){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,r=this.getPropertyDescriptor(e,o,t);r!==void 0&&Object.defineProperty(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){return{get(){return this[t]},set(r){const s=this[e];this[t]=r,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||_e}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 t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of o)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const r of o)t.unshift(Me(r))}else e!==void 0&&t.push(Me(e));return t}static _$Eh(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}o(){var e;this._$Ep=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$Em(),this.requestUpdate(),(e=this.constructor.l)===null||e===void 0||e.forEach(t=>t(this))}addController(e){var t,o;((t=this._$Eg)!==null&&t!==void 0?t:this._$Eg=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var t;(t=this._$Eg)===null||t===void 0||t.splice(this._$Eg.indexOf(e)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach((e,t)=>{this.hasOwnProperty(t)&&(this._$Et.set(t,this[t]),delete this[t])})}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Ut(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$Eg)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostConnected)===null||o===void 0?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$Eg)===null||e===void 0||e.forEach(t=>{var o;return(o=t.hostDisconnected)===null||o===void 0?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$ES(e,t,o=_e){var r,s;const a=this.constructor._$Eh(e,o);if(a!==void 0&&o.reflect===!0){const b=((s=(r=o.converter)===null||r===void 0?void 0:r.toAttribute)!==null&&s!==void 0?s:ke.toAttribute)(t,o.type);this._$Ei=e,b==null?this.removeAttribute(a):this.setAttribute(a,b),this._$Ei=null}}_$AK(e,t){var o,r,s;const a=this.constructor,b=a._$Eu.get(e);if(b!==void 0&&this._$Ei!==b){const u=a.getPropertyOptions(b),d=u.converter,x=(s=(r=(o=d)===null||o===void 0?void 0:o.fromAttribute)!==null&&r!==void 0?r:typeof d=="function"?d:null)!==null&&s!==void 0?s:ke.fromAttribute;this._$Ei=b,this[b]=x(t,u.type),this._$Ei=null}}requestUpdate(e,t,o){let r=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||qe)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$Ei!==e&&(this._$E_===void 0&&(this._$E_=new Map),this._$E_.set(e,o))):r=!1),!this.isUpdatePending&&r&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach((r,s)=>this[s]=r),this._$Et=void 0);let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),(e=this._$Eg)===null||e===void 0||e.forEach(r=>{var s;return(s=r.hostUpdate)===null||s===void 0?void 0:s.call(r)}),this.update(o)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(o)}willUpdate(e){}_$AE(e){var t;(t=this._$Eg)===null||t===void 0||t.forEach(o=>{var r;return(r=o.hostUpdated)===null||r===void 0?void 0:r.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(e){return!0}update(e){this._$E_!==void 0&&(this._$E_.forEach((t,o)=>this._$ES(o,this[o],t)),this._$E_=void 0),this._$EU()}updated(e){}firstUpdated(e){}}H.finalized=!0,H.elementProperties=new Map,H.elementStyles=[],H.shadowRootOptions={mode:"open"},We==null||We({ReactiveElement:H}),((ye=globalThis.reactiveElementVersions)!==null&&ye!==void 0?ye:globalThis.reactiveElementVersions=[]).push("1.0.2");/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/var xe
|
|
33
|
+
*/var xe;const j=globalThis.trustedTypes,Ge=j?j.createPolicy("lit-html",{createHTML:i=>i}):void 0,A=`lit$${(Math.random()+"").slice(9)}$`,Xe="?"+A,Dt=`<${Xe}>`,R=document,X=(i="")=>R.createComment(i),K=i=>i===null||typeof i!="object"&&typeof i!="function",Ke=Array.isArray,Lt=i=>{var e;return Ke(i)||typeof((e=i)===null||e===void 0?void 0:e[Symbol.iterator])=="function"},F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fe=/-->/g,Ze=/>/g,I=/>|[ \n\r](?:([^\s"'>=/]+)([ \n\r]*=[ \n\r]*(?:[^ \n\r"'`<>=]|("|')|))|$)/g,Je=/'/g,Ye=/"/g,Qe=/^(?:script|style|textarea)$/i,et=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),l=et(1),C=et(2),D=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),tt=new WeakMap,Nt=(i,e,t)=>{var o,r;const s=(o=t==null?void 0:t.renderBefore)!==null&&o!==void 0?o:e;let a=s._$litPart$;if(a===void 0){const b=(r=t==null?void 0:t.renderBefore)!==null&&r!==void 0?r:null;s._$litPart$=a=new J(e.insertBefore(X(),b),b,void 0,t??{})}return a._$AI(i),a},B=R.createTreeWalker(R,129,null,!1),Tt=(i,e)=>{const t=i.length-1,o=[];let r,s=e===2?"<svg>":"",a=F;for(let u=0;u<t;u++){const d=i[u];let x,v,f=-1,$=0;for(;$<d.length&&(a.lastIndex=$,v=a.exec(d),v!==null);)$=a.lastIndex,a===F?v[1]==="!--"?a=Fe:v[1]!==void 0?a=Ze:v[2]!==void 0?(Qe.test(v[2])&&(r=RegExp("</"+v[2],"g")),a=I):v[3]!==void 0&&(a=I):a===I?v[0]===">"?(a=r??F,f=-1):v[1]===void 0?f=-2:(f=a.lastIndex-v[2].length,x=v[1],a=v[3]===void 0?I:v[3]==='"'?Ye:Je):a===Ye||a===Je?a=I:a===Fe||a===Ze?a=F:(a=I,r=void 0);const ve=a===I&&i[u+1].startsWith("/>")?" ":"";s+=a===F?d+Dt:f>=0?(o.push(x),d.slice(0,f)+"$lit$"+d.slice(f)+A+ve):d+A+(f===-2?(o.push(void 0),u):ve)}const b=s+(i[t]||"<?>")+(e===2?"</svg>":"");return[Ge!==void 0?Ge.createHTML(b):b,o]};class Z{constructor({strings:e,_$litType$:t},o){let r;this.parts=[];let s=0,a=0;const b=e.length-1,u=this.parts,[d,x]=Tt(e,t);if(this.el=Z.createElement(d,o),B.currentNode=this.el.content,t===2){const v=this.el.content,f=v.firstChild;f.remove(),v.append(...f.childNodes)}for(;(r=B.nextNode())!==null&&u.length<b;){if(r.nodeType===1){if(r.hasAttributes()){const v=[];for(const f of r.getAttributeNames())if(f.endsWith("$lit$")||f.startsWith(A)){const $=x[a++];if(v.push(f),$!==void 0){const ve=r.getAttribute($.toLowerCase()+"$lit$").split(A),fe=/([.?@])?(.*)/.exec($);u.push({type:1,index:s,name:fe[2],strings:ve,ctor:fe[1]==="."?jt:fe[1]==="?"?Bt:fe[1]==="@"?Mt:ne})}else u.push({type:6,index:s})}for(const f of v)r.removeAttribute(f)}if(Qe.test(r.tagName)){const v=r.textContent.split(A),f=v.length-1;if(f>0){r.textContent=j?j.emptyScript:"";for(let $=0;$<f;$++)r.append(v[$],X()),B.nextNode(),u.push({type:2,index:++s});r.append(v[f],X())}}}else if(r.nodeType===8)if(r.data===Xe)u.push({type:2,index:s});else{let v=-1;for(;(v=r.data.indexOf(A,v+1))!==-1;)u.push({type:7,index:s}),v+=A.length-1}s++}}static createElement(e,t){const o=R.createElement("template");return o.innerHTML=e,o}}function M(i,e,t=i,o){var r,s,a,b;if(e===D)return e;let u=o!==void 0?(r=t._$Cl)===null||r===void 0?void 0:r[o]:t._$Cu;const d=K(e)?void 0:e._$litDirective$;return(u==null?void 0:u.constructor)!==d&&((s=u==null?void 0:u._$AO)===null||s===void 0||s.call(u,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,t,o)),o!==void 0?((a=(b=t)._$Cl)!==null&&a!==void 0?a:b._$Cl=[])[o]=u:t._$Cu=u),u!==void 0&&(e=M(i,u._$AS(i,e.values),u,o)),e}class Ht{constructor(e,t){this.v=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(e){var t;const{el:{content:o},parts:r}=this._$AD,s=((t=e==null?void 0:e.creationScope)!==null&&t!==void 0?t:R).importNode(o,!0);B.currentNode=s;let a=B.nextNode(),b=0,u=0,d=r[0];for(;d!==void 0;){if(b===d.index){let x;d.type===2?x=new J(a,a.nextSibling,this,e):d.type===1?x=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(x=new Vt(a,this,e)),this.v.push(x),d=r[++u]}b!==(d==null?void 0:d.index)&&(a=B.nextNode(),b++)}return s}m(e){let t=0;for(const o of this.v)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class J{constructor(e,t,o,r){var s;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=r,this._$Cg=(s=r==null?void 0:r.isConnected)===null||s===void 0||s}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cg}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=M(this,e,t),K(e)?e===g||e==null||e===""?(this._$AH!==g&&this._$AR(),this._$AH=g):e!==this._$AH&&e!==D&&this.$(e):e._$litType$!==void 0?this.T(e):e.nodeType!==void 0?this.S(e):Lt(e)?this.M(e):this.$(e)}A(e,t=this._$AB){return this._$AA.parentNode.insertBefore(e,t)}S(e){this._$AH!==e&&(this._$AR(),this._$AH=this.A(e))}$(e){this._$AH!==g&&K(this._$AH)?this._$AA.nextSibling.data=e:this.S(R.createTextNode(e)),this._$AH=e}T(e){var t;const{values:o,_$litType$:r}=e,s=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=Z.createElement(r.h,this.options)),r);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===s)this._$AH.m(o);else{const a=new Ht(s,this),b=a.p(this.options);a.m(o),this.S(b),this._$AH=a}}_$AC(e){let t=tt.get(e.strings);return t===void 0&&tt.set(e.strings,t=new Z(e)),t}M(e){Ke(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,r=0;for(const s of e)r===t.length?t.push(o=new J(this.A(X()),this.A(X()),this,this.options)):o=t[r],o._$AI(s),r++;r<t.length&&(this._$AR(o&&o._$AB.nextSibling,r),t.length=r)}_$AR(e=this._$AA.nextSibling,t){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,t);e&&e!==this._$AB;){const r=e.nextSibling;e.remove(),e=r}}setConnected(e){var t;this._$AM===void 0&&(this._$Cg=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}}class ne{constructor(e,t,o,r,s){this.type=1,this._$AH=g,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=g}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,o,r){const s=this.strings;let a=!1;if(s===void 0)e=M(this,e,t,0),a=!K(e)||e!==this._$AH&&e!==D,a&&(this._$AH=e);else{const b=e;let u,d;for(e=s[0],u=0;u<s.length-1;u++)d=M(this,b[o+u],t,u),d===D&&(d=this._$AH[u]),a||(a=!K(d)||d!==this._$AH[u]),d===g?e=g:e!==g&&(e+=(d??"")+s[u+1]),this._$AH[u]=d}a&&!r&&this.k(e)}k(e){e===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class jt extends ne{constructor(){super(...arguments),this.type=3}k(e){this.element[this.name]=e===g?void 0:e}}const Rt=j?j.emptyScript:"";class Bt extends ne{constructor(){super(...arguments),this.type=4}k(e){e&&e!==g?this.element.setAttribute(this.name,Rt):this.element.removeAttribute(this.name)}}class Mt extends ne{constructor(e,t,o,r,s){super(e,t,o,r,s),this.type=5}_$AI(e,t=this){var o;if((e=(o=M(this,e,t,0))!==null&&o!==void 0?o:g)===D)return;const r=this._$AH,s=e===g&&r!==g||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,a=e!==g&&(r===g||s);s&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,o;typeof this._$AH=="function"?this._$AH.call((o=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class Vt{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){M(this,e)}}const rt=window.litHtmlPolyfillSupport;rt==null||rt(Z,J),((xe=globalThis.litHtmlVersions)!==null&&xe!==void 0?xe:globalThis.litHtmlVersions=[]).push("2.0.2");/**
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/var we,Ee,Ae;class p extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=Ut(t,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 T}}p.finalized=!0,p._$litElement$=!0,(we=globalThis.litElementHydrateSupport)===null||we===void 0||we.call(globalThis,{LitElement:p}),(Ee=globalThis.litElementPolyfillSupport)===null||Ee===void 0||Ee.call(globalThis,{LitElement:p}),((Ae=globalThis.litElementVersions)!==null&&Ae!==void 0?Ae:globalThis.litElementVersions=[]).push("3.0.0");const b=(i,e,t)=>{if(i.indexOf("-")>0===!1){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(i)?console.error(`${i} is already defined`):customElements.define(i,e,t)};var Rt=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,K=(i,e,t,o)=>{for(var r=o>1?void 0:o?jt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Rt(e,t,r),r};class N extends p{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._title="",this.initials=""}get title(){return this._title}set title(e){const t=this._title;this._title=e,this.initials=this.createInitials(this._title),this.requestUpdate("title",t)}createInitials(e){let t="";const o=(e||"").split(" ");return t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.title}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}}N.styles=[c`:host{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;font-weight:700;width:2em;height:2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--uui-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],K([n({type:Boolean,attribute:!0,reflect:!0})],N.prototype,"overflow",2),K([n({type:String,attribute:"img-src"})],N.prototype,"imgSrc",2),K([n({type:String,attribute:"img-srcset"})],N.prototype,"imgSrcset",2),K([n({type:String})],N.prototype,"title",1),K([f()],N.prototype,"initials",2),b("uui-avatar",N);var Bt=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,se=(i,e,t,o)=>{for(var r=o>1?void 0:o?Mt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Bt(e,t,r),r};class M extends p{constructor(){super(...arguments);this.limit=0,this.avatarArray=[]}firstUpdated(){this.setAvatarArray()}updated(e){e.has("limit")&&this.updateAvatarVisibility()}updateAvatarVisibility(){this.avatarArray.forEach((e,t)=>{const o=t+1;e.style.border="0.1em solid var(--uui-avatar-border-color)",e.style.display=o<=this.limit||this.limit===0?"":"none"})}onSlotChange(){this.setAvatarArray(),this.updateAvatarVisibility()}setAvatarArray(){this.avatarArray=this.avatarNodes?this.avatarNodes:[]}shouldShowLimitNumber(){return this.limit!==0&&this.avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>${this.shouldShowLimitNumber()?l`<small id="overflow-indication">+${this.avatarArray.length-this.limit}</small>`:""}`}}M.styles=[c`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar),uui-avatar{margin-left:-.2em;margin-right:-.2em}#overflow-indication{margin-left:6px}`],se([L("slot")],M.prototype,"avatarsSlot",2),se([te(void 0,!0,"uui-avatar")],M.prototype,"avatarNodes",2),se([n({type:Number,attribute:!0})],M.prototype,"limit",2),se([f()],M.prototype,"avatarArray",2),b("uui-avatar-group",M);var Vt=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,qt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Wt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Vt(e,t,r),r};class Ce extends p{constructor(){super(...arguments);this.look="danger"}render(){return l`<slot></slot>`}}Ce.styles=[c`:host{position:absolute;padding:3px 5px;--uui-badge-inset:-8px -8px auto auto;inset:var(--uui-badge-inset);text-align:center;font-size:12px;line-height:16px;font-weight:900;margin-right:0!important;min-width:var(--uui-size-4,12px);min-height:var(--uui-size-4,12px);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));display:flex;justify-content:center;align-items:center}: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)}`],qt([n({type:String,reflect:!0})],Ce.prototype,"look",2),b("uui-badge",Ce);class tt extends p{render(){return l`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}tt.styles=[c`:host{display:block;box-shadow: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)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4);padding:var(--uui-size-4,12px) var(--uui-size-5,15px)}::slotted([slot=main]){padding:var(--uui-size-5,15px)}`],b("uui-box",tt);var Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,rt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gt(e,t,r),r};class ae extends p{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return l`${this.lastItem?l`<span id="last-item"><slot></slot></span>`:l`<a id="link" href="${this.href}"><slot></slot></a>`}<span part="separator"></span>`}}ae.styles=[c`:host{font-size:var(--uui-size-4,12px);color:currentColor}a,a:visited{color:currentColor}:host(:last-of-type) [part=separator],:host([last-item]) [part=separator]{display:none}[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}`],rt([n()],ae.prototype,"href",2),rt([n({type:Boolean,attribute:"last-item"})],ae.prototype,"lastItem",2);var Ft=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,Zt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Kt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ft(e,t,r),r};class Se extends p{_setLastItem(){this._breadcrumbs&&(this._breadcrumbs[this._breadcrumbs.length-1].lastItem=!0,this._breadcrumbs[this._breadcrumbs.length-1].setAttribute("aria-current","page"))}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this._setLastItem}"></slot></ol>`}}Se.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}`],Zt([te(void 0,!0,"uui-breadcrumb-item")],Se.prototype,"_breadcrumbs",2),b("uui-breadcrumb-item",ae),b("uui-breadcrumbs",Se),c`@-webkit-keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,re("uui-blink 0.9s infinite both");const Jt=c`@-webkit-keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,ot=re("pulse 0.8s ease-in-out infinite both"),ne=c`@-webkit-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)}}@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)}}`,P=re("uui-horizontal-shake 600ms ease backwards");var Yt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,er=(i,e,t,o)=>{for(var r=o>1?void 0:o?Qt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Yt(e,t,r),r};const tr=i=>{class e extends i{constructor(){super(...arguments);this.active=!1}}return er([n({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var rr=Object.defineProperty,or=Object.getOwnPropertyDescriptor,it=(i,e,t,o)=>{for(var r=o>1?void 0:o?or(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&rr(e,t,r),r};const le=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}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="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return it([n({type:String})],t.prototype,"label",2),it([f()],t.prototype,"labelSlotHasContent",2),t};var ir=Object.defineProperty,sr=Object.getOwnPropertyDescriptor,st=(i,e,t,o)=>{for(var r=o>1?void 0:o?sr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ir(e,t,r),r};const ar=i=>{class e extends i{constructor(){super(...arguments);this._selectable=!1,this.selected=!1}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)}}return st([n({type:Boolean,reflect:!0})],e.prototype,"selectable",1),st([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),e},at="",nr=S`<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>`,lr=S`<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 ur=Object.defineProperty,dr=Object.getOwnPropertyDescriptor,Z=(i,e,t,o)=>{for(var r=o>1?void 0:o?dr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ur(e,t,r),r};class z extends le("label",p){constructor(){super();this.type="submit",this.disabled=!1,this.look=at,this.compact=!1,this.state=null,this._internals=this.attachInternals(),this.addEventListener("click",this.onHostClick)}onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)==null?void 0:t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit();break}}connectedCallback(){super.connectedCallback(),customElements.get("uui-loader-circle")||console.warn("To properly render the waiting state, the uui-loader-circle element has to be registered")}updated(e){e.has("state")&&(this.disabled=!!this.state,(this.state==="success"||this.state==="failed")&&setTimeout(()=>this.state=null,2e3))}_renderState(){let e=l``;switch(this.state){case"waiting":e=l`<uui-loader-circle size="m"></uui-loader-circle>`;break;case"success":e=l`<div id="icon-check">${nr}</div>`;break;case"failed":e=l`<div id="icon-wrong">${lr}</div>`;break;default:return""}return l`<div id="state">${e}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderState()}<slot name="badge"></slot><slot id="main-slot"></slot></button>`}}z.styles=[ne,c`:host{position:relative;display:inline-block;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-slot-padding-l-factor:3;--uui-button-slot-padding-r-factor:3;background-color:var(--uui-interface-surface,#fefefe)}:host([compact]){--uui-button-slot-padding-l-factor:1;--uui-button-slot-padding-r-factor:1}:host([state]:not([state=''])) #main-slot{visibility:hidden}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}button{height:100%;min-height:var(--uui-button-height,calc(var(--uui-button-base-unit,var(--uui-size-2,6px)) * 6));width:100%;padding:0;text-align:center;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-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400));font-size:inherit;font-family: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));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{-webkit-animation:${P};animation:${P}}button{padding:0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-r-factor))) 0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-l-factor)))}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host([look=primary]) 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-look-primary-border,#1b264f);font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button:hover{background-color:var(--uui-look-primary-surface-hover,#3544b1);color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-look-primary-border-hover,#3544b1)}:host([look=primary]) button[disabled]{background-color:var(--uui-look-primary-surface-disabled,#737882);color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-look-primary-border-disabled,#737882)}:host([look=secondary]) 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-look-secondary-border,#e2dad4);font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button:hover{background-color:var(--uui-look-secondary-surface-hover,#f3efed);color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-look-secondary-border-hover,#f3efed)}:host([look=secondary]) button[disabled]{background-color:var(--uui-look-secondary-surface-disabled,#cfcfcf);color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-look-secondary-border-disabled,#cfcfcf)}:host([look=outline]) 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-look-outline-border,#1b264f);font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button:hover{background-color:var(--uui-look-outline-surface-hover,transparent);color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-look-outline-border-hover,#3544b1)}:host([look=outline]) button[disabled]{background-color:var(--uui-look-outline-surface-disabled,transparent);color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-look-outline-border-disabled,#6a759a)}:host([look=placeholder]) 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-look-placeholder-border,#1b264f);font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button:hover{background-color:var(--uui-look-placeholder-surface-hover,transparent);color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-look-placeholder-border-hover,#3544b1)}:host([look=placeholder]) button[disabled]{background-color:var(--uui-look-placeholder-surface-disabled,transparent);color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-look-placeholder-border-disabled,#6a759a)}:host([look=positive]) 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-look-positive-border,#25aa60);font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button:hover{background-color:var(--uui-look-positive-surface-hover,#2bc570);color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-look-positive-border-hover,#2bc570)}:host([look=positive]) button[disabled]{background-color:var(--uui-look-positive-surface-disabled,#597566);color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-look-positive-border-disabled,#597566)}:host([look=warning]) 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-look-warning-border,#fad634);font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button:hover{background-color:var(--uui-look-warning-surface-hover,#fbe065);color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-look-warning-border-hover,#fbe065)}:host([look=warning]) button[disabled]{background-color:var(--uui-look-warning-surface-disabled,#a6a085);color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-look-warning-border-disabled,#a6a085)}:host([look=danger]) 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-look-danger-border,#d42054);font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button:hover{background-color:var(--uui-look-danger-surface-hover,#e23c6b);color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-look-danger-border-hover,#e23c6b)}:host([look=danger]) button[disabled]{background-color:var(--uui-look-danger-surface-disabled,#856b72);color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-look-danger-border-disabled,#856b72)}`],z.formAssociated=!0,Z([n({type:String,reflect:!0})],z.prototype,"type",2),Z([n({type:Boolean,reflect:!0})],z.prototype,"disabled",2),Z([n({reflect:!0})],z.prototype,"look",2),Z([n({type:Boolean,reflect:!0})],z.prototype,"compact",2),Z([n({type:String,reflect:!0})],z.prototype,"state",2),b("uui-button",z);class nt extends p{render(){return l`<slot></slot>`}}nt.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(
|
|
37
|
+
*/var $e,we;class h extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,t;const o=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=o.firstChild),o}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=Nt(t,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 D}}h.finalized=!0,h._$litElement$=!0,($e=globalThis.litElementHydrateSupport)===null||$e===void 0||$e.call(globalThis,{LitElement:h});const ot=globalThis.litElementPolyfillSupport;ot==null||ot({LitElement:h}),((we=globalThis.litElementVersions)!==null&&we!==void 0?we:globalThis.litElementVersions=[]).push("3.0.2");const p=(i,e,t)=>{if(i.indexOf("-")>0===!1){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(i)?console.error(`${i} is already defined`):customElements.define(i,e,t)};var Wt=Object.defineProperty,qt=Object.getOwnPropertyDescriptor,Y=(i,e,t,o)=>{for(var r=o>1?void 0:o?qt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Wt(e,t,r),r};class L extends h{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._title="",this.initials=""}get title(){return this._title}set title(e){const t=this._title;this._title=e,this.initials=this.createInitials(this._title),this.requestUpdate("title",t)}createInitials(e){let t="";const o=(e||"").split(" ");return t=o[0].substring(0,1),o.length>1&&(t+=o[o.length-1].substring(0,1)),t.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.title}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}}L.styles=[c`:host{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50%;font-weight:700;width:2em;height:2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--uui-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],Y([n({type:Boolean,attribute:!0,reflect:!0})],L.prototype,"overflow",2),Y([n({type:String,attribute:"img-src"})],L.prototype,"imgSrc",2),Y([n({type:String,attribute:"img-srcset"})],L.prototype,"imgSrcset",2),Y([n({type:String})],L.prototype,"title",1),Y([w()],L.prototype,"initials",2),p("uui-avatar",L);var Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,le=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gt(e,t,r),r};class V extends h{constructor(){super(...arguments);this.limit=0,this.avatarArray=[]}firstUpdated(){this.setAvatarArray()}updated(e){e.has("limit")&&this.updateAvatarVisibility()}updateAvatarVisibility(){this.avatarArray.forEach((e,t)=>{const o=t+1;e.style.border="0.1em solid var(--uui-avatar-border-color)",e.style.display=o<=this.limit||this.limit===0?"":"none"})}onSlotChange(){this.setAvatarArray(),this.updateAvatarVisibility()}setAvatarArray(){this.avatarArray=this.avatarNodes?this.avatarNodes:[]}shouldShowLimitNumber(){return this.limit!==0&&this.avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>${this.shouldShowLimitNumber()?l`<small id="overflow-indication">+${this.avatarArray.length-this.limit}</small>`:""}`}}V.styles=[c`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar),uui-avatar{margin-left:-.2em;margin-right:-.2em}#overflow-indication{margin-left:6px}`],le([T("slot")],V.prototype,"avatarsSlot",2),le([se(void 0,!0,"uui-avatar")],V.prototype,"avatarNodes",2),le([n({type:Number,attribute:!0})],V.prototype,"limit",2),le([w()],V.prototype,"avatarArray",2),p("uui-avatar-group",V);var Kt=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Zt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ft(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Kt(e,t,r),r};class Ee extends h{constructor(){super(...arguments);this.look="danger"}render(){return l`<slot></slot>`}}Ee.styles=[c`:host{position:absolute;padding:3px 5px;--uui-badge-inset:-8px -8px auto auto;inset:var(--uui-badge-inset);text-align:center;font-size:12px;line-height:16px;font-weight:900;margin-right:0!important;min-width:var(--uui-size-4,12px);min-height:var(--uui-size-4,12px);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));display:flex;justify-content:center;align-items:center}: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)}`],Zt([n({type:String,reflect:!0})],Ee.prototype,"look",2),p("uui-badge",Ee);class it extends h{render(){return l`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}it.styles=[c`:host{display:block;box-shadow: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)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4);padding:var(--uui-size-4,12px) var(--uui-size-5,15px)}::slotted([slot=main]){padding:var(--uui-size-5,15px)}`],p("uui-box",it);var Jt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,st=(i,e,t,o)=>{for(var r=o>1?void 0:o?Yt(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Jt(e,t,r),r};class ue extends h{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}render(){return l`${this.lastItem?l`<span id="last-item"><slot></slot></span>`:l`<a id="link" href="${this.href}"><slot></slot></a>`}<span part="separator"></span>`}}ue.styles=[c`:host{font-size:var(--uui-size-4,12px);color:currentColor}a,a:visited{color:currentColor}:host(:last-of-type) [part=separator],:host([last-item]) [part=separator]{display:none}[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}`],st([n()],ue.prototype,"href",2),st([n({type:Boolean,attribute:"last-item"})],ue.prototype,"lastItem",2);var Qt=Object.defineProperty,er=Object.getOwnPropertyDescriptor,tr=(i,e,t,o)=>{for(var r=o>1?void 0:o?er(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Qt(e,t,r),r};class Ae extends h{_setLastItem(){this._breadcrumbs&&(this._breadcrumbs[this._breadcrumbs.length-1].lastItem=!0,this._breadcrumbs[this._breadcrumbs.length-1].setAttribute("aria-current","page"))}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this._setLastItem}"></slot></ol>`}}Ae.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}`],tr([se(void 0,!0,"uui-breadcrumb-item")],Ae.prototype,"_breadcrumbs",2),p("uui-breadcrumb-item",ue),p("uui-breadcrumbs",Ae),c`@-webkit-keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,ae("uui-blink 0.9s infinite both");const rr=c`@-webkit-keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}`,at=ae("pulse 0.8s ease-in-out infinite both"),de=c`@-webkit-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)}}@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)}}`,S=ae("uui-horizontal-shake 600ms ease backwards");var or=Object.defineProperty,ir=Object.getOwnPropertyDescriptor,sr=(i,e,t,o)=>{for(var r=o>1?void 0:o?ir(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&or(e,t,r),r};const nt=i=>{class e extends i{constructor(){super(...arguments);this.active=!1}}return sr([n({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var ar=Object.defineProperty,nr=Object.getOwnPropertyDescriptor,lt=(i,e,t,o)=>{for(var r=o>1?void 0:o?nr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ar(e,t,r),r};const Q=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}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="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return lt([n({type:String})],t.prototype,"label",2),lt([w()],t.prototype,"labelSlotHasContent",2),t};var lr=Object.defineProperty,ur=Object.getOwnPropertyDescriptor,ut=(i,e,t,o)=>{for(var r=o>1?void 0:o?ur(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&lr(e,t,r),r};const dt=i=>{class e extends i{constructor(){super(...arguments);this._selectable=!1,this.selected=!1}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)}}return ut([n({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ut([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),e},ct="",dr=C`<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>`,cr=C`<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 hr=Object.defineProperty,br=Object.getOwnPropertyDescriptor,ee=(i,e,t,o)=>{for(var r=o>1?void 0:o?br(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&hr(e,t,r),r};class P extends Q("label",h){constructor(){super();this.type="submit",this.disabled=!1,this.look=ct,this.compact=!1,this.state=null,this._internals=this.attachInternals(),this.addEventListener("click",this.onHostClick)}onHostClick(e){var t;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if((t=this._internals)==null?void 0:t.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit();break}}connectedCallback(){super.connectedCallback(),customElements.get("uui-loader-circle")||console.warn("To properly render the waiting state, the uui-loader-circle element has to be registered")}updated(e){e.has("state")&&(this.disabled=!!this.state,(this.state==="success"||this.state==="failed")&&setTimeout(()=>this.state=null,2e3))}_renderState(){let e=l``;switch(this.state){case"waiting":e=l`<uui-loader-circle size="m"></uui-loader-circle>`;break;case"success":e=l`<div id="icon-check">${dr}</div>`;break;case"failed":e=l`<div id="icon-wrong">${cr}</div>`;break;default:return""}return l`<div id="state">${e}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderState()}<slot name="badge"></slot><slot id="main-slot"></slot></button>`}}P.styles=[de,c`:host{position:relative;display:inline-block;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-slot-padding-l-factor:3;--uui-button-slot-padding-r-factor:3;background-color:var(--uui-interface-surface,#fefefe)}:host([compact]){--uui-button-slot-padding-l-factor:1;--uui-button-slot-padding-r-factor:1}:host([state]:not([state=''])) #main-slot{visibility:hidden}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}button{height:100%;min-height:var(--uui-button-height,calc(var(--uui-button-base-unit,var(--uui-size-2,6px)) * 6));width:100%;padding:0;text-align:center;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-weight:var(--uui-button-font-weight,var(--uui-interface-font-weight,400));font-size:inherit;font-family: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));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{-webkit-animation:${S};animation:${S}}button{padding:0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-r-factor))) 0 calc((var(--uui-button-base-unit,var(--uui-size-2,6px)) * var(--uui-button-slot-padding-l-factor)))}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host([look=primary]) 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-look-primary-border,#1b264f);font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button:hover{background-color:var(--uui-look-primary-surface-hover,#3544b1);color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-look-primary-border-hover,#3544b1)}:host([look=primary]) button[disabled]{background-color:var(--uui-look-primary-surface-disabled,#737882);color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-look-primary-border-disabled,#737882)}:host([look=secondary]) 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-look-secondary-border,#e2dad4);font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button:hover{background-color:var(--uui-look-secondary-surface-hover,#f3efed);color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-look-secondary-border-hover,#f3efed)}:host([look=secondary]) button[disabled]{background-color:var(--uui-look-secondary-surface-disabled,#cfcfcf);color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-look-secondary-border-disabled,#cfcfcf)}:host([look=outline]) 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-look-outline-border,#1b264f);font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button:hover{background-color:var(--uui-look-outline-surface-hover,transparent);color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-look-outline-border-hover,#3544b1)}:host([look=outline]) button[disabled]{background-color:var(--uui-look-outline-surface-disabled,transparent);color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-look-outline-border-disabled,#6a759a)}:host([look=placeholder]) 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-look-placeholder-border,#1b264f);font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button:hover{background-color:var(--uui-look-placeholder-surface-hover,transparent);color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-look-placeholder-border-hover,#3544b1)}:host([look=placeholder]) button[disabled]{background-color:var(--uui-look-placeholder-surface-disabled,transparent);color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-look-placeholder-border-disabled,#6a759a)}:host([look=positive]) 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-look-positive-border,#25aa60);font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button:hover{background-color:var(--uui-look-positive-surface-hover,#2bc570);color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-look-positive-border-hover,#2bc570)}:host([look=positive]) button[disabled]{background-color:var(--uui-look-positive-surface-disabled,#597566);color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-look-positive-border-disabled,#597566)}:host([look=warning]) 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-look-warning-border,#fad634);font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button:hover{background-color:var(--uui-look-warning-surface-hover,#fbe065);color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-look-warning-border-hover,#fbe065)}:host([look=warning]) button[disabled]{background-color:var(--uui-look-warning-surface-disabled,#a6a085);color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-look-warning-border-disabled,#a6a085)}:host([look=danger]) 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-look-danger-border,#d42054);font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button:hover{background-color:var(--uui-look-danger-surface-hover,#e23c6b);color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-look-danger-border-hover,#e23c6b)}:host([look=danger]) button[disabled]{background-color:var(--uui-look-danger-surface-disabled,#856b72);color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-look-danger-border-disabled,#856b72)}`],P.formAssociated=!0,ee([n({type:String,reflect:!0})],P.prototype,"type",2),ee([n({type:Boolean,reflect:!0})],P.prototype,"disabled",2),ee([n({reflect:!0})],P.prototype,"look",2),ee([n({type:Boolean,reflect:!0})],P.prototype,"compact",2),ee([n({type:String,reflect:!0})],P.prototype,"state",2),p("uui-button",P);class ht extends h{render(){return l`<slot></slot>`}}ht.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(
|
|
38
38
|
--uui-border-radius,3px
|
|
39
|
-
) 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}`],b("uui-button-group",nt);var cr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,lt=(i,e,t,o)=>{for(var r=o>1?void 0:o?hr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&cr(e,t,r),r};const pr=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}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="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return lt([n({type:String})],t.prototype,"label",2),lt([f()],t.prototype,"labelSlotHasContent",2),t};var br=Object.defineProperty,ut=Object.getOwnPropertySymbols,vr=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,dt=(i,e,t)=>e in i?br(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ct=(i,e)=>{for(var t in e||(e={}))vr.call(e,t)&&dt(i,t,e[t]);if(ut)for(var t of ut(e))fr.call(e,t)&&dt(i,t,e[t]);return i};const ht=class extends Event{constructor(i,e={}){super(i,ct(ct({},ht.defaultInit),e));this.detail=e.detail||{}}};let pt=ht;pt.defaultInit={composed:!0};class Pe extends pt{}Pe.CHANGE="change";var gr=Object.defineProperty,mr=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?mr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&gr(e,t,r),r};class _ extends pr("",p){constructor(e="checkbox"){super();this._value="on",this.name="",this.labelPosition="right",this.hideLabel=!1,this.error=!1,this._checked=!1,this.disabled=!1,this.inputRole=e,this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}_onInputChange(){this.checked=this._input.checked,this.dispatchEvent(new Pe(Pe.CHANGE,{bubbles:!0}))}render(){return l`<label><input type="checkbox" id="input" ?disabled="${this.disabled}" @change="${this._onInputChange}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.hideLabel===!1?this.renderLabel():""}</label>`}}_.styles=[c`:host{display:inline-block}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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}: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}`],_.formAssociated=!0,O([L("#input")],_.prototype,"_input",2),O([n({type:String})],_.prototype,"value",1),O([n({type:String})],_.prototype,"name",2),O([n({type:String,attribute:"label-position",reflect:!0})],_.prototype,"labelPosition",2),O([n({type:Boolean,attribute:"hide-label",reflect:!0})],_.prototype,"hideLabel",2),O([n({type:Boolean,reflect:!0})],_.prototype,"error",2),O([n({type:Boolean,reflect:!0})],_.prototype,"checked",1),O([n({type:Boolean,reflect:!0})],_.prototype,"disabled",2);const yr=S`<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>`;class ze extends _{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${yr}</div></div>`}}ze.styles=[..._.styles,ne,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)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host([error]) #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:focus input:checked+#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{-webkit-animation:${P};animation:${P}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],ze.formAssociated=!0,b("uui-checkbox",ze);var kr=Object.defineProperty,bt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,xr=Object.prototype.propertyIsEnumerable,vt=(i,e,t)=>e in i?kr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ft=(i,e)=>{for(var t in e||(e={}))_r.call(e,t)&&vt(i,t,e[t]);if(bt)for(var t of bt(e))xr.call(e,t)&&vt(i,t,e[t]);return i};const gt=class extends Event{constructor(i,e={}){super(i,ft(ft({},gt.defaultInit),e));this.detail=e.detail||{}}};let J=gt;J.defaultInit={composed:!0};class Oe extends J{}Oe.CHANGE="change";var $r=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,U=(i,e,t,o)=>{for(var r=o>1?void 0:o?wr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&$r(e,t,r),r};class $ extends le("input label",p){constructor(){super();this.placeholder="",this.disabled=!1,this.hideLabel=!1,this._value="",this.name="",this.error=!1,this.type="text",this._internals=this.attachInternals()}get value(){return this._value}set value(e){this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value)}onInput(e){this.value=e.target.value}onChange(){this.dispatchEvent(new Oe(Oe.CHANGE,{bubbles:!0}))}render(){return l`${this.hideLabel===!1?this.renderLabel():""} <input .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this.onInput}" @change="${this.onChange}">`}}$.styles=[c`:host{display:inline-block}input{display:inline-block;height:var(--uui-size-11,33px);padding:var(--uui-size-1,3px) var(--uui-size-2,6px);font-family:inherit;font-size:15px;color:inherit;border-radius:0;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4));width:100%;outline:0}input:hover{border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}input:focus{border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([invalid]){border-color:var(--uui-color-danger-background)}:host([type=color]){display:inline-flex;align-items:center}:host([type=color]) .label{margin-left:var(--uui-size-2,6px)}input[type=color]{width:30px;padding:0;border:none}input[disabled]{background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-input-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}:host([error]) input{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) input[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],$.formAssociated=!0,U([n()],$.prototype,"placeholder",2),U([n({type:Boolean,reflect:!0})],$.prototype,"disabled",2),U([n({type:Boolean,attribute:"hide-label",reflect:!0})],$.prototype,"hideLabel",2),U([f()],$.prototype,"_value",2),U([n()],$.prototype,"value",1),U([n({type:String})],$.prototype,"name",2),U([n({type:Boolean,reflect:!0})],$.prototype,"error",2),U([n({type:String})],$.prototype,"type",2),b("uui-input",$);var Er=Object.defineProperty,Ar=Object.getOwnPropertyDescriptor,Cr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ar(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Er(e,t,r),r};class Ue extends p{_changeCase(){this.slotNodes!==null&&this.slotNodes.forEach(e=>{var t;e.nodeName==="#text"&&e.nodeValue&&(e.nodeValue=(t=e.nodeValue)==null?void 0:t.toLowerCase())})}render(){return l`<slot @slotchange="${this._changeCase}"></slot>`}}Ue.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-size-4,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}`],Cr([te()],Ue.prototype,"slotNodes",2);class mt extends p{render(){return l`<slot></slot>`}}mt.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}`],b("uui-key",Ue),b("uui-keyboard-shortcut",mt);class yt extends p{render(){return l`<div></div><div></div><div></div>`}}yt.styles=[c`div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;-webkit-animation:loaderAnimation 1.4s infinite;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){-webkit-animation-delay:0s;animation-delay:0s}div:nth-child(2n){-webkit-animation-delay:.15s;animation-delay:.15s}div:nth-child(3n){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],b("uui-loader",yt);/**
|
|
39
|
+
) 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}`],p("uui-button-group",ht);var pr=Object.defineProperty,vr=Object.getOwnPropertyDescriptor,bt=(i,e,t,o)=>{for(var r=o>1?void 0:o?vr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&pr(e,t,r),r};const fr=(i,e)=>{class t extends e{constructor(){super(...arguments);this.labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`")}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="${i||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return bt([n({type:String})],t.prototype,"label",2),bt([w()],t.prototype,"labelSlotHasContent",2),t};var gr=Object.defineProperty,pt=Object.getOwnPropertySymbols,mr=Object.prototype.hasOwnProperty,yr=Object.prototype.propertyIsEnumerable,vt=(i,e,t)=>e in i?gr(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,ft=(i,e)=>{for(var t in e||(e={}))mr.call(e,t)&&vt(i,t,e[t]);if(pt)for(var t of pt(e))yr.call(e,t)&&vt(i,t,e[t]);return i};const gt=class extends Event{constructor(i,e={}){super(i,ft(ft({},gt.defaultInit),e));this.detail=e.detail||{}}};let mt=gt;mt.defaultInit={composed:!0};class Ce extends mt{}Ce.CHANGE="change";var kr=Object.defineProperty,_r=Object.getOwnPropertyDescriptor,z=(i,e,t,o)=>{for(var r=o>1?void 0:o?_r(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&kr(e,t,r),r};class y extends fr("",h){constructor(e="checkbox"){super();this._value="on",this.name="",this.labelPosition="right",this.hideLabel=!1,this.error=!1,this._checked=!1,this.disabled=!1,this.inputRole=e,this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}_onInputChange(){this.checked=this._input.checked,this.dispatchEvent(new Ce(Ce.CHANGE,{bubbles:!0}))}render(){return l`<label><input type="checkbox" id="input" ?disabled="${this.disabled}" @change="${this._onInputChange}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.hideLabel===!1?this.renderLabel():""}</label>`}}y.styles=[c`:host{display:inline-block}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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}: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}`],y.formAssociated=!0,z([T("#input")],y.prototype,"_input",2),z([n({type:String})],y.prototype,"value",1),z([n({type:String})],y.prototype,"name",2),z([n({type:String,attribute:"label-position",reflect:!0})],y.prototype,"labelPosition",2),z([n({type:Boolean,attribute:"hide-label",reflect:!0})],y.prototype,"hideLabel",2),z([n({type:Boolean,reflect:!0})],y.prototype,"error",2),z([n({type:Boolean,reflect:!0})],y.prototype,"checked",1),z([n({type:Boolean,reflect:!0})],y.prototype,"disabled",2);const xr=C`<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>`;class Se extends y{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${xr}</div></div>`}}Se.styles=[...y.styles,de,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)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host([error]) #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:focus input:checked+#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{-webkit-animation:${S};animation:${S}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],Se.formAssociated=!0,p("uui-checkbox",Se);var $r=Object.defineProperty,yt=Object.getOwnPropertySymbols,wr=Object.prototype.hasOwnProperty,Er=Object.prototype.propertyIsEnumerable,kt=(i,e,t)=>e in i?$r(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_t=(i,e)=>{for(var t in e||(e={}))wr.call(e,t)&&kt(i,t,e[t]);if(yt)for(var t of yt(e))Er.call(e,t)&&kt(i,t,e[t]);return i};const xt=class extends Event{constructor(i,e={}){super(i,_t(_t({},xt.defaultInit),e));this.detail=e.detail||{}}};let W=xt;W.defaultInit={composed:!0};class Pe extends W{}Pe.CHANGE="change";var Ar=Object.defineProperty,Cr=Object.getOwnPropertyDescriptor,O=(i,e,t,o)=>{for(var r=o>1?void 0:o?Cr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Ar(e,t,r),r};class _ extends Q("input label",h){constructor(){super();this.placeholder="",this.disabled=!1,this.hideLabel=!1,this._value="",this.name="",this.error=!1,this.type="text",this._internals=this.attachInternals()}get value(){return this._value}set value(e){this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value)}onInput(e){this.value=e.target.value}onChange(){this.dispatchEvent(new Pe(Pe.CHANGE,{bubbles:!0}))}render(){return l`${this.hideLabel===!1?this.renderLabel():""} <input .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this.onInput}" @change="${this.onChange}">`}}_.styles=[c`:host{display:inline-block}input{display:inline-block;height:var(--uui-size-11,33px);padding:var(--uui-size-1,3px) var(--uui-size-2,6px);font-family:inherit;font-size:15px;color:inherit;border-radius:0;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4));width:100%;outline:0}input:hover{border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}input:focus{border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([invalid]){border-color:var(--uui-color-danger-background)}:host([type=color]){display:inline-flex;align-items:center}:host([type=color]) .label{margin-left:var(--uui-size-2,6px)}input[type=color]{width:30px;padding:0;border:none}input[disabled]{background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-input-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}:host([error]) input{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) input[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],_.formAssociated=!0,O([n()],_.prototype,"placeholder",2),O([n({type:Boolean,reflect:!0})],_.prototype,"disabled",2),O([n({type:Boolean,attribute:"hide-label",reflect:!0})],_.prototype,"hideLabel",2),O([w()],_.prototype,"_value",2),O([n()],_.prototype,"value",1),O([n({type:String})],_.prototype,"name",2),O([n({type:Boolean,reflect:!0})],_.prototype,"error",2),O([n({type:String})],_.prototype,"type",2),p("uui-input",_);var Sr=Object.defineProperty,Pr=Object.getOwnPropertyDescriptor,zr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Pr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Sr(e,t,r),r};class ze extends h{_changeCase(){this.slotNodes!==null&&this.slotNodes.forEach(e=>{var t;e.nodeName==="#text"&&e.nodeValue&&(e.nodeValue=(t=e.nodeValue)==null?void 0:t.toLowerCase())})}render(){return l`<slot @slotchange="${this._changeCase}"></slot>`}}ze.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-size-4,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}`],zr([se()],ze.prototype,"slotNodes",2);class $t extends h{render(){return l`<slot></slot>`}}$t.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}`],p("uui-key",ze),p("uui-keyboard-shortcut",$t);class wt extends h{render(){return l`<div></div><div></div><div></div>`}}wt.styles=[c`div{display:inline-block;width:var(--uui-size-2,6px);height:var(--uui-size-2,6px);border:2px solid currentColor;border-radius:100%;-webkit-animation:loaderAnimation 1.4s infinite;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){-webkit-animation-delay:0s;animation-delay:0s}div:nth-child(2n){-webkit-animation-delay:.15s;animation-delay:.15s}div:nth-child(3n){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],p("uui-loader",wt);/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2017 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
-
*/const
|
|
43
|
+
*/const Or={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ur=i=>(...e)=>({_$litDirective$:i,values:e});class Ir{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2018 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
|
-
*/const Ie=Pr(class extends zr{constructor(i){var e;if(super(i),i.type!==Sr.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const o=i[t];return o==null?e:e+`${t=t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ut===void 0){this.ut=new Set;for(const o in e)this.ut.add(o);return this.render(e)}this.ut.forEach(o=>{e[o]==null&&(this.ut.delete(o),o.includes("-")?t.removeProperty(o):t[o]="")});for(const o in e){const r=e[o];r!=null&&(this.ut.add(o),o.includes("-")?t.setProperty(o,r):t[o]=r)}return T}});var Or=Object.defineProperty,Ur=Object.getOwnPropertyDescriptor,kt=(i,e,t,o)=>{for(var r=o>1?void 0:o?Ur(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Or(e,t,r),r};const Ir=(i,e,t)=>Math.min(Math.max(i,e),t);class ue extends p{constructor(){super(...arguments);this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Ir(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}getProgressStyle(){return{maxWidth:`${this.progress}%`}}render(){return l`<div id="bar-container" class="${this.progress?"":"animate"}"><div id="bar" style="${this.progress?Ie(this.getProgressStyle()):""}"></div><div id="bar-anim" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div></div>`}}ue.styles=[c`#bar-anim{-webkit-animation:bar-loading 1s infinite linear;animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#ffffff45 0,#fff 25%,transparent 100%)}.animate #bar-anim{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}.animate #bar{display:none}#bar-container{width:100%;height:4px;position:relative;overflow:hidden}#bar{transition:max-width 250ms ease}#bar,#bar-background{background:currentColor}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar-background{opacity:.3}@-webkit-keyframes bar-loading{0%{transform:scaleX(.4);transform-origin:-175% 0}100%{transform-origin:175% 0;transform:scaleX(.4)}}@keyframes bar-loading{0%{transform:scaleX(.4);transform-origin:-175% 0}100%{transform-origin:175% 0;transform:scaleX(.4)}}`],kt([n({type:Number})],ue.prototype,"progress",1),kt([n({type:Number})],ue.prototype,"animationDuration",1),b("uui-loader-bar",ue);var Tr=Object.defineProperty,Nr=Object.getOwnPropertyDescriptor,Te=(i,e,t,o)=>{for(var r=o>1?void 0:o?Nr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Tr(e,t,r),r};class Y extends p{constructor(){super(...arguments);this._largeSizes=["l","xl"],this.size="s",this.progress=0,this.showProgress=!1}_strokeDashOffset(){return this.progress?{strokeDasharray:`${this.progress}, 100`}:{strokeDasharray:"100"}}render(){return l`<div id="svg-container" class="${this.progress?"":"animate"}"><svg id="spinner" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="circle2" cx="50%" cy="50%" r="15.9155"/><circle id="circle" cx="50%" cy="50%" r="15.9155" style="${Ie(this._strokeDashOffset())}"/></svg> ${this._largeSizes.includes(this.size)&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}</div>`}}Y.styles=[c`:host{--uui-loader-circle-size:var(--uui-size-4,12px);display:inline-block;vertical-align:middle;line-height:0}:host([size=xs]){--uui-loader-circle-size:var(--uui-size-3,9px)}:host([size='s']){--uui-loader-circle-size:var(--uui-size-4,12px)}:host([size='m']){--uui-loader-circle-size:var(--uui-size-8,24px)}:host([size='l']){--uui-loader-circle-size:var(--uui-size-10,30px)}:host([size=xl]){--uui-loader-circle-size:var(--uui-size-14,42px)}:host([size=xxl]){--uui-loader-circle-size:var(--uui-size-20,60px)}#svg-container{overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:var(--uui-loader-circle-size);height:var(--uui-loader-circle-size)}.animate #spinner{-webkit-animation:3s linear infinite svg-animation;animation:3s linear infinite svg-animation}.animate #circle{-webkit-animation:1.4s ease-in infinite circle-animation;animation:1.4s ease-in infinite circle-animation}#spinner{width:100%}#circle{display:block;fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-dasharray:0 301.592894745;stroke-width:6px;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray .5s ease}#circle2{fill:transparent;stroke:currentColor;stroke-width:6px;opacity:.5}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:10px;font-weight:700;text-align:center}@-webkit-keyframes svg-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes svg-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes circle-animation{0%,25%{stroke-dashoffset:100;transform:rotate(0)}50%,75%{stroke-dashoffset:20;transform:rotate(45deg)}100%{stroke-dashoffset:100;transform:rotate(360deg)}}@keyframes circle-animation{0%,25%{stroke-dashoffset:100;transform:rotate(0)}50%,75%{stroke-dashoffset:20;transform:rotate(45deg)}100%{stroke-dashoffset:100;transform:rotate(360deg)}}`],Te([n({reflect:!0})],Y.prototype,"size",2),Te([n({type:Number})],Y.prototype,"progress",2),Te([n({type:Boolean,reflect:!0,attribute:"show-progress"})],Y.prototype,"showProgress",2),b("uui-loader-circle",Y);class Q extends J{}Q.CHANGE="change";var Dr=Object.defineProperty,Lr=Object.getOwnPropertyDescriptor,V=(i,e,t,o)=>{for(var r=o>1?void 0:o?Lr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Dr(e,t,r),r};class A extends p{constructor(){super(...arguments);this.name="",this.value="",this.label="",this.checked=!1,this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",t)}_onChange(){this.inputElement.checked?this.check():this.uncheck()}uncheck(){this.checked=!1,this.setAttribute("tabindex","-1"),this.setAttribute("aria-checked","false")}check(){this.checked=!0,this.dispatchEvent(new Q(Q.CHANGE)),this.disabled||(this.setAttribute("tabindex","0"),this.setAttribute("aria-checked","true"),this.focus())}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.setAttribute("aria-checked","false")}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>`}}A.styles=[ne,c`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:calc(var(--uui-size-2,6px) * 3);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}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}:host(:hover) #button{border:1px solid var(--uui-interface-border-hover,#b3b3b3)}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{-webkit-animation:${P};animation:${P}}@media (prefers-reduced-motion){:host([disabled]:active) #button{-webkit-animation:none;animation:none}#button::after{transition:none}}`],V([L("#input")],A.prototype,"inputElement",2),V([n({type:String})],A.prototype,"name",2),V([n({type:String})],A.prototype,"value",2),V([n({type:String})],A.prototype,"label",2),V([n({type:Boolean,reflect:!0})],A.prototype,"checked",2),V([n({type:Boolean,reflect:!0})],A.prototype,"disabled",1);class Ne extends J{}Ne.CHANGE="change";var Hr=Object.defineProperty,Rr=Object.getOwnPropertyDescriptor,ee=(i,e,t,o)=>{for(var r=o>1?void 0:o?Rr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Hr(e,t,r),r};const jr="ArrowLeft",Br="ArrowUp",Mr="ArrowRight",Vr="ArrowDown",Wr=" ";class D extends p{constructor(){super();this._disabled=!1,this._value="",this._name="",this._selected=null,this._lastSelectedIndex=0,this._handleSelectOnClick=e=>{this._setSelected(this.radioElements.indexOf(e.target)),this._fireChangeEvent()},this._internals=this.attachInternals(),this.addEventListener("keydown",this._onKeydown)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}getRadioElements(){return this.slotElement?this.slotElement.assignedElements({flatten:!0}).filter(e=>e instanceof A):[]}_addNameToRadios(e,t){t.forEach(o=>o.name=e)}_toggleDisableOnChildren(e){this.radioElements.forEach(t=>t.disabled=e)}_handleSlotChange(){this.radioElements&&this.radioElements.forEach(t=>{t.removeEventListener(Q.CHANGE,this._handleSelectOnClick)}),this.radioElements=this.getRadioElements(),this.radioElements.forEach(t=>{t.addEventListener(Q.CHANGE,this._handleSelectOnClick)});const e=this.radioElements.filter(t=>t.checked===!0);if(e.length>1)throw this.radioElements.forEach(t=>{t.checked=!1}),new Error("There can only be one checked element among the <uui-radio-group> children");e.length===1&&(this._selected=this.radioElements.indexOf(e[0]),this.value=e[0].value),this.radioElements.length>0&&this.radioElements[this.enabledElementsIndexes[0]].setAttribute("tabindex","0"),this._addNameToRadios(this.name,this.radioElements),this.disabled&&this._toggleDisableOnChildren(!0)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.requestUpdate("disabled",t),this._toggleDisableOnChildren(e)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.radioElements&&this._addNameToRadios(this._name,this.radioElements),this.requestUpdate("name",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._setSelected(e),this._selected!==null&&this.radioElements[this._selected].check(),this.requestUpdate("selected",t)}_setSelected(e){this._selected=e,this._lastSelectedIndex=this.enabledElementsIndexes.findIndex(o=>o===this._selected),e===null&&this.radioElements[0].setAttribute("tabindex","0"),this.radioElements.filter(o=>this.radioElements.indexOf(o)!==this._selected).forEach(o=>o.uncheck()),this.value=e!==null?this.radioElements[e].value:""}get enabledElementsIndexes(){const e=[];return this.radioElements.forEach(t=>{t.disabled===!1&&e.push(this.radioElements.indexOf(t))}),e}_selectPreviousElement(){this.selected===null||this.selected===this.enabledElementsIndexes[0]?(this.selected=this.enabledElementsIndexes[this.enabledElementsIndexes.length-1],this._lastSelectedIndex=this.enabledElementsIndexes.length-1):(this._lastSelectedIndex--,this.selected=this.enabledElementsIndexes[this._lastSelectedIndex]),this._fireChangeEvent()}_selectNextElement(){this.selected===null||this.selected===this.enabledElementsIndexes[this.enabledElementsIndexes.length-1]?(this.selected=this.enabledElementsIndexes[0],this._lastSelectedIndex=0):(this._lastSelectedIndex++,this.selected=this.enabledElementsIndexes[this._lastSelectedIndex]),this._fireChangeEvent()}_onKeydown(e){switch(e.key){case jr:case Br:{e.preventDefault(),this._selectPreviousElement();break}case Mr:case Vr:{e.preventDefault(),this._selectNextElement();break}case Wr:this.selected===null&&(this.selected=this.enabledElementsIndexes[0])}}_fireChangeEvent(){this.dispatchEvent(new Ne(Ne.CHANGE))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}}D.formAssociated=!0,ee([L("slot")],D.prototype,"slotElement",2),ee([n({type:Boolean,reflect:!0})],D.prototype,"disabled",1),ee([f()],D.prototype,"value",1),ee([n({type:String})],D.prototype,"name",1),ee([n({type:Number})],D.prototype,"selected",1),b("uui-radio",A),b("uui-radio-group",D);const qr=c`input[type=range]{left:0;position:absolute;top:0;height:100%;width:100%;z-index:2;height:100%;-webkit-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;-webkit-appearance:none;margin:0;padding:0;border:none;background:0 0;color:transparent;overflow:visible;order:none}input[type=range]:focus::-webkit-slider-runnable-track{background:0 0;border:none}input[type=range]::-moz-range-track{width:100%;height:100%;-moz-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible}input[type=range]::-ms-track{width:100%;height:100%;-webkit-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:0 0;border:0 none}input[type=range]::-ms-tooltip{display:none}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer;-webkit-appearance:none}input[type=range]::-ms-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:0 0}input[type=range]:focus::-ms-fill-upper{background:0 0}`;class De extends J{}De.INPUT="input";var Gr=Object.defineProperty,Xr=Object.getOwnPropertyDescriptor,x=(i,e,t,o)=>{for(var r=o>1?void 0:o?Xr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Gr(e,t,r),r};const Fr=(i,e)=>S`${i.map(t=>e/6>=5?S`<circle class="uui-slider-circle" cx="${e*i.indexOf(t)}" cy="50%" r="4.2">`:S``)}`,Kr=(i,e,t)=>t?l``:l`<div id="steps-values">${i.map(o=>l`<span class="uui-slider-step">${i.length<=20&&e/6>=5?o.toFixed(0):m}</span>`)}</div>`;class y extends le("label",p){constructor(){super();this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this._value="",this.hideLabel=!1,this.stepWidth=0,this.onWindowResize=()=>{this.stepWidth=this._calculateStepWidth()},this.steps=[],this.sliderPosition="50%",this.fillScale="0.5",this._range=(e,t,o)=>Array.from({length:(t-e)/o+1},(r,s)=>e+s*o),this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._calculateSliderPosition(e),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._updateSteps()}_updateSteps(){this.steps=this._range(this.min,this.max-1,this.step),this.stepWidth=this._calculateStepWidth()}updated(e){(e.get("max")||e.get("min")||e.get("step"))&&this._updateSteps()}_calculateStepWidth(){return this.track.getBoundingClientRect().width/this.steps.length}_calculateSliderPosition(e){const t=(parseFloat(e)-this.min)/(this.max-this.min);this.fillScale=`${t}`,this.sliderPosition=`${Math.floor(t*100)}%`}_thumbDynamicStyles(){return{left:this.sliderPosition}}_onInput(){this.value=this.input.value,this.dispatchEvent(new De(De.INPUT))}render(){return l`<input type="range" min="${this.min}" max="${this.max}" .value="${this.value}" id="input1" aria-label="${this.label}" step="${+this.step}" @input="${this._onInput}"><div id="track" aria-hidden="true"><div id="stepper"><svg height="100%" width="100%" class="uui-slider-step"><line x1="0" y1="50%" x2="100%" y2="50%" stroke="black" id="slider-line"/>${Fr(this.steps,this.stepWidth)}</svg></div><div id="thumb" style="${Ie(this._thumbDynamicStyles())}"><div id="value">${this.value}</div></div></div>${Kr(this.steps,this.stepWidth,this.hideStepValues)} ${this.hideLabel===!1?this.renderLabel():""}`}}y.styles=[Jt,qr,c`input[type=range]{box-sizing:border-box}:host{display:inline-block;width:100%;position:relative;margin:12px 0;min-height:30px;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#track{position:relative;top:50%;height:18px;width:100%;display:flex}#thumb{position:absolute;top:0;bottom:0;left:0;height:18px;width:18px;background-color:transparent;border-radius:50%;box-sizing:border-box;border:1px solid var(--uui-interface-select,#3544b1);margin-left:-9px;transition:.1s left ease}#thumb:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:9px;width:9px;background-color:var(--uui-interface-select,#3544b1);border-radius:50%}#thumb:before{content:'';position:absolute;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);height:24px;width:24px;background-color:transparent;border:1px solid var(--uui-interface-select,#3544b1);border-radius:50%;opacity:0}input:hover~#track #thumb:before{-webkit-animation:${ot};animation:${ot}}input:hover~#track #thumb:after{background-color:var(--uui-interface-select-hover,#4656c8)}input:hover~#track #thumb{border:1px solid var(--uui-interface-select-hover,#4656c8)}#value{position:relative;box-sizing:border-box;font-weight:600;bottom:150%;width:100%;text-align:center;opacity:0;color:var(--uui-interface-select,#3544b1);transition:.2s opacity ease}input:hover~#track #value{opacity:1}#track svg{opacity:.5;transition:.2s opacity ease}input:focus~#track svg{opacity:1}#stepper{position:absolute;top:0;bottom:0;left:0;width:100%}#steps-values{display:flex;align-items:flex-end;box-sizing:border-box}#steps-values>span{flex-basis:0;flex-grow:1;transform:translateX(-50%);display:inline-block;text-align:center;font-size:12px;color:var(--uui-interface-contrast-disabled,#73716e)}#steps-values :first-child{opacity:0}svg>circle:first-of-type{fill:none}#stepper{width:100%}#slider-line{stroke:var(--uui-interface-contrast-disabled,#73716e);stroke-width:1px}.uui-slider-circle{fill:var(--uui-interface-contrast-disabled,#73716e)}label{display:inline-block;margin-top:6px;position:relative;font-weight:2100}@media (prefers-reduced-motion){input:focus~#track #thumb:before{-webkit-animation:none;animation:none}label:before{transition:none}}`],y.formAssociated=!0,x([L("input")],y.prototype,"input",2),x([L("#track")],y.prototype,"track",2),x([n({type:Boolean,attribute:"hide-step-values"})],y.prototype,"hideStepValues",2),x([n({type:Number})],y.prototype,"min",2),x([n({type:Number})],y.prototype,"max",2),x([n({type:Number})],y.prototype,"step",2),x([n({type:String})],y.prototype,"value",1),x([n({type:Boolean,attribute:"hide-label",reflect:!0})],y.prototype,"hideLabel",2),x([f()],y.prototype,"stepWidth",2),x([f()],y.prototype,"steps",2),x([f()],y.prototype,"sliderPosition",2),x([f()],y.prototype,"fillScale",2),b("uui-slider",y);class _t extends ar(p){constructor(){super();this.addEventListener("click",this.toggleSelect)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}toggleSelect(){this.selectable!==!1&&(this.selected=!this.selected)}render(){return l`<slot></slot>`}}_t.styles=[c`:host{display:table-row;position:relative}:host([selectable]){cursor:pointer}:host([selected]){outline:1px solid var(--uui-interface-select,#3544b1);outline-offset:-2px}`];class de extends p{constructor(){super(...arguments);this.onResize=()=>{this._detectOverflow()}}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onResize),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.onResize)}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}}de.styles=[c`:host{display:table-cell;padding:var(--uui-size-4,12px) var(--uui-size-5,15px);border-top:1px solid var(--uui-interface-border,#c4c4c4);max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;vertical-align:middle}`];class xt extends de{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}}xt.styles=[...de.styles,c`:host{border-top:none}`];class $t extends p{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}}$t.styles=[c`:host{display:table-header-group;font-weight:700}`];class wt extends p{}wt.styles=[c`:host{display:table-column}`];class Et extends p{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}}Et.styles=[c`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);cursor:default}`],b("uui-table-column",wt),b("uui-table-head-cell",xt),b("uui-table-head",$t),b("uui-table-cell",de),b("uui-table-row",_t),b("uui-table",Et);var Zr=Object.defineProperty,Jr=Object.getOwnPropertyDescriptor,Yr=(i,e,t,o)=>{for(var r=o>1?void 0:o?Jr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Zr(e,t,r),r};class Le extends tr(le("",p)){constructor(){super();this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return l`<button type="button" ?disabled="${this.disabled}" role="tab">${this.renderLabel()}</button>`}}Le.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)}`],Yr([n({type:Boolean,reflect:!0})],Le.prototype,"disabled",2);var Qr=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,to=(i,e,t,o)=>{for(var r=o>1?void 0:o?eo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Qr(e,t,r),r};class He extends p{constructor(){super(...arguments);this.tabElements=[],this.onTabActive=e=>{const t=e.target;t.active=!0,this.tabElements.filter(r=>r!==t).forEach(r=>{r.active=!1})}}setTabArray(){this.tabElements=this.slotNodes?this.slotNodes:[]}onSlotChange(){this.setTabArray(),this.tabElements&&this.tabElements.forEach(e=>{e.removeEventListener("click",this.onTabActive)}),this.tabElements.forEach(e=>{e.addEventListener("click",this.onTabActive)})}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>`}}He.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)}`],to([te(void 0,!0,"uui-tab")],He.prototype,"slotNodes",2),b("uui-tab",Le),b("uui-tab-group",He);var ro=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,At=(i,e,t,o)=>{for(var r=o>1?void 0:o?oo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ro(e,t,r),r};class ce extends p{constructor(){super(...arguments);this.size="m",this.look=at}render(){return l`<slot></slot>`}}ce.styles=[c`:host{display:inline-block;font-family:inherit;font-weight:700;line-height:1.1;font-size:var(--uui-tag-font-size,.9em);padding:calc(var(--uui-tag-font-size)/ 2.3) var(--uui-tag-font-size);border-radius:1000px;background-color:var(--uui-interface-surface-alt,#d8d7d9);color:var(--uui-interface-contrast,#060606);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color 120ms,color 120ms}slot{display:flex;align-items:center}:host([size=xs]){--uui-tag-font-size:10px}:host([size='s']){--uui-tag-font-size:11px}:host([size='m']){--uui-tag-font-size:12px}:host([size='l']){--uui-tag-font-size:13px}:host([size=xl]){--uui-tag-font-size:14px}: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)}`],At([n({reflect:!0})],ce.prototype,"size",2),At([n({reflect:!0})],ce.prototype,"look",2),b("uui-tag",ce);const io=S`<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>`,so=S`<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 Re extends _{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-check">${io}</div><div id="icon-wrong">${so}</div></div>`}}Re.styles=[..._.styles,ne,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%)}: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{-webkit-animation:${P};animation:${P}}:host([disabled]) input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}:host([error]) #slider{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #slider{border:1px solid var(--uui-look-danger-border,#d42054)}`],Re.formAssociated=!0,b("uui-toggle",Re)});
|
|
47
|
+
*/const Oe=Ur(class extends Ir{constructor(i){var e;if(super(i),i.type!==Or.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((e,t)=>{const o=i[t];return o==null?e:e+`${t=t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(i,[e]){const{style:t}=i.element;if(this.ut===void 0){this.ut=new Set;for(const o in e)this.ut.add(o);return this.render(e)}this.ut.forEach(o=>{e[o]==null&&(this.ut.delete(o),o.includes("-")?t.removeProperty(o):t[o]="")});for(const o in e){const r=e[o];r!=null&&(this.ut.add(o),o.includes("-")?t.setProperty(o,r):t[o]=r)}return D}});var Dr=Object.defineProperty,Lr=Object.getOwnPropertyDescriptor,Et=(i,e,t,o)=>{for(var r=o>1?void 0:o?Lr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Dr(e,t,r),r};const Nr=(i,e,t)=>Math.min(Math.max(i,e),t);class ce extends h{constructor(){super(...arguments);this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=Nr(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}getProgressStyle(){return{maxWidth:`${this.progress}%`}}render(){return l`<div id="bar-container" class="${this.progress?"":"animate"}"><div id="bar" style="${this.progress?Oe(this.getProgressStyle()):""}"></div><div id="bar-anim" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div></div>`}}ce.styles=[c`#bar-anim{-webkit-animation:bar-loading 1s infinite linear;animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#ffffff45 0,#fff 25%,transparent 100%)}.animate #bar-anim{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}.animate #bar{display:none}#bar-container{width:100%;height:4px;position:relative;overflow:hidden}#bar{transition:max-width 250ms ease}#bar,#bar-background{background:currentColor}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar-background{opacity:.3}@-webkit-keyframes bar-loading{0%{transform:scaleX(.4);transform-origin:-175% 0}100%{transform-origin:175% 0;transform:scaleX(.4)}}@keyframes bar-loading{0%{transform:scaleX(.4);transform-origin:-175% 0}100%{transform-origin:175% 0;transform:scaleX(.4)}}`],Et([n({type:Number})],ce.prototype,"progress",1),Et([n({type:Number})],ce.prototype,"animationDuration",1),p("uui-loader-bar",ce);var Tr=Object.defineProperty,Hr=Object.getOwnPropertyDescriptor,Ue=(i,e,t,o)=>{for(var r=o>1?void 0:o?Hr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Tr(e,t,r),r};class te extends h{constructor(){super(...arguments);this._largeSizes=["l","xl"],this.size="s",this.progress=0,this.showProgress=!1}_strokeDashOffset(){return this.progress?{strokeDasharray:`${this.progress}, 100`}:{strokeDasharray:"100"}}render(){return l`<div id="svg-container" class="${this.progress?"":"animate"}"><svg id="spinner" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="circle2" cx="50%" cy="50%" r="15.9155"/><circle id="circle" cx="50%" cy="50%" r="15.9155" style="${Oe(this._strokeDashOffset())}"/></svg> ${this._largeSizes.includes(this.size)&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}</div>`}}te.styles=[c`:host{--uui-loader-circle-size:var(--uui-size-4,12px);display:inline-block;vertical-align:middle;line-height:0}:host([size=xs]){--uui-loader-circle-size:var(--uui-size-3,9px)}:host([size='s']){--uui-loader-circle-size:var(--uui-size-4,12px)}:host([size='m']){--uui-loader-circle-size:var(--uui-size-8,24px)}:host([size='l']){--uui-loader-circle-size:var(--uui-size-10,30px)}:host([size=xl]){--uui-loader-circle-size:var(--uui-size-14,42px)}:host([size=xxl]){--uui-loader-circle-size:var(--uui-size-20,60px)}#svg-container{overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:var(--uui-loader-circle-size);height:var(--uui-loader-circle-size)}.animate #spinner{-webkit-animation:3s linear infinite svg-animation;animation:3s linear infinite svg-animation}.animate #circle{-webkit-animation:1.4s ease-in infinite circle-animation;animation:1.4s ease-in infinite circle-animation}#spinner{width:100%}#circle{display:block;fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-dasharray:0 301.592894745;stroke-width:6px;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray .5s ease}#circle2{fill:transparent;stroke:currentColor;stroke-width:6px;opacity:.5}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:10px;font-weight:700;text-align:center}@-webkit-keyframes svg-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes svg-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes circle-animation{0%,25%{stroke-dashoffset:100;transform:rotate(0)}50%,75%{stroke-dashoffset:20;transform:rotate(45deg)}100%{stroke-dashoffset:100;transform:rotate(360deg)}}@keyframes circle-animation{0%,25%{stroke-dashoffset:100;transform:rotate(0)}50%,75%{stroke-dashoffset:20;transform:rotate(45deg)}100%{stroke-dashoffset:100;transform:rotate(360deg)}}`],Ue([n({reflect:!0})],te.prototype,"size",2),Ue([n({type:Number})],te.prototype,"progress",2),Ue([n({type:Boolean,reflect:!0,attribute:"show-progress"})],te.prototype,"showProgress",2),p("uui-loader-circle",te);class re extends W{}re.CHANGE="change";var jr=Object.defineProperty,Rr=Object.getOwnPropertyDescriptor,q=(i,e,t,o)=>{for(var r=o>1?void 0:o?Rr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&jr(e,t,r),r};class E extends h{constructor(){super(...arguments);this.name="",this.value="",this.label="",this.checked=!1,this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",t)}_onChange(){this.inputElement.checked?this.check():this.uncheck()}uncheck(){this.checked=!1,this.setAttribute("tabindex","-1"),this.setAttribute("aria-checked","false")}check(){this.checked=!0,this.dispatchEvent(new re(re.CHANGE)),this.disabled||(this.setAttribute("tabindex","0"),this.setAttribute("aria-checked","true"),this.focus())}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.setAttribute("aria-checked","false")}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>`}}E.styles=[de,c`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:calc(var(--uui-size-2,6px) * 3);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}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}:host(:hover) #button{border:1px solid var(--uui-interface-border-hover,#b3b3b3)}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{-webkit-animation:${S};animation:${S}}@media (prefers-reduced-motion){:host([disabled]:active) #button{-webkit-animation:none;animation:none}#button::after{transition:none}}`],q([T("#input")],E.prototype,"inputElement",2),q([n({type:String})],E.prototype,"name",2),q([n({type:String})],E.prototype,"value",2),q([n({type:String})],E.prototype,"label",2),q([n({type:Boolean,reflect:!0})],E.prototype,"checked",2),q([n({type:Boolean,reflect:!0})],E.prototype,"disabled",1);class Ie extends W{}Ie.CHANGE="change";var Br=Object.defineProperty,Mr=Object.getOwnPropertyDescriptor,oe=(i,e,t,o)=>{for(var r=o>1?void 0:o?Mr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Br(e,t,r),r};const Vr="ArrowLeft",Wr="ArrowUp",qr="ArrowRight",Gr="ArrowDown",Xr=" ";class N extends h{constructor(){super();this._disabled=!1,this._value="",this._name="",this._selected=null,this._lastSelectedIndex=0,this._handleSelectOnClick=e=>{this._setSelected(this.radioElements.indexOf(e.target)),this._fireChangeEvent()},this._internals=this.attachInternals(),this.addEventListener("keydown",this._onKeydown)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}getRadioElements(){return this.slotElement?this.slotElement.assignedElements({flatten:!0}).filter(e=>e instanceof E):[]}_addNameToRadios(e,t){t.forEach(o=>o.name=e)}_toggleDisableOnChildren(e){this.radioElements.forEach(t=>t.disabled=e)}_handleSlotChange(){this.radioElements&&this.radioElements.forEach(t=>{t.removeEventListener(re.CHANGE,this._handleSelectOnClick)}),this.radioElements=this.getRadioElements(),this.radioElements.forEach(t=>{t.addEventListener(re.CHANGE,this._handleSelectOnClick)});const e=this.radioElements.filter(t=>t.checked===!0);if(e.length>1)throw this.radioElements.forEach(t=>{t.checked=!1}),new Error("There can only be one checked element among the <uui-radio-group> children");e.length===1&&(this._selected=this.radioElements.indexOf(e[0]),this.value=e[0].value),this.radioElements.length>0&&this.radioElements[this.enabledElementsIndexes[0]].setAttribute("tabindex","0"),this._addNameToRadios(this.name,this.radioElements),this.disabled&&this._toggleDisableOnChildren(!0)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.requestUpdate("disabled",t),this._toggleDisableOnChildren(e)}get value(){return this._value}set value(e){const t=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.radioElements&&this._addNameToRadios(this._name,this.radioElements),this.requestUpdate("name",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._setSelected(e),this._selected!==null&&this.radioElements[this._selected].check(),this.requestUpdate("selected",t)}_setSelected(e){this._selected=e,this._lastSelectedIndex=this.enabledElementsIndexes.findIndex(o=>o===this._selected),e===null&&this.radioElements[0].setAttribute("tabindex","0"),this.radioElements.filter(o=>this.radioElements.indexOf(o)!==this._selected).forEach(o=>o.uncheck()),this.value=e!==null?this.radioElements[e].value:""}get enabledElementsIndexes(){const e=[];return this.radioElements.forEach(t=>{t.disabled===!1&&e.push(this.radioElements.indexOf(t))}),e}_selectPreviousElement(){this.selected===null||this.selected===this.enabledElementsIndexes[0]?(this.selected=this.enabledElementsIndexes[this.enabledElementsIndexes.length-1],this._lastSelectedIndex=this.enabledElementsIndexes.length-1):(this._lastSelectedIndex--,this.selected=this.enabledElementsIndexes[this._lastSelectedIndex]),this._fireChangeEvent()}_selectNextElement(){this.selected===null||this.selected===this.enabledElementsIndexes[this.enabledElementsIndexes.length-1]?(this.selected=this.enabledElementsIndexes[0],this._lastSelectedIndex=0):(this._lastSelectedIndex++,this.selected=this.enabledElementsIndexes[this._lastSelectedIndex]),this._fireChangeEvent()}_onKeydown(e){switch(e.key){case Vr:case Wr:{e.preventDefault(),this._selectPreviousElement();break}case qr:case Gr:{e.preventDefault(),this._selectNextElement();break}case Xr:this.selected===null&&(this.selected=this.enabledElementsIndexes[0])}}_fireChangeEvent(){this.dispatchEvent(new Ie(Ie.CHANGE))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}}N.formAssociated=!0,oe([T("slot")],N.prototype,"slotElement",2),oe([n({type:Boolean,reflect:!0})],N.prototype,"disabled",1),oe([w()],N.prototype,"value",1),oe([n({type:String})],N.prototype,"name",1),oe([n({type:Number})],N.prototype,"selected",1),p("uui-radio",E),p("uui-radio-group",N);const Kr=c`input[type=range]{left:0;position:absolute;top:0;height:100%;width:100%;z-index:2;height:100%;-webkit-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;-webkit-appearance:none;margin:0;padding:0;border:none;background:0 0;color:transparent;overflow:visible;order:none}input[type=range]:focus::-webkit-slider-runnable-track{background:0 0;border:none}input[type=range]::-moz-range-track{width:100%;height:100%;-moz-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible}input[type=range]::-ms-track{width:100%;height:100%;-webkit-appearance:none;margin:0;padding:0;border:0 none;background:0 0;color:transparent;overflow:visible}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:0 0;border:0 none}input[type=range]::-ms-tooltip{display:none}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer;-webkit-appearance:none}input[type=range]::-ms-thumb{width:18px;height:18px;border-radius:12px;border:0 none;background:0 0;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:0 0}input[type=range]:focus::-ms-fill-upper{background:0 0}`;class De extends W{}De.INPUT="input";var Fr=Object.defineProperty,Zr=Object.getOwnPropertyDescriptor,k=(i,e,t,o)=>{for(var r=o>1?void 0:o?Zr(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Fr(e,t,r),r};const Jr=(i,e)=>C`${i.map(t=>e/6>=5?C`<circle class="uui-slider-circle" cx="${e*i.indexOf(t)}" cy="50%" r="4.2">`:C``)}`,Yr=(i,e,t)=>t?l``:l`<div id="steps-values">${i.map(o=>l`<span class="uui-slider-step">${i.length<=20&&e/6>=5?o.toFixed(0):g}</span>`)}</div>`;class m extends Q("label",h){constructor(){super();this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this._value="",this.hideLabel=!1,this.stepWidth=0,this.onWindowResize=()=>{this.stepWidth=this._calculateStepWidth()},this.steps=[],this.sliderPosition="50%",this.fillScale="0.5",this._range=(e,t,o)=>Array.from({length:(t-e)/o+1},(r,s)=>e+s*o),this._internals=this.attachInternals()}get value(){return this._value}set value(e){const t=this._value;this._value=e,this._calculateSliderPosition(e),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._updateSteps()}_updateSteps(){this.steps=this._range(this.min,this.max-1,this.step),this.stepWidth=this._calculateStepWidth()}updated(e){(e.get("max")||e.get("min")||e.get("step"))&&this._updateSteps()}_calculateStepWidth(){return this.track.getBoundingClientRect().width/this.steps.length}_calculateSliderPosition(e){const t=(parseFloat(e)-this.min)/(this.max-this.min);this.fillScale=`${t}`,this.sliderPosition=`${Math.floor(t*100)}%`}_thumbDynamicStyles(){return{left:this.sliderPosition}}_onInput(){this.value=this.input.value,this.dispatchEvent(new De(De.INPUT))}render(){return l`<input type="range" min="${this.min}" max="${this.max}" .value="${this.value}" id="input1" aria-label="${this.label}" step="${+this.step}" @input="${this._onInput}"><div id="track" aria-hidden="true"><div id="stepper"><svg height="100%" width="100%" class="uui-slider-step"><line x1="0" y1="50%" x2="100%" y2="50%" stroke="black" id="slider-line"/>${Jr(this.steps,this.stepWidth)}</svg></div><div id="thumb" style="${Oe(this._thumbDynamicStyles())}"><div id="value">${this.value}</div></div></div>${Yr(this.steps,this.stepWidth,this.hideStepValues)} ${this.hideLabel===!1?this.renderLabel():""}`}}m.styles=[rr,Kr,c`input[type=range]{box-sizing:border-box}:host{display:inline-block;width:100%;position:relative;margin:12px 0;min-height:30px;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#track{position:relative;top:50%;height:18px;width:100%;display:flex}#thumb{position:absolute;top:0;bottom:0;left:0;height:18px;width:18px;background-color:transparent;border-radius:50%;box-sizing:border-box;border:1px solid var(--uui-interface-select,#3544b1);margin-left:-9px;transition:.1s left ease}#thumb:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:9px;width:9px;background-color:var(--uui-interface-select,#3544b1);border-radius:50%}#thumb:before{content:'';position:absolute;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);height:24px;width:24px;background-color:transparent;border:1px solid var(--uui-interface-select,#3544b1);border-radius:50%;opacity:0}input:hover~#track #thumb:before{-webkit-animation:${at};animation:${at}}input:hover~#track #thumb:after{background-color:var(--uui-interface-select-hover,#4656c8)}input:hover~#track #thumb{border:1px solid var(--uui-interface-select-hover,#4656c8)}#value{position:relative;box-sizing:border-box;font-weight:600;bottom:150%;width:100%;text-align:center;opacity:0;color:var(--uui-interface-select,#3544b1);transition:.2s opacity ease}input:hover~#track #value{opacity:1}#track svg{opacity:.5;transition:.2s opacity ease}input:focus~#track svg{opacity:1}#stepper{position:absolute;top:0;bottom:0;left:0;width:100%}#steps-values{display:flex;align-items:flex-end;box-sizing:border-box}#steps-values>span{flex-basis:0;flex-grow:1;transform:translateX(-50%);display:inline-block;text-align:center;font-size:12px;color:var(--uui-interface-contrast-disabled,#73716e)}#steps-values :first-child{opacity:0}svg>circle:first-of-type{fill:none}#stepper{width:100%}#slider-line{stroke:var(--uui-interface-contrast-disabled,#73716e);stroke-width:1px}.uui-slider-circle{fill:var(--uui-interface-contrast-disabled,#73716e)}label{display:inline-block;margin-top:6px;position:relative;font-weight:2100}@media (prefers-reduced-motion){input:focus~#track #thumb:before{-webkit-animation:none;animation:none}label:before{transition:none}}`],m.formAssociated=!0,k([T("input")],m.prototype,"input",2),k([T("#track")],m.prototype,"track",2),k([n({type:Boolean,attribute:"hide-step-values"})],m.prototype,"hideStepValues",2),k([n({type:Number})],m.prototype,"min",2),k([n({type:Number})],m.prototype,"max",2),k([n({type:Number})],m.prototype,"step",2),k([n({type:String})],m.prototype,"value",1),k([n({type:Boolean,attribute:"hide-label",reflect:!0})],m.prototype,"hideLabel",2),k([w()],m.prototype,"stepWidth",2),k([w()],m.prototype,"steps",2),k([w()],m.prototype,"sliderPosition",2),k([w()],m.prototype,"fillScale",2),p("uui-slider",m);class At extends dt(h){constructor(){super();this.addEventListener("click",this.toggleSelect)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}toggleSelect(){this.selectable!==!1&&(this.selected=!this.selected)}render(){return l`<slot></slot>`}}At.styles=[c`:host{display:table-row;position:relative}:host([selectable]){cursor:pointer}:host([selected]){outline:1px solid var(--uui-interface-select,#3544b1);outline-offset:-2px}`];class he extends h{constructor(){super(...arguments);this.onResize=()=>{this._detectOverflow()}}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onResize),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.onResize)}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}}he.styles=[c`:host{display:table-cell;padding:var(--uui-size-4,12px) var(--uui-size-5,15px);border-top:1px solid var(--uui-interface-border,#c4c4c4);max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;vertical-align:middle}`];class Ct extends he{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}}Ct.styles=[...he.styles,c`:host{border-top:none}`];class St extends h{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}}St.styles=[c`:host{display:table-header-group;font-weight:700}`];class Pt extends h{}Pt.styles=[c`:host{display:table-column}`];class zt extends h{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}}zt.styles=[c`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);cursor:default}`],p("uui-table-column",Pt),p("uui-table-head-cell",Ct),p("uui-table-head",St),p("uui-table-cell",he),p("uui-table-row",At),p("uui-table",zt);var Qr=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,to=(i,e,t,o)=>{for(var r=o>1?void 0:o?eo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&Qr(e,t,r),r};class Le extends nt(Q("",h)){constructor(){super();this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return l`<button type="button" ?disabled="${this.disabled}" role="tab">${this.renderLabel()}</button>`}}Le.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)}`],to([n({type:Boolean,reflect:!0})],Le.prototype,"disabled",2);var ro=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,io=(i,e,t,o)=>{for(var r=o>1?void 0:o?oo(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&ro(e,t,r),r};class Ne extends h{constructor(){super(...arguments);this.tabElements=[],this.onTabActive=e=>{const t=e.target;t.active=!0,this.tabElements.filter(r=>r!==t).forEach(r=>{r.active=!1})}}setTabArray(){this.tabElements=this.slotNodes?this.slotNodes:[]}onSlotChange(){this.setTabArray(),this.tabElements&&this.tabElements.forEach(e=>{e.removeEventListener("click",this.onTabActive)}),this.tabElements.forEach(e=>{e.addEventListener("click",this.onTabActive)})}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>`}}Ne.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)}`],io([se(void 0,!0,"uui-tab")],Ne.prototype,"slotNodes",2),p("uui-tab",Le),p("uui-tab-group",Ne);var so=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,Ot=(i,e,t,o)=>{for(var r=o>1?void 0:o?ao(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&so(e,t,r),r};class be extends h{constructor(){super(...arguments);this.size="m",this.look=ct}render(){return l`<slot></slot>`}}be.styles=[c`:host{display:inline-block;font-family:inherit;font-weight:700;line-height:1.1;font-size:var(--uui-tag-font-size,.9em);padding:calc(var(--uui-tag-font-size)/ 2.3) var(--uui-tag-font-size);border-radius:1000px;background-color:var(--uui-interface-surface-alt,#d8d7d9);color:var(--uui-interface-contrast,#060606);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color 120ms,color 120ms}slot{display:flex;align-items:center}:host([size=xs]){--uui-tag-font-size:10px}:host([size='s']){--uui-tag-font-size:11px}:host([size='m']){--uui-tag-font-size:12px}:host([size='l']){--uui-tag-font-size:13px}:host([size=xl]){--uui-tag-font-size:14px}: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)}`],Ot([n({reflect:!0})],be.prototype,"size",2),Ot([n({reflect:!0})],be.prototype,"look",2),p("uui-tag",be);const no=C`<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>`,lo=C`<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 Te extends y{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-check">${no}</div><div id="icon-wrong">${lo}</div></div>`}}Te.styles=[...y.styles,de,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%)}: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{-webkit-animation:${S};animation:${S}}:host([disabled]) input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}:host([error]) #slider{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) label:hover #slider{border:1px solid var(--uui-look-danger-border,#d42054)}`],Te.formAssociated=!0,p("uui-toggle",Te);var uo=Object.defineProperty,co=Object.getOwnPropertyDescriptor,ho=(i,e,t,o)=>{for(var r=o>1?void 0:o?co(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&uo(e,t,r),r};class He extends h{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>`}}He.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)}`],ho([n({type:Boolean,reflect:!0})],He.prototype,"open",2),p("uui-caret",He);class U extends W{}U.SHOW_CHILDREN="show-children",U.HIDE_CHILDREN="hide-children",U.CLICK_LABEL="click-label";var bo=Object.defineProperty,po=Object.getOwnPropertyDescriptor,pe=(i,e,t,o)=>{for(var r=o>1?void 0:o?po(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,t,r):a(r))||r);return o&&r&&bo(e,t,r),r};class G extends dt(nt(Q("label",h))){constructor(){super(...arguments);this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1}onCaretClicked(){this.showChildren=!this.showChildren;const e=this.showChildren?U.SHOW_CHILDREN:U.HIDE_CHILDREN,t=new U(e);this.dispatchEvent(t)}onLabelClicked(){const e=new U(U.CLICK_LABEL);this.dispatchEvent(e)}render(){return l`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?l`<button id="caret-button" @click="${this.onCaretClicked}"><uui-expand-symbol ?open="${this.showChildren?0:-90}"></uui-expand-symbol></button>`:""} <button id="label-button" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderLabel()}</button><div id="label-button-background"></div><slot id="actions-container" name="actions"></slot>${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?l`<slot></slot>`:""}`}}G.styles=[c`:host{display:block;background-color:var(--uui-interface-surface,#fefefe);--uui-menu-item-child-indent:calc(var(--uui-menu-item-indent, 0) + 1)}#menu-item{position:relative;display:flex;align-items:stretch;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-8,24px));display:grid;grid-template-columns:var(--uui-size-8,24px) 1fr;grid-template-rows:1fr;white-space:nowrap}button{display:block;font-family:inherit;padding:0;text-align:left;box-shadow:none;border:none;color:inherit;background-color:transparent;cursor:pointer;z-index:1;min-height:var(--uui-size-12,36px)}#label-button{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#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}#menu-item:hover #actions-container{opacity:1}#loader{position:absolute;width:100%;bottom:0}:host([disabled]) #label-button{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]) button{color:var(--uui-interface-active-contrast,#162335)}:host([active]) 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]) button{color:var(--uui-interface-select-contrast,#fefefe)}:host([selected]) 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)}`],pe([n({type:Boolean,reflect:!0})],G.prototype,"disabled",2),pe([n({type:Boolean,reflect:!0,attribute:"show-children"})],G.prototype,"showChildren",2),pe([n({type:Boolean,attribute:"has-children"})],G.prototype,"hasChildren",2),pe([n({type:Boolean,attribute:"loading"})],G.prototype,"loading",2),p("uui-menu-item",G)});
|
|
48
48
|
//# sourceMappingURL=uui.min.js.map
|