@umbraco-ui/uui 0.0.7 → 0.0.11
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 +2 -2
- package/custom-elements.json +4936 -0
- package/dist/uui.min.js +476 -15
- package/dist/uui.min.js.map +1 -1
- package/lib/index.d.ts +53 -19
- package/lib/index.js +53 -19
- package/package.json +66 -24
package/dist/uui.min.js
CHANGED
|
@@ -1,48 +1,509 @@
|
|
|
1
|
-
|
|
1
|
+
(function(u){typeof define=="function"&&define.amd?define(u):u()})(function(){"use strict";function u(r,e){return i=>{if(r.indexOf("-")>0===!1){console.error(`${r} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}const t=window.customElements.get(r);t?console.warn(`${r} is already defined`,t):window.customElements.define(r,i,e)}}/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2019 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/const ft=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gt=Symbol(),lr=new Map;class ur{constructor(e,i){if(this._$cssResult$=!0,i!==gt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){let e=lr.get(this.cssText);return ft&&e===void 0&&(lr.set(this.cssText,e=new CSSStyleSheet),e.replaceSync(this.cssText)),e}toString(){return this.cssText}}const ve=r=>new ur(typeof r=="string"?r:r+"",gt),c=(r,...e)=>{const i=r.length===1?r[0]:e.reduce((o,t,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.")})(t)+r[s+1],r[0]);return new ur(i,gt)},Pi=(r,e)=>{ft?r.adoptedStyleSheets=e.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet):e.forEach(i=>{const o=document.createElement("style"),t=window.litNonce;t!==void 0&&o.setAttribute("nonce",t),o.textContent=i.cssText,r.appendChild(o)})},cr=ft?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let i="";for(const o of e.cssRules)i+=o.cssText;return ve(i)})(r):r;/**
|
|
2
6
|
* @license
|
|
3
7
|
* Copyright 2017 Google LLC
|
|
4
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
9
|
+
*/var mt;const dr=window.trustedTypes,Ci=dr?dr.emptyScript:"",hr=window.reactiveElementPolyfillSupport,_t={toAttribute(r,e){switch(e){case Boolean:r=r?Ci:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let i=r;switch(e){case Boolean:i=r!==null;break;case Number:i=r===null?null:Number(r);break;case Object:case Array:try{i=JSON.parse(r)}catch{i=null}}return i}},pr=(r,e)=>e!==r&&(e==e||r==r),yt={attribute:!0,type:String,converter:_t,reflect:!1,hasChanged:pr};class J extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(e){var i;(i=this.l)!==null&&i!==void 0||(this.l=[]),this.l.push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((i,o)=>{const t=this._$Eh(o,i);t!==void 0&&(this._$Eu.set(t,o),e.push(t))}),e}static createProperty(e,i=yt){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(e,i),!i.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,t=this.getPropertyDescriptor(e,o,i);t!==void 0&&Object.defineProperty(this.prototype,e,t)}}static getPropertyDescriptor(e,i,o){return{get(){return this[i]},set(t){const s=this[e];this[i]=t,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||yt}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 i=this.properties,o=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(const t of o)this.createProperty(t,i[t])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const i=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const t of o)i.unshift(cr(t))}else e!==void 0&&i.push(cr(e));return i}static _$Eh(e,i){const o=i.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}o(){var e;this._$Ep=new Promise(i=>this.enableUpdating=i),this._$AL=new Map,this._$Em(),this.requestUpdate(),(e=this.constructor.l)===null||e===void 0||e.forEach(i=>i(this))}addController(e){var i,o;((i=this._$Eg)!==null&&i!==void 0?i:this._$Eg=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var i;(i=this._$Eg)===null||i===void 0||i.splice(this._$Eg.indexOf(e)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach((e,i)=>{this.hasOwnProperty(i)&&(this._$Et.set(i,this[i]),delete this[i])})}createRenderRoot(){var e;const i=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Pi(i,this.constructor.elementStyles),i}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$Eg)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostConnected)===null||o===void 0?void 0:o.call(i)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$Eg)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostDisconnected)===null||o===void 0?void 0:o.call(i)})}attributeChangedCallback(e,i,o){this._$AK(e,o)}_$ES(e,i,o=yt){var t,s;const a=this.constructor._$Eh(e,o);if(a!==void 0&&o.reflect===!0){const b=((s=(t=o.converter)===null||t===void 0?void 0:t.toAttribute)!==null&&s!==void 0?s:_t.toAttribute)(i,o.type);this._$Ei=e,b==null?this.removeAttribute(a):this.setAttribute(a,b),this._$Ei=null}}_$AK(e,i){var o,t,s;const a=this.constructor,b=a._$Eu.get(e);if(b!==void 0&&this._$Ei!==b){const h=a.getPropertyOptions(b),p=h.converter,A=(s=(t=(o=p)===null||o===void 0?void 0:o.fromAttribute)!==null&&t!==void 0?t:typeof p=="function"?p:null)!==null&&s!==void 0?s:_t.fromAttribute;this._$Ei=b,this[b]=A(i,h.type),this._$Ei=null}}requestUpdate(e,i,o){let t=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||pr)(this[e],i)?(this._$AL.has(e)||this._$AL.set(e,i),o.reflect===!0&&this._$Ei!==e&&(this._$E_===void 0&&(this._$E_=new Map),this._$E_.set(e,o))):t=!1),!this.isUpdatePending&&t&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(i){Promise.reject(i)}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((t,s)=>this[s]=t),this._$Et=void 0);let i=!1;const o=this._$AL;try{i=this.shouldUpdate(o),i?(this.willUpdate(o),(e=this._$Eg)===null||e===void 0||e.forEach(t=>{var s;return(s=t.hostUpdate)===null||s===void 0?void 0:s.call(t)}),this.update(o)):this._$EU()}catch(t){throw i=!1,this._$EU(),t}i&&this._$AE(o)}willUpdate(e){}_$AE(e){var i;(i=this._$Eg)===null||i===void 0||i.forEach(o=>{var t;return(t=o.hostUpdated)===null||t===void 0?void 0:t.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((i,o)=>this._$ES(o,this[o],i)),this._$E_=void 0),this._$EU()}updated(e){}firstUpdated(e){}}J.finalized=!0,J.elementProperties=new Map,J.elementStyles=[],J.shadowRootOptions={mode:"open"},hr==null||hr({ReactiveElement:J}),((mt=globalThis.reactiveElementVersions)!==null&&mt!==void 0?mt:globalThis.reactiveElementVersions=[]).push("1.2.2");/**
|
|
6
10
|
* @license
|
|
7
11
|
* Copyright 2017 Google LLC
|
|
8
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/function f(i){return
|
|
13
|
+
*/var xt;const ee=globalThis.trustedTypes,vr=ee?ee.createPolicy("lit-html",{createHTML:r=>r}):void 0,T=`lit$${(Math.random()+"").slice(9)}$`,br="?"+T,Oi=`<${br}>`,te=document,be=(r="")=>te.createComment(r),fe=r=>r===null||typeof r!="object"&&typeof r!="function",fr=Array.isArray,zi=r=>{var e;return fr(r)||typeof((e=r)===null||e===void 0?void 0:e[Symbol.iterator])=="function"},ge=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,gr=/-->/g,mr=/>/g,K=/>|[ \n\r](?:([^\s"'>=/]+)([ \n\r]*=[ \n\r]*(?:[^ \n\r"'`<>=]|("|')|))|$)/g,_r=/'/g,yr=/"/g,xr=/^(?:script|style|textarea|title)$/i,wr=r=>(e,...i)=>({_$litType$:r,strings:e,values:i}),l=wr(1),v=wr(2),M=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),$r=new WeakMap,Ai=(r,e,i)=>{var o,t;const s=(o=i==null?void 0:i.renderBefore)!==null&&o!==void 0?o:e;let a=s._$litPart$;if(a===void 0){const b=(t=i==null?void 0:i.renderBefore)!==null&&t!==void 0?t:null;s._$litPart$=a=new _e(e.insertBefore(be(),b),b,void 0,i??{})}return a._$AI(r),a},re=te.createTreeWalker(te,129,null,!1),Ii=(r,e)=>{const i=r.length-1,o=[];let t,s=e===2?"<svg>":"",a=ge;for(let h=0;h<i;h++){const p=r[h];let A,f,_=-1,I=0;for(;I<p.length&&(a.lastIndex=I,f=a.exec(p),f!==null);)I=a.lastIndex,a===ge?f[1]==="!--"?a=gr:f[1]!==void 0?a=mr:f[2]!==void 0?(xr.test(f[2])&&(t=RegExp("</"+f[2],"g")),a=K):f[3]!==void 0&&(a=K):a===K?f[0]===">"?(a=t??ge,_=-1):f[1]===void 0?_=-2:(_=a.lastIndex-f[2].length,A=f[1],a=f[3]===void 0?K:f[3]==='"'?yr:_r):a===yr||a===_r?a=K:a===gr||a===mr?a=ge:(a=K,t=void 0);const vt=a===K&&r[h+1].startsWith("/>")?" ":"";s+=a===ge?p+Oi:_>=0?(o.push(A),p.slice(0,_)+"$lit$"+p.slice(_)+T+vt):p+T+(_===-2?(o.push(void 0),h):vt)}const b=s+(r[i]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return[vr!==void 0?vr.createHTML(b):b,o]};class me{constructor({strings:e,_$litType$:i},o){let t;this.parts=[];let s=0,a=0;const b=e.length-1,h=this.parts,[p,A]=Ii(e,i);if(this.el=me.createElement(p,o),re.currentNode=this.el.content,i===2){const f=this.el.content,_=f.firstChild;_.remove(),f.append(..._.childNodes)}for(;(t=re.nextNode())!==null&&h.length<b;){if(t.nodeType===1){if(t.hasAttributes()){const f=[];for(const _ of t.getAttributeNames())if(_.endsWith("$lit$")||_.startsWith(T)){const I=A[a++];if(f.push(_),I!==void 0){const vt=t.getAttribute(I.toLowerCase()+"$lit$").split(T),bt=/([.?@])?(.*)/.exec(I);h.push({type:1,index:s,name:bt[2],strings:vt,ctor:bt[1]==="."?Ui:bt[1]==="?"?Ni:bt[1]==="@"?ji:Le})}else h.push({type:6,index:s})}for(const _ of f)t.removeAttribute(_)}if(xr.test(t.tagName)){const f=t.textContent.split(T),_=f.length-1;if(_>0){t.textContent=ee?ee.emptyScript:"";for(let I=0;I<_;I++)t.append(f[I],be()),re.nextNode(),h.push({type:2,index:++s});t.append(f[_],be())}}}else if(t.nodeType===8)if(t.data===br)h.push({type:2,index:s});else{let f=-1;for(;(f=t.data.indexOf(T,f+1))!==-1;)h.push({type:7,index:s}),f+=T.length-1}s++}}static createElement(e,i){const o=te.createElement("template");return o.innerHTML=e,o}}function ie(r,e,i=r,o){var t,s,a,b;if(e===M)return e;let h=o!==void 0?(t=i._$Cl)===null||t===void 0?void 0:t[o]:i._$Cu;const p=fe(e)?void 0:e._$litDirective$;return(h==null?void 0:h.constructor)!==p&&((s=h==null?void 0:h._$AO)===null||s===void 0||s.call(h,!1),p===void 0?h=void 0:(h=new p(r),h._$AT(r,i,o)),o!==void 0?((a=(b=i)._$Cl)!==null&&a!==void 0?a:b._$Cl=[])[o]=h:i._$Cu=h),h!==void 0&&(e=ie(r,h._$AS(r,e.values),h,o)),e}class Si{constructor(e,i){this.v=[],this._$AN=void 0,this._$AD=e,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(e){var i;const{el:{content:o},parts:t}=this._$AD,s=((i=e==null?void 0:e.creationScope)!==null&&i!==void 0?i:te).importNode(o,!0);re.currentNode=s;let a=re.nextNode(),b=0,h=0,p=t[0];for(;p!==void 0;){if(b===p.index){let A;p.type===2?A=new _e(a,a.nextSibling,this,e):p.type===1?A=new p.ctor(a,p.name,p.strings,this,e):p.type===6&&(A=new Li(a,this,e)),this.v.push(A),p=t[++h]}b!==(p==null?void 0:p.index)&&(a=re.nextNode(),b++)}return s}m(e){let i=0;for(const o of this.v)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,i),i+=o.strings.length-2):o._$AI(e[i])),i++}}class _e{constructor(e,i,o,t){var s;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=e,this._$AB=i,this._$AM=o,this.options=t,this._$Cg=(s=t==null?void 0:t.isConnected)===null||s===void 0||s}get _$AU(){var e,i;return(i=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&i!==void 0?i:this._$Cg}get parentNode(){let e=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&e.nodeType===11&&(e=i.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,i=this){e=ie(this,e,i),fe(e)?e===g||e==null||e===""?(this._$AH!==g&&this._$AR(),this._$AH=g):e!==this._$AH&&e!==M&&this.$(e):e._$litType$!==void 0?this.T(e):e.nodeType!==void 0?this.S(e):zi(e)?this.A(e):this.$(e)}M(e,i=this._$AB){return this._$AA.parentNode.insertBefore(e,i)}S(e){this._$AH!==e&&(this._$AR(),this._$AH=this.M(e))}$(e){this._$AH!==g&&fe(this._$AH)?this._$AA.nextSibling.data=e:this.S(te.createTextNode(e)),this._$AH=e}T(e){var i;const{values:o,_$litType$:t}=e,s=typeof t=="number"?this._$AC(e):(t.el===void 0&&(t.el=me.createElement(t.h,this.options)),t);if(((i=this._$AH)===null||i===void 0?void 0:i._$AD)===s)this._$AH.m(o);else{const a=new Si(s,this),b=a.p(this.options);a.m(o),this.S(b),this._$AH=a}}_$AC(e){let i=$r.get(e.strings);return i===void 0&&$r.set(e.strings,i=new me(e)),i}A(e){fr(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let o,t=0;for(const s of e)t===i.length?i.push(o=new _e(this.M(be()),this.M(be()),this,this.options)):o=i[t],o._$AI(s),t++;t<i.length&&(this._$AR(o&&o._$AB.nextSibling,t),i.length=t)}_$AR(e=this._$AA.nextSibling,i){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,i);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var i;this._$AM===void 0&&(this._$Cg=e,(i=this._$AP)===null||i===void 0||i.call(this,e))}}class Le{constructor(e,i,o,t,s){this.type=1,this._$AH=g,this._$AN=void 0,this.element=e,this.name=i,this._$AM=t,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,i=this,o,t){const s=this.strings;let a=!1;if(s===void 0)e=ie(this,e,i,0),a=!fe(e)||e!==this._$AH&&e!==M,a&&(this._$AH=e);else{const b=e;let h,p;for(e=s[0],h=0;h<s.length-1;h++)p=ie(this,b[o+h],i,h),p===M&&(p=this._$AH[h]),a||(a=!fe(p)||p!==this._$AH[h]),p===g?e=g:e!==g&&(e+=(p??"")+s[h+1]),this._$AH[h]=p}a&&!t&&this.k(e)}k(e){e===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Ui extends Le{constructor(){super(...arguments),this.type=3}k(e){this.element[this.name]=e===g?void 0:e}}const Di=ee?ee.emptyScript:"";class Ni extends Le{constructor(){super(...arguments),this.type=4}k(e){e&&e!==g?this.element.setAttribute(this.name,Di):this.element.removeAttribute(this.name)}}class ji extends Le{constructor(e,i,o,t,s){super(e,i,o,t,s),this.type=5}_$AI(e,i=this){var o;if((e=(o=ie(this,e,i,0))!==null&&o!==void 0?o:g)===M)return;const t=this._$AH,s=e===g&&t!==g||e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive,a=e!==g&&(t===g||s);s&&this.element.removeEventListener(this.name,this,t),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var i,o;typeof this._$AH=="function"?this._$AH.call((o=(i=this.options)===null||i===void 0?void 0:i.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class Li{constructor(e,i,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=i,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){ie(this,e)}}const kr=window.litHtmlPolyfillSupport;kr==null||kr(me,_e),((xt=globalThis.litHtmlVersions)!==null&&xt!==void 0?xt:globalThis.litHtmlVersions=[]).push("2.1.3");/**
|
|
10
14
|
* @license
|
|
11
15
|
* Copyright 2017 Google LLC
|
|
12
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
17
|
+
*/var wt,$t;class d extends J{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var e,i;const o=super.createRenderRoot();return(e=(i=this.renderOptions).renderBefore)!==null&&e!==void 0||(i.renderBefore=o.firstChild),o}update(e){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Dt=Ai(i,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 M}}d.finalized=!0,d._$litElement$=!0,(wt=globalThis.litElementHydrateSupport)===null||wt===void 0||wt.call(globalThis,{LitElement:d});const Er=globalThis.litElementPolyfillSupport;Er==null||Er({LitElement:d}),(($t=globalThis.litElementVersions)!==null&&$t!==void 0?$t:globalThis.litElementVersions=[]).push("3.1.2");var Hi=Object.defineProperty,Ti=Object.getOwnPropertyDescriptor,Mi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ti(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Hi(e,i,t),t};let ye=class extends d{render(){return l`<slot></slot>`}};ye.styles=[c`:host{display:inline-flex;align-items:stretch}::slotted(*){--uui-button-border-radius:0;flex-grow:1}::slotted(:not(:first-child)){--uui-button-merge-border-left:1}::slotted(:first-child){--uui-button-border-radius:var(--uui-border-radius,3px) 0 0 var(--uui-border-radius,3px)}::slotted(:last-child){--uui-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(uui-dropdown){--uui-dropdown-toggle-slot-button-border-radius:0}::slotted(uui-dropdown:not(:first-child)){--uui-dropdown-toggle-slot-button-merge-border-left:1}::slotted(uui-dropdown:first-child){--uui-dropdown-toggle-slot-button-border-radius:var(
|
|
18
|
+
--uui-border-radius,3px
|
|
19
|
+
) 0 0 var(--uui-border-radius,3px)}::slotted(uui-dropdown:last-child){--uui-dropdown-toggle-slot-button-border-radius:0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0}::slotted(:hover){z-index:1}`],ye=Mi([u("uui-button-group")],ye);var Bi=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,Vi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ri(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Bi(e,i,t),t};let kt=class extends ye{};kt.styles=[...ye.styles,c`::slotted(*){--uui-button-padding-left-factor:0.5;--uui-button-padding-right-factor:0.5}::slotted(uui-button:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:2}::slotted(uui-button:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:2}::slotted(uui-button:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:2;--uui-button-padding-right-factor:2}::slotted([look=outline]),::slotted([look=placeholder]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}::slotted(uui-button[look=outline]:first-child),::slotted(uui-button[look=placeholder]:first-child){--uui-button-border-radius:50px 0 0 50px;--uui-button-padding-left-factor:1.5}::slotted(uui-button[look=outline]:last-child),::slotted(uui-button[look=placeholder]:last-child){--uui-button-border-radius:0 50px 50px 0;--uui-button-padding-right-factor:1.5}::slotted(uui-button[look=outline]:first-child:last-child),::slotted(uui-button[look=placeholder]:first-child:last-child){--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}`],kt=Vi([u("uui-action-bar")],kt);/**
|
|
14
20
|
* @license
|
|
15
21
|
* Copyright 2017 Google LLC
|
|
16
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/
|
|
23
|
+
*/const Fi=(r,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.createProperty(e.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,r)}};function n(r){return(e,i)=>i!==void 0?((o,t,s)=>{t.constructor.createProperty(s,o)})(r,e,i):Fi(r,e)}/**
|
|
18
24
|
* @license
|
|
19
25
|
* Copyright 2017 Google LLC
|
|
20
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
|
-
*/function
|
|
27
|
+
*/function m(r){return n({...r,state:!0})}/**
|
|
22
28
|
* @license
|
|
23
|
-
* Copyright
|
|
29
|
+
* Copyright 2017 Google LLC
|
|
24
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/const
|
|
31
|
+
*/const He=({finisher:r,descriptor:e})=>(i,o)=>{var t;if(o===void 0){const s=(t=i.originalKey)!==null&&t!==void 0?t:i.key,a=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(i.key)}:{...i,key:s};return r!=null&&(a.finisher=function(b){r(b,s)}),a}{const s=i.constructor;e!==void 0&&Object.defineProperty(i,o,e(o)),r==null||r(s,o)}};/**
|
|
26
32
|
* @license
|
|
27
33
|
* Copyright 2017 Google LLC
|
|
28
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/
|
|
35
|
+
*/function B(r,e){return He({descriptor:i=>{const o={get(){var t,s;return(s=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelector(r))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const t=typeof i=="symbol"?Symbol():"__"+i;o.get=function(){var s,a;return this[t]===void 0&&(this[t]=(a=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(r))!==null&&a!==void 0?a:null),this[t]}}return o}})}/**
|
|
30
36
|
* @license
|
|
31
37
|
* Copyright 2017 Google LLC
|
|
32
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/
|
|
39
|
+
*/function qi(r){return He({descriptor:e=>({get(){var i,o;return(o=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelectorAll(r))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
40
|
+
* @license
|
|
41
|
+
* Copyright 2021 Google LLC
|
|
42
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
+
*/var Et;const Gi=((Et=window.HTMLSlotElement)===null||Et===void 0?void 0:Et.prototype.assignedElements)!=null?(r,e)=>r.assignedElements(e):(r,e)=>r.assignedNodes(e).filter(i=>i.nodeType===Node.ELEMENT_NODE);function Pr(r){const{slot:e,selector:i}=r??{};return He({descriptor:o=>({get(){var t;const s="slot"+(e?`[name=${e}]`:":not([name])"),a=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelector(s),b=a!=null?Gi(a,r):[];return i?b.filter(h=>h.matches(i)):b},enumerable:!0,configurable:!0})})}/**
|
|
34
44
|
* @license
|
|
35
45
|
* Copyright 2017 Google LLC
|
|
36
46
|
* 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(
|
|
38
|
-
|
|
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);/**
|
|
47
|
+
*/function Pt(r,e,i){let o,t=r;return typeof r=="object"?(t=r.slot,o=r):o={flatten:e},i?Pr({slot:t,flatten:e,selector:i}):He({descriptor:s=>({get(){var a,b;const h="slot"+(t?`[name=${t}]`:":not([name])"),p=(a=this.renderRoot)===null||a===void 0?void 0:a.querySelector(h);return(b=p==null?void 0:p.assignedNodes(o))!==null&&b!==void 0?b:[]},enumerable:!0,configurable:!0})})}var Wi=Object.defineProperty,Ki=Object.getOwnPropertyDescriptor,Te=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ki(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Wi(e,i,t),t};let oe=class extends d{constructor(){super(...arguments);this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(r){r.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((r,e)=>{r.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`<slot @slotchange="${this._onSlotChange}"></slot>${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}`}};oe.styles=[c`:host{display:inline-flex;align-items:center;padding-left:3px;padding-right:3px}::slotted(uui-avatar){margin-left:-.2em;margin-right:-.2em;border:.1em solid var(--uui-avatar-border-color)}#overflow-indication{margin-left:6px}`],Te([Pr({slot:void 0,selector:"uui-avatar",flatten:!0})],oe.prototype,"_avatarNodes",2),Te([m()],oe.prototype,"_avatarArray",2),Te([n({type:Number,attribute:!0})],oe.prototype,"limit",2),oe=Te([u("uui-avatar-group")],oe);var Yi=Object.defineProperty,Xi=Object.getOwnPropertyDescriptor,se=(r,e,i,o)=>{for(var t=o>1?void 0:o?Xi(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Yi(e,i,t),t};let R=class extends d{constructor(){super(...arguments);this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(r){const e=this._name;this._name=r,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(r){let e="";if(r){const i=r.match(/(\w+)/g)||[];e=i[0].substring(0,1),i.length>1&&(e+=i[i.length-1].substring(0,1))}return e.toUpperCase()}renderImage(){return l`<img src="${this.imgSrc}" srcset="${this.imgSrcset}" alt="${this.initials}" title="${this.name}">`}render(){return l`${this.imgSrc?this.renderImage():""} ${this.imgSrc?"":this.initials}<slot></slot>`}};R.styles=[c`:host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%;font-weight:700;-webkit-font-smoothing:subpixel-antialiased;width:calc(2em + 4px);height:calc(2em + 4px);user-select:none;aspect-ratio:1;background-color:var(--uui-color-spanish-pink,#f5c1bc);color:var(--uui-color-space-cadet,#1b264f)}:host([overflow]){overflow:unset}img{object-fit:cover;height:100%;width:100%;overflow:hidden;border-radius:50%}`],se([n({type:Boolean,attribute:!0,reflect:!0})],R.prototype,"overflow",2),se([n({type:String,attribute:"img-src"})],R.prototype,"imgSrc",2),se([n({type:String,attribute:"img-srcset"})],R.prototype,"imgSrcset",2),se([n({type:String,reflect:!0})],R.prototype,"name",1),se([m()],R.prototype,"initials",2),R=se([u("uui-avatar")],R);var Qi=Object.defineProperty,Zi=Object.getOwnPropertyDescriptor,Ct=(r,e,i,o)=>{for(var t=o>1?void 0:o?Zi(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Qi(e,i,t),t};let xe=class extends d{constructor(){super(...arguments);this.look="danger",this.attention=!1}render(){return l`<slot></slot>`}};xe.styles=[c`:host{position:absolute;display:flex;justify-content:center;align-items:center;padding:var(--uui-size-1,3px) var(--uui-size-2,6px);--uui-badge-inset:-8px -8px auto auto;inset:var(--uui-badge-inset);text-align:center;font-size:var(--uui-badge-font-size,var(--uui-type-small-size,12px));font-weight:900;line-height:1;margin-right:0!important;min-width:var(--uui-size-8,24px);min-height:var(--uui-size-8,24px);box-sizing:border-box;border-width:var(--uui-badge-border-width,1px);border-style:solid;border-color:var(--uui-badge-border-color,var(--uui-interface-surface,#fefefe));border-radius:var(--uui-size-4,12px);background-color:var(--uui-badge-background-color,var(--uui-interface-surface,#fefefe));color:var(--uui-badge-contrast,var(--uui-interface-contrast,#060606))}::slotted(uui-icon){margin-left:-.2em;margin-right:-.2em}@keyframes --uui-badge-bounce{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(0)}55%{transform:translateY(-3px)}70%{transform:translateY(0)}100%{transform:translateY(0)}}:host([attention]){animation-duration:1.4s;animation-iteration-count:infinite;animation-name:--uui-badge-bounce;animation-timing-function:ease}@media (prefers-reduced-motion){:host([attention]){animation:none}}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-primary-border-style,solid));border-color:var(--uui-look-primary-border,#1b264f)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-secondary-border-style,solid));border-color:var(--uui-look-secondary-border,#e2dad4)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-outline-border-style,solid));border-color:var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-badge-border-style,var(--uui-look-placeholder-border-style,dashed));border-color:var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-positive-border-style,solid));border-color:var(--uui-look-positive-border,#25aa60)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-badge-border-style,var(--uui-look-warning-border-style,solid));border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-badge-border-style,var(--uui-look-danger-border-style,solid));border-color:var(--uui-look-danger-border,#d42054)}`],Ct([n({type:String,reflect:!0})],xe.prototype,"look",2),Ct([n({type:Boolean,reflect:!0})],xe.prototype,"attention",2),xe=Ct([u("uui-badge")],xe);var Ji=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,to=(r,e,i,o)=>{for(var t=o>1?void 0:o?eo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ji(e,i,t),t};let Ot=class extends d{render(){return l`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}};Ot.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)}`],Ot=to([u("uui-box")],Ot);var ro=Object.defineProperty,io=Object.getOwnPropertyDescriptor,oo=(r,e,i,o)=>{for(var t=o>1?void 0:o?io(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ro(e,i,t),t};let zt=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){const r=this.querySelectorAll("uui-breadcrumb-item"),e=Array.from(r);(e==null?void 0:e.length)>0&&(e[e.length-1].lastItem=!0,e[e.length-1].setAttribute("aria-current","page"))}render(){return l`<ol id="breadcrumbs-list"><slot @slotchange="${this.handleSlotChange}"></slot></ol>`}};zt.styles=[c`:host{display:flex}#breadcrumbs-list{display:flex;list-style-type:decimal;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}`],zt=oo([u("uui-breadcrumbs")],zt);var so=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,At=(r,e,i,o)=>{for(var t=o>1?void 0:o?ao(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&so(e,i,t),t};let we=class extends d{constructor(){super(...arguments);this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href="${this.href}"><slot></slot></a><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};we.styles=[c`:host{font-size:var(--uui-type-small-size,12px);color:currentColor}a,a:visited{color:currentColor}a:hover{color:var(--uui-interface-contrast-hover,#1b264f)}a:focus{color:var(--uui-interface-contrast-focus,#060606)}[part=separator]::after{content:'/';speak:never;position:relative;top:1px;margin:-3px 1px 0;color:var(--uui-interface-border,#c4c4c4)}#last-item,#link{padding:0 4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#link{cursor:pointer}`],At([n()],we.prototype,"href",2),At([n({type:Boolean,attribute:"last-item"})],we.prototype,"lastItem",2),we=At([u("uui-breadcrumb-item")],we);/**
|
|
48
|
+
* @license
|
|
49
|
+
* Copyright 2017 Google LLC
|
|
50
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
+
*/const Cr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Or=r=>(...e)=>({_$litDirective$:r,values:e});class zr{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,i,o){this._$Ct=e,this._$AM=i,this._$Ci=o}_$AS(e,i){return this.update(e,i)}update(e,i){return this.render(...i)}}/**
|
|
52
|
+
* @license
|
|
53
|
+
* Copyright 2018 Google LLC
|
|
54
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
+
*/const Me=Or(class extends zr{constructor(r){var e;if(super(r),r.type!==Cr.ATTRIBUTE||r.name!=="style"||((e=r.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(r){return Object.keys(r).reduce((e,i)=>{const o=r[i];return o==null?e:e+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(r,[e]){const{style:i}=r.element;if(this.ct===void 0){this.ct=new Set;for(const o in e)this.ct.add(o);return this.render(e)}this.ct.forEach(o=>{e[o]==null&&(this.ct.delete(o),o.includes("-")?i.removeProperty(o):i[o]="")});for(const o in e){const t=e[o];t!=null&&(this.ct.add(o),o.includes("-")?i.setProperty(o,t):i[o]=t)}return M}}),no=c`@keyframes uui-blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`,lo=ve("uui-blink 0.9s infinite both"),uo=c`@keyframes pulse{0%{-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);opacity:.9}80%{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2);opacity:0}}`;ve("pulse 0.8s ease-in-out infinite both");const Be=c`@keyframes uui-horizontal-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(1px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}`,Re=ve("uui-horizontal-shake 600ms ease backwards");var co=Object.defineProperty,ho=Object.getOwnPropertyDescriptor,po=(r,e,i,o)=>{for(var t=o>1?void 0:o?ho(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&co(e,i,t),t};const It=r=>{class e extends r{constructor(){super(...arguments);this.active=!1}}return po([n({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var vo=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,Ar=(r,e,i,o)=>{for(var t=o>1?void 0:o?bo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&vo(e,i,t),t};const $e=(r,e)=>{class i extends e{constructor(){super(...arguments);this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(t){this._labelSlotHasContent=t.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="${r||""}" @slotchange="${this.labelSlotChanged}"></slot>`}}return Ar([n({type:String})],i.prototype,"label",2),Ar([m()],i.prototype,"_labelSlotHasContent",2),i};var fo=Object.defineProperty,Ir=Object.getOwnPropertySymbols,go=Object.prototype.hasOwnProperty,mo=Object.prototype.propertyIsEnumerable,Sr=(r,e,i)=>e in r?fo(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,Ur=(r,e)=>{for(var i in e||(e={}))go.call(e,i)&&Sr(r,i,e[i]);if(Ir)for(var i of Ir(e))mo.call(e,i)&&Sr(r,i,e[i]);return r};const _o={composed:!0};class yo extends Event{constructor(e,i={}){super(e,Ur(Ur({},_o),i));this.detail=i.detail||{}}}class ke extends yo{}ke.SELECTED="selected",ke.UNSELECTED="unselected";var xo=Object.defineProperty,wo=Object.getOwnPropertyDescriptor,Dr=(r,e,i,o)=>{for(var t=o>1?void 0:o?wo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&xo(e,i,t),t};const Ve=r=>{class e extends r{constructor(...o){super(...o);this._selectable=!1,this.selected=!1,this.addEventListener("click",this._toggleSelect),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const t=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",t)}handleSelectKeydown(o){o.key!==" "&&o.key!=="Enter"||(o.preventDefault(),this._toggleSelect())}_toggleSelect(){this.selectable!==!1&&(this.selected=!this.selected,this.dispatchEvent(new ke(this.selected?ke.SELECTED:ke.UNSELECTED,this)))}}return Dr([n({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Dr([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var $o=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,Eo=(r,e,i,o)=>{for(var t=o>1?void 0:o?ko(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&$o(e,i,t),t};const Fe=r=>{class e extends r{constructor(){super(...arguments);this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const t=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",t)}}return Eo([n({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Po=Object.defineProperty,Nr=Object.getOwnPropertySymbols,Co=Object.prototype.hasOwnProperty,Oo=Object.prototype.propertyIsEnumerable,jr=(r,e,i)=>e in r?Po(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,Lr=(r,e)=>{for(var i in e||(e={}))Co.call(e,i)&&jr(r,i,e[i]);if(Nr)for(var i of Nr(e))Oo.call(e,i)&&jr(r,i,e[i]);return r};const zo={composed:!0};class Hr extends Event{constructor(e,i={}){super(e,Lr(Lr({},zo),i));this.detail=i.detail||{}}}var Ao=Object.defineProperty,Tr=Object.getOwnPropertySymbols,Io=Object.prototype.hasOwnProperty,So=Object.prototype.propertyIsEnumerable,Mr=(r,e,i)=>e in r?Ao(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,Br=(r,e)=>{for(var i in e||(e={}))Io.call(e,i)&&Mr(r,i,e[i]);if(Tr)for(var i of Tr(e))So.call(e,i)&&Mr(r,i,e[i]);return r};class ae extends Hr{constructor(e,i={}){super(e,Br(Br({},{bubbles:!0}),i))}}ae.VALID="valid",ae.INVALID="invalid";class Rr extends Hr{}Rr.SELECTED="selected",Rr.UNSELECTED="unselected";var Uo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,Y=(r,e,i,o)=>{for(var t=o>1?void 0:o?Do(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Uo(e,i,t),t};const qe=r=>{class e extends r{constructor(...o){super(...o);this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const t=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",t)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,t,s){this._validators.push({flagKey:o,getMessage:t,checkMethod:s})}_runValidators(){this._validators.forEach(t=>{t.checkMethod()?(this._validityState[t.flagKey]=!0,this._internals.setValidity(this._validityState,t.getMessage(),this.getFormElement())):this._validityState[t.flagKey]=!1}),Object.values(this._validityState).includes(!0)?this.dispatchEvent(new ae(ae.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new ae(ae.VALID)))}updated(o){super.updated(o),this._runValidators()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("invalid-submit")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;return(o=this._internals)==null?void 0:o.checkValidity()}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,Y([n({type:String})],e.prototype,"name",2),Y([n()],e.prototype,"value",1),Y([n({type:Boolean,reflect:!0})],e.prototype,"pristine",2),Y([n({type:Boolean,reflect:!0})],e.prototype,"required",2),Y([n({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),Y([n({type:Boolean,reflect:!0})],e.prototype,"error",2),Y([n({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var No=Object.defineProperty,Vr=Object.getOwnPropertySymbols,jo=Object.prototype.hasOwnProperty,Lo=Object.prototype.propertyIsEnumerable,Fr=(r,e,i)=>e in r?No(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,qr=(r,e)=>{for(var i in e||(e={}))jo.call(e,i)&&Fr(r,i,e[i]);if(Vr)for(var i of Vr(e))Lo.call(e,i)&&Fr(r,i,e[i]);return r};const Ho={composed:!0};class x extends Event{constructor(e,i={}){super(e,qr(qr({},Ho),i));this.detail=i.detail||{}}}var To=Object.defineProperty,Gr=Object.getOwnPropertySymbols,Mo=Object.prototype.hasOwnProperty,Bo=Object.prototype.propertyIsEnumerable,Wr=(r,e,i)=>e in r?To(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,Kr=(r,e)=>{for(var i in e||(e={}))Mo.call(e,i)&&Wr(r,i,e[i]);if(Gr)for(var i of Gr(e))Bo.call(e,i)&&Wr(r,i,e[i]);return r};class Yr extends x{constructor(e,i={}){super(e,Kr(Kr({},{bubbles:!0}),i))}}Yr.VALID="valid",Yr.INVALID="invalid";class Xr extends x{}Xr.SELECTED="selected",Xr.UNSELECTED="unselected";class St extends x{}St.CLICK="click";var Ro=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,Ut=(r,e,i,o)=>{for(var t=o>1?void 0:o?Vo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ro(e,i,t),t};let Ee=class extends $e("",d){constructor(){super(...arguments);this.position=0,this.vertical=!1}_onMouseMove(r){this.position=this.vertical?r.offsetY:r.offsetX}_handleClick(r){r.preventDefault(),r.stopImmediatePropagation(),this.dispatchEvent(new St(St.CLICK))}render(){return l`<button id="button-wrapper" @mousemove="${this._onMouseMove}" @click="${this._handleClick}" aria-label="${this.label?this.label:"create new element"}"><div id="plus" style="${Me({left:this.vertical?"":this.position+"px",top:this.vertical?this.position+"px":""})}"><svg id="plus-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg></div></button>`}};Ee.styles=[no,c`:host{display:flex;position:relative;z-index:1}:host(:not([vertical])){height:20px;width:100%;margin:-8px 0}:host([vertical]){height:100%;width:20px;margin:0 -8px}#button-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;outline:0;transition:opacity .24s;display:inline-flex;width:100%;border:none;height:100%;padding:0;text-decoration:none;background:0 0;color:currentColor;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;opacity:0}:host(:focus) #button-wrapper,:host(:focus-within) #button-wrapper,:host(:hover) #button-wrapper{opacity:1}#button-wrapper:before{content:'';position:absolute;right:0;left:0;height:2px;background-color:var(--uui-interface-select,#3544b1);border-top:1px solid var(--uui-interface-surface,#fefefe);border-bottom:1px solid var(--uui-interface-surface,#fefefe);border-radius:2px;pointer-events:none;animation:${lo}}:host(:not([vertical])) #button-wrapper:before{top:50%;transform:translateY(-50%)}:host([vertical]) #button-wrapper:before{height:100%;width:2px;left:50%;transform:translateX(-50%)}:host(:not([vertical]):not(:hover)) #plus:not(:focus){left:calc(50% - 2px)!important}:host([vertical]:not(:hover)) #plus:not(:focus){top:calc(50% - 2px)!important}#plus{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:3em;font-size:14px;border:2px solid var(--uui-interface-select,#3544b1);color:var(--uui-interface-select,#3544b1);background-color:var(--uui-interface-surface,#fefefe);box-shadow:0 0 0 2px var(--uui-interface-surface,#fefefe);opacity:0;transform:scale(0);transition:transform 240ms ease-in,opacity 240ms,left .1s linear 150ms,top .1s linear 150ms}:host(:focus) #plus,:host(:focus-within) #plus,:host(:hover) #plus{opacity:1;transform:scale(1);transition:transform 240ms cubic-bezier(.175,.885,.32,1.275),opacity 80ms}:host(:not([vertical])) #plus{margin-left:-21px}:host([vertical]) #plus{left:-4px;margin-top:-21px}#button-wrapper:focus #plus{border:2px solid #6ab4f0}#plus-icon{width:50%;fill:currentColor}#button-wrapper:active #plus{transform:scale(1.1)}`],Ut([m()],Ee.prototype,"position",2),Ut([n({type:Boolean,reflect:!0})],Ee.prototype,"vertical",2),Ee=Ut([u("uui-button-inline-create")],Ee);/**
|
|
40
56
|
* @license
|
|
41
57
|
* Copyright 2017 Google LLC
|
|
42
58
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
-
*/const Sr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Pr=i=>(...e)=>({_$litDirective$:i,values:e});class zr{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)}}/**
|
|
59
|
+
*/class Dt extends zr{constructor(e){if(super(e),this.it=g,e.type!==Cr.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===g||e==null)return this.vt=void 0,this.it=e;if(e===M)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this.vt;this.it=e;const i=[e];return i.raw=i,this.vt={_$litType$:this.constructor.resultType,strings:i,values:[]}}}Dt.directiveName="unsafeHTML",Dt.resultType=1;const Nt=Or(Dt);var Fo=Object.defineProperty,Qr=Object.getOwnPropertySymbols,qo=Object.prototype.hasOwnProperty,Go=Object.prototype.propertyIsEnumerable,Zr=(r,e,i)=>e in r?Fo(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i,Jr=(r,e)=>{for(var i in e||(e={}))qo.call(e,i)&&Zr(r,i,e[i]);if(Qr)for(var i of Qr(e))Go.call(e,i)&&Zr(r,i,e[i]);return r};class Pe extends x{constructor(e,i={}){super(e,Jr(Jr({},{bubbles:!0}),i));this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}Pe.ICON_REQUEST="icon_request";var Wo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,ne=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ko(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Wo(e,i,t),t};let V=class extends d{constructor(){super(...arguments);this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(r){this._name=r,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const r=new Pe(Pe.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(r),r.icon!==null?(this._retrievedNameIcon=!0,r.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:Nt(this.fallback):this._nameSvg!==null?Nt(this._nameSvg):this.svg!==null?Nt(this.svg):l`<slot></slot>`}};V.styles=[c`:host{display:inline-block;vertical-align:bottom;width:1.15em;height:1.15em}::slotted(svg),:host svg{fill:var(--uui-icon-color,currentColor)}`],ne([m()],V.prototype,"_nameSvg",2),ne([n()],V.prototype,"name",1),ne([n({attribute:!1})],V.prototype,"svg",2),ne([n({attribute:!1})],V.prototype,"fallback",2),ne([m()],V.prototype,"_useFallback",2),V=ne([u("uui-icon")],V);const jt="",Lt=v`<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>`,Yo=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,ei=v`<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 Xo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,le=(r,e,i,o)=>{for(var t=o>1?void 0:o?Qo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Xo(e,i,t),t};let N=class extends $e("",d){constructor(){super();this.type="button",this.disabled=!1,this.look=jt,this.compact=!1,this.state=null,this._internals=this.attachInternals(),this.addEventListener("click",this._onHostClick)}_onHostClick(r){var e;if(this.disabled){r.preventDefault(),r.stopImmediatePropagation();return}if((e=this._internals)==null?void 0:e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit();break}}updated(r){super.updated(r),r.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=null,2e3)))}renderState(){let r=l``;switch(this.state){case"waiting":customElements.get("uui-loader-circle")||console.warn("To properly render the waiting state, the uui-loader-circle element has to be registered"),r=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":r=l`<uui-icon name="check" .fallback="${Lt.strings[0]}"></uui-icon>`;break;case"failed":r=l`<uui-icon name="wrong" .fallback="${ei.strings[0]}"></uui-icon>`;break;default:return""}return l`<div id="state">${r}</div>`}render(){return l`<button ?disabled="${this.disabled}" aria-label="${this.label}">${this.renderState()} ${this.renderLabel()}<slot name="extra"></slot></button>`}};N.styles=[Be,c`:host{position:relative;display:inline-block;margin-left:calc(var(--uui-button-merge-border-left,0) * -1px);--uui-button-padding-left-factor:3;--uui-button-padding-right-factor:3;--uui-button-padding-top-factor:1;--uui-button-padding-bottom-factor:1}:host([compact]){--uui-button-padding-left-factor:1;--uui-button-padding-right-factor:1}.label{display:block;transition:opacity 120ms}:host([state]:not([state=''])) .label{opacity:0}#state{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0;animation-name:fadeIn;animation-delay:40ms;animation-duration:360ms;animation-fill-mode:forwards}button{height:100%;min-height:var(--uui-button-height,auto);width:100%;padding:calc(calc(8 / 15 * 1em) * var(--uui-button-padding-top-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-right-factor)) calc(calc(8 / 15 * 1em) * var(--uui-button-padding-bottom-factor)) calc(var(--uui-size-2,6px) * var(--uui-button-padding-left-factor));text-align: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:var(--uui-button-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));border-color:var(--uui-button-border-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));color:var(--uui-button-contrast-disabled,var(--uui-interface-contrast-disabled,#73716e));cursor:default}button[disabled]:active{animation:${Re}}#icon-check,#icon-wrong{fill:currentColor;display:grid;place-items:center;width:1.5em}#loader{font-size:1.5em}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}:host([look=primary]) button{background-color:var(--uui-button-background-color,var(--uui-look-primary-surface,#1b264f));color:var(--uui-look-primary-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-primary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-primary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-primary-border,#1b264f));font-weight:var(--uui-look-primary-font-weight,700)}:host([look=primary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-primary-surface-hover,#3544b1));color:var(--uui-look-primary-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-primary-border-hover,#3544b1))}:host([look=primary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-primary-surface-disabled,#737882));color:var(--uui-look-primary-contrast-disabled,#e4e4e4);border-color:var(--uui-button-border-color-disabled,var(--uui-look-primary-border-disabled,#737882))}:host([look=secondary]) button{background-color:var(--uui-button-background-color,var(--uui-look-secondary-surface,#e2dad4));color:var(--uui-look-secondary-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-secondary-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-secondary-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-secondary-border,#e2dad4));font-weight:var(--uui-look-secondary-font-weight,500)}:host([look=secondary]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-secondary-surface-hover,#f3efed));color:var(--uui-look-secondary-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-secondary-border-hover,#f3efed))}:host([look=secondary]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-secondary-surface-disabled,#cfcfcf));color:var(--uui-look-secondary-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-secondary-border-disabled,#cfcfcf))}:host([look=outline]) button{background-color:var(--uui-button-background-color,var(--uui-look-outline-surface,transparent));color:var(--uui-look-outline-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-outline-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-outline-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-outline-border,#1b264f));font-weight:var(--uui-look-outline-font-weight,700)}:host([look=outline]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-outline-surface-hover,transparent));color:var(--uui-look-outline-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-outline-border-hover,#3544b1))}:host([look=outline]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-outline-surface-disabled,transparent));color:var(--uui-look-outline-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-outline-border-disabled,#6a759a))}:host([look=placeholder]) button{background-color:var(--uui-button-background-color,var(--uui-look-placeholder-surface,transparent));color:var(--uui-look-placeholder-contrast,#1b264f);border-style:var(--uui-button-border-style,var(--uui-look-placeholder-border-style,dashed));border-radius:var(--uui-button-border-radius,var(--uui-look-placeholder-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-placeholder-border,#1b264f));font-weight:var(--uui-look-placeholder-font-weight,400)}:host([look=placeholder]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-placeholder-surface-hover,transparent));color:var(--uui-look-placeholder-contrast-hover,#3544b1);border-color:var(--uui-button-border-color-hover,var(--uui-look-placeholder-border-hover,#3544b1))}:host([look=placeholder]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-placeholder-surface-disabled,transparent));color:var(--uui-look-placeholder-contrast-disabled,#6a759a);border-color:var(--uui-button-border-color-disabled,var(--uui-look-placeholder-border-disabled,#6a759a))}:host([look=positive]) button{background-color:var(--uui-button-background-color,var(--uui-look-positive-surface,#25aa60));color:var(--uui-look-positive-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-positive-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-positive-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-positive-border,#25aa60));font-weight:var(--uui-look-positive-font-weight,700)}:host([look=positive]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-positive-surface-hover,#2bc570));color:var(--uui-look-positive-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-positive-border-hover,#2bc570))}:host([look=positive]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-positive-surface-disabled,#597566));color:var(--uui-look-positive-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-positive-border-disabled,#597566))}:host([look=warning]) button{background-color:var(--uui-button-background-color,var(--uui-look-warning-surface,#fad634));color:var(--uui-look-warning-contrast,#060606);border-style:var(--uui-button-border-style,var(--uui-look-warning-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-warning-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-warning-border,#fad634));font-weight:var(--uui-look-warning-font-weight,700)}:host([look=warning]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-warning-surface-hover,#fbe065));color:var(--uui-look-warning-contrast-hover,#060606);border-color:var(--uui-button-border-color-hover,var(--uui-look-warning-border-hover,#fbe065))}:host([look=warning]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-warning-surface-disabled,#a6a085));color:var(--uui-look-warning-contrast-disabled,#060606);border-color:var(--uui-button-border-color-disabled,var(--uui-look-warning-border-disabled,#a6a085))}:host([look=danger]) button{background-color:var(--uui-button-background-color,var(--uui-look-danger-surface,#d42054));color:var(--uui-look-danger-contrast,#fefefe);border-style:var(--uui-button-border-style,var(--uui-look-danger-border-style,solid));border-radius:var(--uui-button-border-radius,var(--uui-look-danger-border-radius,var(--uui-border-radius,3px)));border-color:var(--uui-button-border-color,var(--uui-look-danger-border,#d42054));font-weight:var(--uui-look-danger-font-weight,700)}:host([look=danger]) button:hover{background-color:var(--uui-button-background-color-hover,var(--uui-look-danger-surface-hover,#e23c6b));color:var(--uui-look-danger-contrast-hover,#fefefe);border-color:var(--uui-button-border-color-hover,var(--uui-look-danger-border-hover,#e23c6b))}:host([look=danger]) button[disabled]{background-color:var(--uui-button-background-color-disabled,var(--uui-look-danger-surface-disabled,#856b72));color:var(--uui-look-danger-contrast-disabled,#fefefe);border-color:var(--uui-button-border-color-disabled,var(--uui-look-danger-border-disabled,#856b72))}`],N.formAssociated=!0,le([n({type:String,reflect:!0})],N.prototype,"type",2),le([n({type:Boolean,reflect:!0})],N.prototype,"disabled",2),le([n({reflect:!0})],N.prototype,"look",2),le([n({type:Boolean,reflect:!0})],N.prototype,"compact",2),le([n({type:String,reflect:!0})],N.prototype,"state",2),N=le([u("uui-button")],N);class Ce extends x{}Ce.OPEN="open";var Zo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,Ht=(r,e,i,o)=>{for(var t=o>1?void 0:o?Jo(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Zo(e,i,t),t};let C=class extends Fe(Ve(d)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(r){this.disabled||(r.stopPropagation(),this.dispatchEvent(new Ce(Ce.OPEN)))}handleOpenKeydown(r){this.disabled||r.key==="Enter"&&(r.preventDefault(),r.stopPropagation(),this.dispatchEvent(new Ce(Ce.OPEN)))}};C.styles=[c`:host{position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;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);min-height:var(--uui-layout-medium);background-color:var(--uui-interface-surface,#fefefe);--uui-card-border-width:3px;transition:box-shadow .1s ease-out}:host(*) *{outline-color:var(--uui-interface-outline,#3879ff);outline-offset:4px}:host(:focus){outline-color:var(--uui-interface-outline,#3879ff);outline-width:var(--uui-card-border-width);outline-style:solid;outline-offset:var(--uui-card-border-width)}:host([error]){border:var(--uui-card-border-width) solid var(--uui-look-danger-border,#d42054)}:host([selectable]){cursor:pointer}:host([disabled]){background:var(--uui-interface-surface-disabled,#e4e4e4);color:var(--uui-interface-contrast-disabled,#73716e)}:host([selectable])::after{content:'';position:absolute;pointer-events:none;inset:calc(var(--uui-card-border-width) * -1);width:calc(100% + var(--uui-card-border-width) * 2);height:calc(100% + var(--uui-card-border-width) * 2);box-sizing:border-box;border:var(--uui-card-border-width) solid var(--uui-interface-select,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + var(--uui-card-border-width));transition:opacity .1s ease-out;opacity:0}:host([selectable]:hover)::after{opacity:.33}:host([selectable][selected]:hover)::after{opacity:.66}:host([selectable][selected])::after{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([error])::after{inset:calc(var(--uui-card-border-width) * -2);width:calc(100% + calc(var(--uui-card-border-width) * 4));height:calc(100% + calc(var(--uui-card-border-width) * 4))}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}`],Ht([n({type:Boolean,reflect:!0,attribute:"disabled"})],C.prototype,"disabled",2),Ht([n({type:Boolean,reflect:!0})],C.prototype,"error",2),C=Ht([u("uui-card")],C);var es=Object.defineProperty,ts=Object.getOwnPropertyDescriptor,Tt=(r,e,i,o)=>{for(var t=o>1?void 0:o?ts(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&es(e,i,t),t};let Oe=class extends C{constructor(){super(...arguments);this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(r){this._iconSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<div id="open-part" tabindex="${this.disabled?g:0}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""} </span><span id="name">${this.name}</span></div><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};Oe.styles=[...C.styles,c`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px) var(--uui-size-4,12px)}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name]){display:block;margin:var(--uui-size-1,3px);margin-top:var(--uui-size-3,9px)}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:calc(2 * var(--uui-size-3,9px))}#icon{font-size:1.2em;margin-right:var(--uui-size-1,3px)}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}#name{margin-top:4px}`],Tt([n({type:String})],Oe.prototype,"name",2),Tt([m()],Oe.prototype,"_iconSlotHasContent",2),Oe=Tt([u("uui-card-content-node")],Oe);var rs=Object.defineProperty,is=Object.getOwnPropertyDescriptor,Ge=(r,e,i,o)=>{for(var t=o>1?void 0:o?is(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&rs(e,i,t),t};let ue=class extends C{constructor(){super(...arguments);this.name="",this.fileExt="",this.hasPreview=!1}queryPreviews(r){this.hasPreview=r.path[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!1?this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file id="file-symbol" type="${this.fileExt}"></uui-symbol-file>`:""}render(){return l`${this.renderMedia()}<slot @slotchange="${this.queryPreviews}"></slot><button id="open-part" tabindex="${this.disabled?g:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></button><div id="select-border"></div><slot name="tag"></slot><slot name="actions"></slot>`}};ue.styles=[...C.styles,c`#file-symbol,#folder-symbol{align-self:center;margin:var(--uui-size-14,42px);width:80%}slot[name=tag]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}slot:not([name])::slotted(*){align-self:center;border-radius:var(--uui-border-radius,3px);object-fit:cover;width:100%;height:100%}#open-part{position:absolute;bottom:0;width:100%;background-color:var(--uui-color-white,#fefefe);color:var(--uui-color-black,#060606);border:none;cursor:pointer;border-top:1px solid rgba(0,0,0,.04);border-radius:0 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px);display:flex;justify-content:flex-start;align-items:center;font-family:inherit;font-size:var(--uui-type-small-size,12px);box-sizing:border-box;padding:var(--uui-size-2,6px) var(--uui-size-4,12px)}:host([disabled]) #open-part{pointer-events:none}#open-part:hover{text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}:host([image]:not([image=''])) #open-part{transition:opacity .5s .5s;opacity:0}:host([image]:not([image='']):hover,[image]:not([image='']):focus,[image]:not([image='']):focus-within,[selected][image]:not([image='']),[error][image]:not([image=''])) #open-part{opacity:1;transition-duration:120ms;transition-delay:0s}`],Ge([n({type:String})],ue.prototype,"name",2),Ge([n({type:String,attribute:"file-ext"})],ue.prototype,"fileExt",2),Ge([m()],ue.prototype,"hasPreview",2),ue=Ge([u("uui-card-media")],ue);var os=Object.defineProperty,ss=Object.getOwnPropertyDescriptor,ti=(r,e,i,o)=>{for(var t=o>1?void 0:o?ss(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&os(e,i,t),t};let We=class extends C{constructor(){super(...arguments);this.name=""}render(){return l`<uui-avatar id="avatar" name="${this.name}" size="m"></uui-avatar><div id="open-part" tabindex="${this.disabled?g:"0"}" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}"><span>${this.name}</span></div><slot></slot><slot name="tag"></slot><slot name="actions"></slot>`}};We.styles=[...C.styles,c`:host{min-width:250px;flex-direction:column;justify-content:space-between;padding:var(--uui-size-3,9px);align-items:center}slot:not([name])::slotted(*){font-size:var(--uui-type-small-size,12px);line-height:var(--uui-size-6,18px)}::slotted(*){text-align:center}slot[name=tag]{position:absolute;top:6px;right:6px;display:flex;justify-content:right}slot[name=actions]{position:absolute;top:var(--uui-size-4,12px);right:var(--uui-size-4,12px);display:flex;justify-content:right;opacity:0;transition:opacity 120ms}:host(:focus) slot[name=actions],:host(:focus-within) slot[name=actions],:host(:hover) slot[name=actions]{opacity:1}#avatar{margin:var(--uui-size-3,9px)}slot[name=icon]::slotted(*){font-size:1.2em}#open-part{display:flex;position:relative;font-weight:700;align-items:center;cursor:pointer;margin:0 0 3px 0}:host([disabled]) #open-part{pointer-events:none}#open-part>span{vertical-align:center;margin-top:3px}#open-part:hover{text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}`],ti([n({type:String})],We.prototype,"name",2),We=ti([u("uui-card-user")],We);var as=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,ri=(r,e,i,o)=>{for(var t=o>1?void 0:o?ns(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&as(e,i,t),t};let Ke=class extends d{constructor(){super();this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};Ke.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)}`],ri([n({type:Boolean,reflect:!0})],Ke.prototype,"open",2),Ke=ri([u("uui-caret")],Ke);class Mt extends x{}Mt.CHANGE="change";var ls=Object.defineProperty,us=Object.getOwnPropertyDescriptor,Ye=(r,e,i,o)=>{for(var t=o>1?void 0:o?us(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ls(e,i,t),t};class j extends qe($e("",d)){constructor(e="checkbox"){super();this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e}get value(){return this._value}set value(e){const i=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",i)}get checked(){return this._checked}set checked(e){const i=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var i;super.firstUpdated(e);const o=(i=this.shadowRoot)==null?void 0:i.querySelector("label");let t=!1;this._input.addEventListener("blur",()=>{t===!1&&this.style.setProperty("--uui-show-focus-outline","1"),t=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),t=!0}),o.addEventListener("mouseup",()=>{t=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(){this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new Mt(Mt.CHANGE))}render(){return l`<label><input id="input" type="checkbox" @change="${this._onInputChange}" .disabled="${this.disabled}" .checked="${this.checked}" aria-checked="${this.checked?"true":"false"}" aria-label="${this.label}" role="${this.inputRole}"> ${this.renderCheckbox()} ${this.renderLabel()}</label>`}}j.styles=[c`:host{display:inline-block}label{cursor:pointer;user-select:none;display:flex;flex-wrap:nowrap;align-items:center;justify-items:center;gap:var(--uui-size-3,9px)}input{position:absolute;height:0;width:0}: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}`],Ye([n({type:String,attribute:"label-position",reflect:!0})],j.prototype,"labelPosition",2),Ye([n({type:Boolean})],j.prototype,"checked",1),Ye([n({type:Boolean,reflect:!0})],j.prototype,"disabled",2),Ye([B("#input")],j.prototype,"_input",2);var cs=Object.defineProperty,ds=Object.getOwnPropertyDescriptor,hs=(r,e,i,o)=>{for(var t=o>1?void 0:o?ds(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&cs(e,i,t),t};let Xe=class extends j{renderCheckbox(){return l`<div id="ticker"><div id="icon-check">${Lt}</div></div>`}};Xe.formAssociated=!0,Xe.styles=[...j.styles,Be,c`:host{--uui-checkbox-size:18px}#ticker{position:relative;grid-area:'input';display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--uui-checkbox-size);height:var(--uui-checkbox-size);border-radius:var(--uui-checkbox-border-radius,var(--uui-border-radius,3px));color:var(--uui-toggle-color,var(--uui-interface-chosen-contrast,#fefefe));background-color:var(--uui-toggle-background-color,var(--uui-interface-surface,#fefefe));border:1px solid var(--uui-checkbox-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-checkbox-size) * .7)}label:hover input:not([disabled])+#ticker{border-color:var(--uui-checkbox-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-checkbox-background-color-hover,var(--uui-interface-surface-hover,#fafafa))}label:focus #ticker{border-color:var(--uui-checkbox-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-checkbox-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#ticker{border-color:var(--uui-interface-chosen,#1b264f)}label:hover input:checked:not([disabled])+#ticker{border-color:var(--uui-interface-chosen-hover,#26356e)}label:focus input:checked+#ticker{border-color:var(--uui-interface-chosen-focus,#1b264f)}#icon-check{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms,opacity 120ms;fill:var(--uui-interface-chosen-contrast,#fefefe);opacity:0}#ticker::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:calc(var(--uui-checkbox-border-radius,var(--uui-border-radius,3px)) * .5);background-color:var(--uui-interface-chosen,#1b264f);transition:transform 120ms ease,opacity 120ms,background-color 120ms;transform:scale(0);opacity:0}label:hover input:checked:not([disabled])+#ticker::before{background-color:var(--uui-interface-chosen-hover,#26356e)}input:checked+#ticker::before{transform:scale(1);opacity:1}input:checked+#ticker #icon-check{opacity:1}label:focus input:checked+#ticker{background-color:var(--uui-interface-chosen-focus,#1b264f)}input:focus+#ticker{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}:host(:not([disabled])) label:active input:checked+#ticker::before{transform:scale(.9)}:host(:not([pristine]):invalid) #ticker,:host(:not([pristine]):invalid) label:focus input:checked+#ticker,:host(:not([pristine]):invalid) label:hover #ticker,:host(:not([pristine]):invalid) label:hover input:checked:not([disabled])+#ticker,:host(:not([pristine])[internals-invalid]) #ticker,:host(:not([pristine])[internals-invalid]) label:focus input:checked+#ticker,:host(:not([pristine])[internals-invalid]) label:hover #ticker,:host(:not([pristine])[internals-invalid]) label:hover input:checked:not([disabled])+#ticker{border:1px solid var(--uui-look-danger-border,#d42054)}:host([disabled]) #ticker{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) input:checked+#ticker{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) #ticker:after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #ticker #icon-check{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #ticker{animation:${Re}}:host([disabled]) input:checked+#ticker #icon-check{fill:var(--uui-interface-chosen-contrast-disabled,#e4e4e4)}`],Xe=hs([u("uui-checkbox")],Xe);var ps=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,bs=(r,e,i,o)=>{for(var t=o>1?void 0:o?vs(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ps(e,i,t),t};let Bt=class extends d{render(){return l`<slot></slot>`}};Bt.styles=[c`:host{position:relative;display:block;max-width:400px;background-color:var(--uui-dialog-background-color,var(--uui-interface-surface,#fefefe));box-shadow:var(--uui-dialog-box-shadow,0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22));border-radius:var(--uui-dialog-border-radius,calc(var(--uui-border-radius,3px) * 2))}`],Bt=bs([u("uui-dialog")],Bt);class ii{constructor(e){this.promise=new Promise((i,o)=>{this.resolve=i,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class oi{constructor(){this.icons={},this._onIconRequest=e=>{const i=this.getIcon(e.detail.iconName);i!==null&&e.acceptRequest(i)}}attach(e){e.addEventListener(Pe.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Pe.ICON_REQUEST,this._onIconRequest)}defineIcon(e,i){if(this.icons[e]){this.icons[e].svg=i;return}this.icons[e]=new ii(i)}getIcon(e){return!!this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new ii}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var fs=Object.defineProperty,gs=Object.getOwnPropertyDescriptor,si=(r,e,i,o)=>{for(var t=o>1?void 0:o?gs(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&fs(e,i,t),t};let Qe=class extends d{constructor(){super();this._icons={},this._registry=new oi,this._registry.attach(this)}get icons(){return this._icons}set icons(r){this._icons=r,this._registry&&Object.entries(this._icons).forEach(([e,i])=>this._registry.defineIcon(e,i))}get registry(){return this._registry}set registry(r){this.registry&&this.registry.detach(this),r.attach(this),this._registry=r}render(){return l`<slot></slot>`}};si([n({attribute:!1})],Qe.prototype,"_icons",2),Qe=si([u("uui-icon-registry")],Qe);const ms=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg>`,_s=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.399 66.934L36.38 444.893h438.036L255.399 66.934zm22.094 331.988h-46.29v-44.743h46.29v44.743zm-11.458-63.166h-23.068l-12.849-106.419v-57.846h48.458v57.846l-12.541 106.419z"/></svg>`,ys=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M127.286 449.816c-21.564.006-43.317-8.494-59.885-25.062-16.578-16.575-25.083-38.336-25.079-59.897-.029-20.296 7.623-40.755 23.034-56.14l3.539-3.539 212.559-212.57c20.227-20.255 47.082-30.304 73.852-30.267 28.454-.012 57.219 11.208 79.179 33.159 21.937 21.949 33.153 50.698 33.147 79.151.028 26.779-10.016 53.627-30.268 73.865l-178.45 178.453-13.28 13.277-26.56-26.559 191.738-191.733c12.842-12.871 19.229-29.708 19.259-47.303-.004-18.645-7.323-37.759-22.152-52.592-14.834-14.838-33.958-22.152-52.613-22.165-17.588.034-34.423 6.418-47.284 19.266L95.447 331.734l-3.536 3.537c-8.011 8.031-11.994 18.482-12.029 29.585.014 11.761 4.614 23.877 14.079 33.345 9.455 9.446 21.562 14.043 33.326 14.056 11.102-.034 21.551-4.014 29.587-12.026l150.412-150.404 12.596-12.595c3.018-3.04 4.521-6.906 4.549-11.331 0-4.666-1.817-9.57-5.722-13.476-3.914-3.916-8.819-5.726-13.48-5.739-4.425.038-8.283 1.542-11.328 4.564L155.27 349.882l-26.561-26.56L267.33 184.703c10.408-10.44 24.289-15.604 37.897-15.57 14.468-.012 29.01 5.704 40.049 16.739 11.007 11.025 16.72 25.554 16.72 40.029.029 13.599-5.129 27.479-15.559 37.89l-12.601 12.595-150.41 150.41c-15.365 15.377-35.768 23.025-56.022 23.021l-.118-.001z"/></svg>`,xs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M342.391 352.428h-44.879v44.865h44.879v-44.865zm-63.234-120.071h-44.849v44.853h44.849v-44.853zm63.234 60.034h-44.879v44.859h44.879v-44.859zm63.174-60.034h-44.854v44.853h44.854v-44.853zm-126.408 60.034h-44.849v44.859h44.849v-44.859zm63.234-60.034h-44.879v44.853h44.879v-44.853zm63.174 60.034h-44.854v44.859h44.854v-44.859zm-252.803 60.037h-44.856v44.865h44.856v-44.865zm0-60.037h-44.856v44.859h44.856v-44.859zM394.024 74.208v19.691c7.737 6.847 12.642 16.825 12.642 27.969 0 20.634-16.732 37.367-37.369 37.367-20.642 0-37.367-16.733-37.367-37.367 0-11.147 4.903-21.124 12.643-27.969V74.208H169.97v19.691c7.739 6.847 12.643 16.825 12.643 27.969 0 20.634-16.732 37.367-37.369 37.367-20.64 0-37.367-16.733-37.367-37.367 0-11.147 4.904-21.124 12.642-27.969V74.208h-83.27v397.644h436.668V74.208h-79.893zm40.011 357.759H77.131V183.544h356.904v248.423zm-218.047-199.61h-44.881v44.853h44.881v-44.853zm0 120.071h-44.881v44.865h44.881v-44.865zm63.169 0h-44.849v44.865h44.849v-44.865zm-63.169-60.037h-44.881v44.859h44.881v-44.859zM145.245 143.64c10.273 0 18.603-8.326 18.603-18.599V58.035c0-10.267-8.329-18.6-18.603-18.6-10.274 0-18.602 8.333-18.602 18.6v67.006c0 10.272 8.328 18.599 18.602 18.599zm224.054 0c10.272 0 18.601-8.326 18.601-18.599V58.035c0-10.267-8.328-18.6-18.601-18.6-10.274 0-18.604 8.333-18.604 18.6v67.006c0 10.272 8.329 18.599 18.604 18.599z"/></svg>`,ws=v`<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>`,$s=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,ks=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,Es=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,Ps=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,Cs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,Os=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg>`,zs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,As=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,Is=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,Ss=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,Us=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z"/></svg>`,Ds=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,Ns=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,js=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,Ls=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,Hs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,Ts=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,Ms=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Bs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,Rs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,Vs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,Fs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,qs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,Gs=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,Ws=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,Ks=v`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,Ys=v`<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 Xs extends oi{constructor(){super();this.defineIcon("add",ms.strings[0]),this.defineIcon("alert",_s.strings[0]),this.defineIcon("attachment",ys.strings[0]),this.defineIcon("calendar",xs.strings[0]),this.defineIcon("check",ws.strings[0]),this.defineIcon("clipboard",$s.strings[0]),this.defineIcon("code",ks.strings[0]),this.defineIcon("colorpicker",Es.strings[0]),this.defineIcon("copy",Ps.strings[0]),this.defineIcon("delete",Cs.strings[0]),this.defineIcon("document",Os.strings[0]),this.defineIcon("download",zs.strings[0]),this.defineIcon("edit",As.strings[0]),this.defineIcon("favorite",Is.strings[0]),this.defineIcon("folder",Ss.strings[0]),this.defineIcon("forbidden",Us.strings[0]),this.defineIcon("info",Ds.strings[0]),this.defineIcon("link",Ns.strings[0]),this.defineIcon("lock",js.strings[0]),this.defineIcon("pause",Ls.strings[0]),this.defineIcon("picture",Hs.strings[0]),this.defineIcon("play",Ts.strings[0]),this.defineIcon("remove",Ms.strings[0]),this.defineIcon("search",Bs.strings[0]),this.defineIcon("see",Rs.strings[0]),this.defineIcon("settings",Vs.strings[0]),this.defineIcon("subtract",Fs.strings[0]),this.defineIcon("sync",qs.strings[0]),this.defineIcon("unlock",Gs.strings[0]),this.defineIcon("unsee",Ws.strings[0]),this.defineIcon("wand",Ks.strings[0]),this.defineIcon("wrong",Ys.strings[0])}}var Qs=Object.defineProperty,Zs=Object.getOwnPropertyDescriptor,Js=(r,e,i,o)=>{for(var t=o>1?void 0:o?Zs(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Qs(e,i,t),t};let ai=class extends Qe{constructor(){super();this.registry=new Xs}};ai=Js([u("uui-icon-registry-essential")],ai);class Rt extends x{}Rt.CHANGE="change";var ea=Object.defineProperty,ta=Object.getOwnPropertyDescriptor,ce=(r,e,i,o)=>{for(var t=o>1?void 0:o?ta(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ea(e,i,t),t};let L=class extends qe(d){constructor(){super();this.disabled=!1,this.placeholder="",this.type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}getFormElement(){return this._input}_onInput(r){this.value=r.target.value}_onChange(){this.pristine=!1,this.dispatchEvent(new Rt(Rt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`${this.renderPrepend()} <input id="input" .type="${this.type}" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this._onInput}" @change="${this._onChange}"> ${this.renderAppend()}`}};L.formAssociated=!0,L.styles=[c`:host{position:relative;display:inline-flex;align-items:center;height:var(--uui-size-11,33px);font-size:15px;text-align:left;box-sizing:border-box;background-color:var(--uui-input-background-color,var(--uui-interface-surface,#fefefe));border:var(--uui-input-border-width,1px) solid var(--uui-input-border-color,var(--uui-interface-border,#c4c4c4))}:host(:hover){border-color:var(--uui-input-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}:host(:focus-within){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}:host(:focus){border-color:var(--uui-input-border-color-focus,var(--uui-interface-border-focus,#b3b3b3))}:host([disabled]){background-color:var(--uui-input-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-input-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border-color:var(--uui-look-danger-border,#d42054)}input{font-family:inherit;padding:var(--uui-size-1,3px) var(--uui-size-space-3,9px);font-size:15px;color:inherit;border-radius:0;box-sizing:border-box;border:none;background:0 0;width:100%;text-align:inherit;outline:0}input::placeholder{transition:opacity 120ms}input:focus::placeholder{opacity:0}input[type=color]{width:30px;padding:0;border:none}::slotted(uui-input){height:100%;--uui-input-border-width:0}`],ce([n({type:Boolean,reflect:!0})],L.prototype,"disabled",2),ce([n({type:String})],L.prototype,"label",2),ce([n()],L.prototype,"placeholder",2),ce([n({type:String})],L.prototype,"type",2),ce([B("#input")],L.prototype,"_input",2),L=ce([u("uui-input")],L);var ra=Object.defineProperty,ia=Object.getOwnPropertyDescriptor,oa=(r,e,i,o)=>{for(var t=o>1?void 0:o?ia(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ra(e,i,t),t};let Vt=class extends d{render(){return l`<slot></slot>`}};Vt.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}`],Vt=oa([u("uui-keyboard-shortcut")],Vt);var sa=Object.defineProperty,aa=Object.getOwnPropertyDescriptor,na=(r,e,i,o)=>{for(var t=o>1?void 0:o?aa(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&sa(e,i,t),t};class ni extends d{_changeCase(){this.slotNodes!==null&&this.slotNodes.forEach(e=>{var i;e.nodeName==="#text"&&e.nodeValue&&(e.nodeValue=(i=e.nodeValue)==null?void 0:i.toLowerCase())})}render(){return l`<slot @slotchange="${this._changeCase}"></slot>`}}ni.styles=[c`:host{background:var(--uui-interface-surface,#fff);border:1px solid var(--uui-interface-border,#d8d7d9);font-family:inherit;font-size:var(--uui-type-small-size,12px);border-radius:5px;margin:0 5px;padding:5px 7px;box-sizing:border-box;user-select:none}`],na([Pt()],ni.prototype,"slotNodes",2);var la=Object.defineProperty,ua=Object.getOwnPropertyDescriptor,Ft=(r,e,i,o)=>{for(var t=o>1?void 0:o?ua(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&la(e,i,t),t};const ca=(r,e,i)=>Math.min(Math.max(r,e),i);let ze=class extends d{constructor(){super(...arguments);this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(r){const e=this._progress;this._progress=ca(r,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(r){const e=this._animationDuration;this._animationDuration=r>=0?r:1,this.requestUpdate("animationDuration",e)}render(){return l`${this.progress?l`<div id="bar" style="max-width:${this.progress.toString()}"></div>`:""}<div id="bar-anim" class="${this.progress?"":"animate"}" style="animation-duration:${this.animationDuration}"></div><div id="bar-background"></div>`}};ze.styles=[c`:host{position:relative;display:block;width:100%;height:4px;overflow:hidden}#bar,#bar-anim,#bar-background{position:absolute;inset:0;height:100%}#bar,#bar-background{background:currentColor}#bar{transition:max-width 120ms ease}#bar-background{opacity:.3}#bar-anim{transform:scaleX(.4);animation:bar-loading 1s infinite linear;background:linear-gradient(-90deg,#fff 0,#fff 25%,transparent 100%)}#bar-anim.animate{background:linear-gradient(-90deg,currentColor 0,currentColor 25%,transparent 100%)}@keyframes bar-loading{0%{transform-origin:-175% 0}100%{transform-origin:175% 0}}`],Ft([n({type:Number})],ze.prototype,"progress",1),Ft([n({type:Number})],ze.prototype,"animationDuration",1),ze=Ft([u("uui-loader-bar")],ze);var da=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,qt=(r,e,i,o)=>{for(var t=o>1?void 0:o?ha(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&da(e,i,t),t};let Ae=class extends d{constructor(){super(...arguments);this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const r=this.clientHeight>=30;this._isLarge!=r&&(this._isLarge=r,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`<svg id="spinner" class="${this.progress?"":"animate"}" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle id="bg" cx="50%" cy="50%" r="16"/><g><circle id="circle" cx="50%" cy="50%" r="16" style="${Me(this._circleStyle())}"/></g></svg> ${this.renderProgress()}`}};Ae.styles=[c`:host{vertical-align:middle;line-height:0;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;width:1em;height:1em}#spinner{width:100%;height:100%}#spinner g{transform-origin:50% 50%;animation:18s linear infinite spinner-animation}#spinner.animate g{animation:.8s linear infinite spinner-animation}@keyframes spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#spinner.animate #circle{animation:1.4s ease-in infinite circle-animation}@keyframes circle-animation{0%{stroke-dashoffset:-55}38%{stroke-dashoffset:-88}100%{stroke-dashoffset:-55}}svg circle{fill:transparent;stroke:currentColor;stroke-width:6px}#bg{opacity:.5}#circle{stroke-linecap:round;stroke-dasharray:0 0;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dasharray 120ms ease}#progress-display{position:absolute;left:0;top:50%;right:0;stroke:currentColor;transform:translateY(-50%);font-size:.3em;font-weight:700;text-align:center;padding-top:.09em}`],qt([n({type:Number})],Ae.prototype,"progress",2),qt([n({type:Boolean,reflect:!0,attribute:"show-progress"})],Ae.prototype,"showProgress",2),Ae=qt([u("uui-loader-circle")],Ae);var pa=Object.defineProperty,va=Object.getOwnPropertyDescriptor,ba=(r,e,i,o)=>{for(var t=o>1?void 0:o?va(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&pa(e,i,t),t};let Gt=class extends d{render(){return l`<div></div><div></div><div></div>`}};Gt.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%;animation:loaderAnimation 1.4s infinite}div:nth-child(1n){animation-delay:0s}div:nth-child(2n){animation-delay:.15s}div:nth-child(3n){animation-delay:.3s}@keyframes loaderAnimation{0%{transform:scale(.5);background-color:currentColor}50%{transform:scale(1);background-color:transparent}100%{transform:scale(.5);background-color:currentColor}}`],Gt=ba([u("uui-loader")],Gt);/**
|
|
44
60
|
* @license
|
|
45
61
|
* Copyright 2018 Google LLC
|
|
46
62
|
* 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)});
|
|
63
|
+
*/const li=r=>r??g;class F extends x{}F.SHOW_CHILDREN="show-children",F.HIDE_CHILDREN="hide-children",F.CLICK_LABEL="click-label";var fa=Object.defineProperty,ga=Object.getOwnPropertyDescriptor,q=(r,e,i,o)=>{for(var t=o>1?void 0:o?ga(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&fa(e,i,t),t};let S=class extends Fe(Ve(It($e("label",d)))){constructor(){super(...arguments);this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu")}iconSlotChanged(r){this.iconSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}onCaretClicked(){this.showChildren=!this.showChildren;const r=this.showChildren?F.SHOW_CHILDREN:F.HIDE_CHILDREN,e=new F(r);this.dispatchEvent(e)}onLabelClicked(){const r=new F(F.CLICK_LABEL);this.dispatchEvent(r)}_renderLabelInside(){return l`<slot name="icon" id="icon" style="${this.iconSlotHasContent?"":"display: none;"}" @slotchange="${this.iconSlotChanged}"></slot>${this.renderLabel()}`}_renderLabelAsAnchor(){return this.disabled?l`<span id="label-button">${this._renderLabelInside()}</span>`:l`<a id="label-button" href="${this.href}" target="${li(this.target||void 0)}" rel="${li(this.target==="_blank"?"noopener":void 0)}" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</a>`}_renderLabelAsButton(){return l`<button id="label-button" @click="${this.onLabelClicked}" ?disabled="${this.disabled}" aria-label="${this.label}">${this._renderLabelInside()}</button>`}render(){return l`<div id="menu-item" aria-label="menuitem" role="menuitem">${this.hasChildren?l`<button id="caret-button" @click="${this.onCaretClicked}"><uui-symbol-expand ?open="${this.showChildren}"></uui-symbol-expand></button>`:""} ${this.href?this._renderLabelAsAnchor():this._renderLabelAsButton()}<div id="label-button-background"></div>${this.selectOnly===!1?l`<slot id="actions-container" name="actions"></slot>`:""} ${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}</div>${this.showChildren?l`<slot></slot>`:""}`}};S.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);user-select:none}#menu-item{position:relative;display:flex;align-items:stretch;padding-left:calc(var(--uui-menu-item-indent,0) * var(--uui-size-4,12px));display:grid;grid-template-columns:var(--uui-size-8,24px) 1fr;grid-template-rows:1fr;white-space:nowrap}button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;padding:0;text-align:left;border:none;color:inherit;background-color:transparent;cursor:pointer;min-height:var(--uui-size-12,36px);z-index:1}#label-button{flex-grow:1;grid-column-start:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;text-decoration:none;color:currentColor;min-height:var(--uui-size-12,36px);z-index:1}span#label-button{pointer-events:none}#caret-button+#label-button{padding-left:0}#caret-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#label-button-background{position:absolute;top:0;left:0;right:0;bottom:0}#caret-button:hover~#label-button-background,#label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-hover,#fafafa)}#actions-container{opacity:0;transition:opacity 120ms;grid-column-start:3}#loader{position:absolute;width:100%;bottom:0}#icon{display:inline-flex;font-size:16px;margin-right:var(--uui-size-2,6px)}:host([disabled]){color:var(--uui-interface-surface-contrast-disabled)}:host([disabled]) #label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([active]){color:var(--uui-interface-active-contrast,#162335)}:host([active]) #label-button:hover{color:var(--uui-interface-active-contrast-hover,#1b264f)}:host([active]) #label-button-background{background-color:var(--uui-interface-active,#f5c1bc)}:host([active]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-active-hover,#f5c1bc)}:host([active][disabled]) #label-button{color:var(--uui-interface-active-contrast-disabled,#363636);background-color:var(--uui-interface-active-disabled,#dbd4d4)}:host([selected]){color:var(--uui-interface-select-contrast,#fefefe)}:host([selected]) #label-button:hover{color:var(--uui-interface-select-contrast-hover,#fefefe)}:host([selected]) #label-button-background{background-color:var(--uui-interface-select,#3544b1)}:host([selected]) #caret-button:hover~#label-button-background,:host([selected]) #label-button:hover+#label-button-background{background-color:var(--uui-interface-select-hover,#4656c8)}:host([selected][disabled]) #label-button{color:var(--uui-interface-select-contrast-disabled,#e4e4e4);background-color:var(--uui-interface-select-disabled,#575757)}slot:not([name]){position:relative;display:block;width:100%}slot:not([name]){--uui-menu-item-indent:var(--uui-menu-item-child-indent)}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-base-unit) * 4);margin-right:var(--uui-size-base-unit)}`],q([n({type:Boolean,reflect:!0})],S.prototype,"disabled",2),q([n({type:Boolean,reflect:!0,attribute:"show-children"})],S.prototype,"showChildren",2),q([n({type:Boolean,attribute:"has-children"})],S.prototype,"hasChildren",2),q([n({type:Boolean,attribute:"loading"})],S.prototype,"loading",2),q([n({type:String})],S.prototype,"href",2),q([n({type:String})],S.prototype,"target",2),q([m()],S.prototype,"iconSlotHasContent",2),S=q([u("uui-menu-item")],S);class X extends x{}X.CHANGE="change";var ma=Object.defineProperty,_a=Object.getOwnPropertyDescriptor,H=(r,e,i,o)=>{for(var t=o>1?void 0:o?_a(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&ma(e,i,t),t};const ya=45,Wt=(r,e,i)=>Math.min(Math.max(r,e),i),xa=(r,e)=>Array.from({length:e-r+1},(i,o)=>r+o);let O=class extends d{constructor(){super(...arguments);this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.total=1,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current)}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(r){(r.has("current")||r.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const r=this.offsetWidth,e=Array.from(this._navButtons).reduce((t,s)=>t+s.getBoundingClientRect().width,0),o=(r-e)/ya/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(r){const e=r<this._range?1:r<this.total-this._range?r-this._range:this.total-this._range*2,i=r<=this._range?this._range*2+1:r<this.total-this._range?r+this._range:this.total;return xa(Wt(e,1,this.total),Wt(i,1,this.total))}get current(){return this._current}set current(r){const e=this._current;this._current=Wt(r,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new X(X.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new X(X.CHANGE))}goToPage(r){this.current=r,this.dispatchEvent(new X(X.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const r=this.renderRoot.querySelector(".active");r&&r.focus()})}renderFirst(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" aria-label="Go to first page" ?disabled="${this._current===1}" @click="${()=>this.goToPage(1)}">First</uui-button>`}renderPrevious(){return l`<uui-button compact="compact" look="outline" class="nav" role="listitem" aria-label="Go to previous page" ?disabled="${this._current===1}" @click="${this.goToPreviousPage}">Previous</uui-button>`}renderNext(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" aria-label="Go to next page" ?disabled="${this._current===this.total}" @click="${this.goToNextPage}">Next</uui-button>`}renderLast(){return l`<uui-button compact="compact" look="outline" role="listitem" class="nav" aria-label="Go to last page" ?disabled="${this.total===this._current}" @click="${()=>this.goToPage(this.total)}">Last</uui-button>`}renderDots(){return l`<uui-button compact="compact" look="outline" tabindex="-1" class="dots">...</uui-button>`}renderPage(r){return l`<uui-button compact="compact" look="outline" role="listitem" aria-label="Go to page ${r}" class="${"page"+(r===this._current?" active":"")}" tabindex="${r===this._current?"-1":""}" @click="${()=>{r!==this._current&&(this.goToPage(r),this.focusActivePage())}}">${r}</uui-button>`}renderNavigationLeft(){return l`${this.renderFirst()} ${this.renderPrevious()} ${this._visiblePages.includes(1)?"":this.renderDots()}`}renderNavigationRight(){return l`${this._visiblePages.includes(this.total)?"":this.renderDots()} ${this.renderNext()} ${this.renderLast()}`}render(){return l`<uui-button-group role="list" id="pages">${this.renderNavigationLeft()} ${this._visiblePages.map(r=>this.renderPage(r))} ${this.renderNavigationRight()}</uui-button-group>`}};O.styles=[c`uui-button-group{width:100%}uui-button{--uui-button-border-color:var(--uui-interface-border,#c4c4c4);--uui-button-border-color-disabled:var(--uui-interface-border,#c4c4c4)}.page{min-width:36px;max-width:72px}.page.active{--uui-button-background-color:var(--uui-interface-active,#f5c1bc)}.nav{min-width:72px}.dots{pointer-events:none}.active{pointer-events:none}`],H([qi("uui-button.nav")],O.prototype,"_navButtons",2),H([B("#pages")],O.prototype,"_pagesGroup",2),H([n()],O.prototype,"label",2),H([n({reflect:!0,attribute:"aria-label"})],O.prototype,"ariaLabel",2),H([n({type:Number})],O.prototype,"total",2),H([m()],O.prototype,"_range",2),H([m()],O.prototype,"_visiblePages",2),H([n({type:Number})],O.prototype,"current",1),O=H([u("uui-pagination")],O);var wa=Object.defineProperty,$a=Object.getOwnPropertyDescriptor,ui=(r,e,i,o)=>{for(var t=o>1?void 0:o?$a(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&wa(e,i,t),t};const ka=(r,e,i)=>Math.min(Math.max(r,e),i);let Ze=class extends d{constructor(){super(...arguments);this._progress=0}get progress(){return this._progress}set progress(r){const e=this._progress;this._progress=ka(r,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`<div id="bar" style="${Me(this._getProgressStyle())}"></div>`}};Ze.styles=[c`:host{width:100%;height:4px;position:relative;overflow:hidden;background:var(--uui-interface-surface-alt,#d8d7d9);border-radius:100px;display:inline-block}#bar{transition:width 250ms ease;background:var(--uui-look-positive-surface,#25aa60);height:100%;width:0%}`],ui([n({type:Number})],Ze.prototype,"progress",1),Ze=ui([u("uui-progress-bar")],Ze);class Ie extends x{}Ie.CHANGE="change";var Ea=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,Q=(r,e,i,o)=>{for(var t=o>1?void 0:o?Pa(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ea(e,i,t),t};let U=class extends d{constructor(){super();this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}get checked(){return this._checked}set checked(r){this._checked=r,r===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked"))}get disabled(){return this._disabled}set disabled(r){const e=this._disabled;this._disabled=r,r&&(this.setAttribute("aria-hidden","true"),this.setAttribute("tabindex","-1")),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(){const r=this.inputElement.checked;this.checked=r,r&&this.focus(),this.dispatchEvent(new Ie(Ie.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return l`<label><input id="input" type="radio" name="${this.name}" value="${this.value}" .checked="${this.checked}" .disabled="${this.disabled}" @change="${this._onChange}"><div id="button"></div><div id="label">${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}</div></label>`}};U.styles=[Be,c`:host{display:block;box-sizing:border-box;font-family:inherit;color:currentColor;--uui-radio-button-size:var(--uui-size-6,18px);margin:var(--uui-size-2,6px) 0}label{display:block;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;line-height:18px}#input{width:0;height:0;opacity:0;margin:0}.label{margin-top:2px}#button{box-sizing:border-box;display:inline-block;width:var(--uui-radio-button-size,18px);height:var(--uui-radio-button-size,18px);background-color:var(--uui-interface-surface,#fefefe);border:1px solid var(--uui-interface-border,#c4c4c4);border-radius:100%;margin-right:calc(var(--uui-size-2,6px) * 2);position:relative}#button::after{content:'';width:calc(var(--uui-radio-button-size)/ 2);height:calc(var(--uui-radio-button-size)/ 2);background-color:var(--uui-interface-chosen,#1b264f);border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .15s ease-in-out}:host(:hover) #button{border:1px solid var(--uui-interface-border-hover,#b3b3b3)}:host(:focus){outline:0}:host(:focus) #button{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}input:checked~#button::after{transform:translate(-50%,-50%) scale(1)}input:checked~#button{border:1px solid var(--uui-interface-chosen,#1b264f)}input:checked:hover~#button{border:1px solid var(--uui-interface-chosen-hover,#26356e)}input:checked:hover~#button::after{background-color:var(--uui-interface-chosen-hover,#26356e)}:host([disabled]) label{cursor:default;opacity:.5}:host([disabled]) .label{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) input~#button{border:1px solid var(--uui-interface-border-disabled,#bdbdbd)}:host([disabled]) input:checked~#button{border:1px solid var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]) input:checked~#button::after{background-color:var(--uui-interface-chosen-disabled,#6a759a)}:host([disabled]:active) #button{animation:${Re}}@media (prefers-reduced-motion){:host([disabled]:active) #button{animation:none}#button::after{transition:none}}`],Q([B("#input")],U.prototype,"inputElement",2),Q([n({type:String})],U.prototype,"name",2),Q([n({type:String})],U.prototype,"value",2),Q([n({type:String})],U.prototype,"label",2),Q([n({type:Boolean,reflect:!0})],U.prototype,"checked",1),Q([n({type:Boolean,reflect:!0})],U.prototype,"disabled",1),U=Q([u("uui-radio")],U);class Kt extends x{}Kt.CHANGE="change";var Ca=Object.defineProperty,Oa=Object.getOwnPropertyDescriptor,ci=(r,e,i,o)=>{for(var t=o>1?void 0:o?Oa(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ca(e,i,t),t};const za="ArrowLeft",Aa="ArrowUp",Ia="ArrowRight",Sa="ArrowDown",Ua=" ";let Se=class extends qe(d){constructor(){super();this.disabled=!1,this._selected=null,this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=r=>{r.target.checked===!0&&(this.value=r.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown)}get value(){return this._value}set value(r){super.value=r,(r===null||r==="")&&this._makeFirstEnabledFocusable(),this._radioElements.forEach((e,i)=>{e.value===r?(e.checked=!0,this._selected=i):e.checked=!1})}focus(){var r,e;this._selected!==null?(r=this._radioElements[this._selected])==null||r.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var r,e;this._selected!==null?(r=this._radioElements[this._selected])==null||r.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}_setNameOnRadios(r){var e;(e=this._radioElements)==null||e.forEach(i=>i.name=r)}_setDisableOnRadios(r){var e;(e=this._radioElements)==null||e.forEach(i=>i.disabled=r)}_handleSlotChange(r){var e;if((e=this._radioElements)==null||e.forEach(i=>{i.removeEventListener(Ie.CHANGE,this._handleSelectOnClick),i.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=r.target.assignedElements({flatten:!0}).filter(i=>i instanceof U),this._radioElements.length>0){this._radioElements.forEach(o=>{o.addEventListener(Ie.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)});const i=this._radioElements.filter(o=>o.checked===!0);i.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),i.length===1?(this.value=i[0].value,this._selected=this._radioElements.indexOf(i[0]),i[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),i[0].makeFocusable()):this._makeFirstEnabledFocusable(),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0)):this._makeFirstEnabledFocusable()}}_makeFirstEnabledFocusable(){var r,e;this._selected=null,(r=this._radioElements)==null||r.forEach(i=>{i.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(r=1){if(!this._radioElements)return null;const e=this._selected||0,i=this._radioElements.length;let o=this._selected===null?0:1;for(;o<i;){let t=(e+o*r)%i;if(t<0&&(t+=i),this._radioElements[t].disabled===!1)return this._radioElements[t];o++}return null}_selectPreviousElement(){var r,e;this.value=((r=this._findNextEnabledElement(-1))==null?void 0:r.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var r,e;this.value=((r=this._findNextEnabledElement())==null?void 0:r.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(r){var e;switch(r.key){case za:case Aa:{r.preventDefault(),this._selectPreviousElement();break}case Ia:case Sa:{r.preventDefault(),this._selectNextElement();break}case Ua:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Kt(Kt.CHANGE))}updated(r){super.updated(r),r.has("disabled")&&this._setDisableOnRadios(r.get("disabled")),r.has("name")&&this._setNameOnRadios(r.get("name"))}render(){return l`<slot @slotchange="${this._handleSlotChange}"></slot>`}};Se.formAssociated=!0,Se.styles=[c`:host{display:inline-block;padding-right:3px;border:1px solid transparent;border-radius:var(--uui-border-radius,3px)}:host(:not([pristine]):invalid),:host(:not([pristine])[internals-invalid]){border:1px solid var(--uui-look-danger-border,#d42054)}`],ci([n({type:Boolean,reflect:!0})],Se.prototype,"disabled",2),Se=ci([u("uui-radio-group")],Se);var Da=Object.defineProperty,Na=Object.getOwnPropertyDescriptor,ja=(r,e,i,o)=>{for(var t=o>1?void 0:o?Na(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Da(e,i,t),t};let Yt=class extends d{render(){return l`<slot></slot>`}};Yt.styles=[c`:host{display:block}::slotted(:not(:first-child)){margin-top:1px}::slotted(:not(:first-child))::before{content:'';position:absolute;top:-1px;width:100%;border-top:1px solid #d3d3d3}`],Yt=ja([u("uui-ref-list")],Yt);class Ue extends x{}Ue.OPEN="open";var La=Object.defineProperty,Ha=Object.getOwnPropertyDescriptor,Xt=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ha(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&La(e,i,t),t};let Z=class extends Fe(Ve(d)){constructor(){super(...arguments);this.disabled=!1,this.error=!1}handleOpenClick(r){r.stopPropagation(),this.dispatchEvent(new Ue(Ue.OPEN))}handleOpenKeydown(r){r.key!==" "&&r.key!=="Enter"||(r.preventDefault(),r.stopPropagation(),this.dispatchEvent(new Ue(Ue.OPEN)))}};Z.styles=[c`:host{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);--uui-card-before-opacity:0;transition:--uui-card-before-opacity 120ms}:host(:focus){outline-color:#6ab4f0}:host([error]){border:2px solid var(--uui-look-danger-border,#d42054);box-shadow:0 0 4px 0 var(--uui-look-danger-border,#d42054),inset 0 0 2px 0 var(--uui-look-danger-border,#d42054)}:host([border]){border:1px solid var(--uui-interface-border,#c4c4c4)}:host([selectable]){cursor:pointer}:host([selectable]) #select-border{position:absolute;z-index:2;top:-2px;left:-2px;right:-2px;bottom:-2px;pointer-events:none;opacity:0;transition:opacity 120ms}:host([selectable]) #select-border::after{content:'';position:absolute;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--uui-interface-select,#3544b1);border-radius:calc(var(--uui-border-radius,3px) + 2px);box-shadow:0 0 4px 0 var(--uui-interface-select,#3544b1),inset 0 0 2px 0 var(--uui-interface-select,#3544b1)}:host([selected]) #select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border{opacity:.33}:host([selectable][selected]:hover) #select-border{opacity:.8}:host([selectable]:not([selected])) #open-part:hover+#select-border{opacity:0}:host([selectable][selected]) #open-part:hover+#select-border{opacity:1}:host([selectable]:not([selected]):hover) #select-border::after{animation:not-selected--hover 1.2s infinite}@keyframes not-selected--hover{0%,100%{opacity:.66}50%{opacity:1}}:host([selectable][selected]:hover) #select-border::after{animation:selected--hover 1.4s infinite}@keyframes selected--hover{0%,100%{opacity:1}50%{opacity:.66}}:host([selectable]) #open-part:hover+#select-border::after{animation:none}:host([select-only]) *,:host([select-only]) ::slotted(*){pointer-events:none}button{font-size:inherit;font-family:inherit;border:0;padding:0;background-color:transparent;text-align:left}slot[name=actions]{display:flex;align-items:center;--uui-button-height:calc(var(--uui-size-2,6px) * 4);margin-right:var(--uui-size-2,6px)}#actions-container{opacity:0;transition:opacity 120ms}:host(:hover) #actions-container{opacity:1}:host([border]:not([disabled]):hover){border-color:var(--uui-interface-border-hover,#b3b3b3)}:host([disabled]) #open-part{cursor:default}:host([border][disabled]){border-color:var(--uui-interface-border-disabled,#bdbdbd)}slot[name=tag]{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}`],Xt([n({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),Xt([n({type:Boolean,reflect:!0})],Z.prototype,"error",2),Z=Xt([u("uui-ref")],Z);var Ta=Object.defineProperty,Ma=Object.getOwnPropertyDescriptor,Je=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ma(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ta(e,i,t),t};let y=class extends Z{constructor(){super(...arguments);this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(r){this._iconSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail">${this.detail}<slot name="detail"></slot></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`<button type="button" id="open-part" tabindex="0" @click="${this.handleOpenClick}" @keydown="${this.handleOpenKeydown}" ?disabled="${this.disabled}"><span id="icon"><slot name="icon" @slotchange="${this._onSlotIconChange}"></slot>${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}</span><div id="info"><div id="name">${this.name}</div>${this.renderDetail()}</div></button><div id="select-border"></div><slot></slot><slot name="tag"></slot><slot name="actions" id="actions-container"></slot>`}};y.styles=[...Z.styles,c`:host{min-width:250px;padding:calc(var(--uui-size-2,6px) + 1px)}#open-part{align-self:stretch;display:flex;position:relative;align-items:center;cursor:pointer}#icon{font-size:1.2em;margin-left:var(--uui-size-2,6px);margin-right:var(--uui-size-1,3px)}#info{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;padding-left:var(--uui-size-2,6px)}#name{font-weight:700}#detail{font-size:var(--uui-type-small-size,12px)}:host(:not([disabled])) #open-part:hover #icon{color:var(--uui-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #name{font-weight:700;text-decoration:underline;color:var(--uui-interface-contrast-hover,#1b264f)}:host(:not([disabled])) #open-part:hover #detail{color:var(--uui-interface-contrast-hover,#1b264f)}:host([disabled]) #icon{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #name{color:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) #detail{color:var(--uui-interface-contrast-disabled,#73716e)}`],Je([n({type:String})],y.prototype,"name",2),Je([n({type:String})],y.prototype,"detail",2),Je([m()],y.prototype,"_iconSlotHasContent",2),y=Je([u("uui-ref-node")],y);var Ba=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,di=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ra(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ba(e,i,t),t};let et=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const r=[];return this.alias!==""&&r.push(this.alias),this.detail!==""&&r.push(this.detail),l`<small id="detail">${r.join(" | ")}<slot name="detail"></slot></small>`}};et.styles=[...y.styles],di([n({type:String})],et.prototype,"alias",2),et=di([u("uui-ref-node-data-type")],et);var Va=Object.defineProperty,Fa=Object.getOwnPropertyDescriptor,hi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Fa(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Va(e,i,t),t};let tt=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const r=[];return this.alias!==""&&r.push(this.alias),this.detail!==""&&r.push(this.detail),l`<small id="detail">${r.join(" | ")}<slot name="detail"></slot></small>`}};tt.styles=[...y.styles],hi([n({type:String})],tt.prototype,"alias",2),tt=hi([u("uui-ref-node-document-type")],tt);var qa=Object.defineProperty,Ga=Object.getOwnPropertyDescriptor,Wa=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ga(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&qa(e,i,t),t};let Qt=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}};Qt.styles=[...y.styles],Qt=Wa([u("uui-ref-node-form")],Qt);var Ka=Object.defineProperty,Ya=Object.getOwnPropertyDescriptor,pi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ya(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Ka(e,i,t),t};let rt=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const r=[];return this.detail!==""&&r.push(this.detail),this.groupName!==""&&r.push(this.groupName),l`<small id="detail">${r.join(" | ")}<slot name="detail"></slot></small>`}};rt.styles=[...y.styles],pi([n({type:String,attribute:"group-name"})],rt.prototype,"groupName",2),rt=pi([u("uui-ref-node-member")],rt);var Xa=Object.defineProperty,Qa=Object.getOwnPropertyDescriptor,Zt=(r,e,i,o)=>{for(var t=o>1?void 0:o?Qa(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Xa(e,i,t),t};let De=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const r=[];return this.detail!==""&&r.push(this.detail),this.version!==""&&r.push(this.version),this.author!==""&&r.push(this.author),l`<small id="detail">${r.join(" | ")}<slot name="detail"></slot></small>`}};De.styles=[...y.styles],Zt([n({type:String})],De.prototype,"version",2),Zt([n({type:String})],De.prototype,"author",2),De=Zt([u("uui-ref-node-package")],De);var Za=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,vi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Ja(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Za(e,i,t),t};let it=class extends y{constructor(){super(...arguments);this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const r=[];return this.detail!==""&&r.push(this.detail),this.groupName!==""&&r.push(this.groupName),l`<small id="detail">${r.join(" | ")}<slot name="detail"></slot></small>`}};it.styles=[...y.styles],vi([n({type:String,attribute:"group-name"})],it.prototype,"groupName",2),it=vi([u("uui-ref-node-user")],it);var en=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,rn=(r,e,i,o)=>{for(var t=o>1?void 0:o?tn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&en(e,i,t),t};let Jt=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Jt.styles=[c`:host{display:block;scrollbar-width:thin;scrollbar-color:var(--uui-interface-contrast-disabled,#73716e) var(--uui-interface-background-alt);overflow-y:scroll}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background:var(--uui-interface-background-alt);border-radius:3px}:host::-webkit-scrollbar-thumb{background-color:var(--uui-interface-contrast-disabled,#73716e);border-radius:3px}`],Jt=rn([u("uui-scroll-container")],Jt);class er extends x{}er.CHANGE="change";var on=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,z=(r,e,i,o)=>{for(var t=o>1?void 0:o?sn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&on(e,i,t),t};let $=class extends d{constructor(){super();this.placeholder="",this.disabled=!1,this.error=!1,this.name="",this._value="",this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._internals=this.attachInternals(),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}get value(){return this._value}set value(r){const e=this._value;this._value=r,this._internals.setFormValue(this.name!==""?this._value:null),this.requestUpdate("value",e)}focus(){var r;((r=this.shadowRoot)==null?void 0:r.querySelector("#native")).focus()}click(){var r;((r=this.shadowRoot)==null?void 0:r.querySelector("#native")).click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=[...new Set(this.options.filter(r=>r.group).map(r=>r.group))])}willUpdate(r){r.has("options")&&this._extractGroups(),r.has("disabledGroups")&&this._createDisabledGroups()}setValue(r){const e=r.target;r.target&&(this.value=e.value),this.dispatchEvent(new er(er.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(r,e,i,o){return l`<option value="${e}" ?selected="${i}" ?disabled="${o}">${r}</option>`}_renderGrouped(){return this._groups.length===0?l``:l`${this._groups.map(r=>l`<optgroup label="${r}" ?disabled="${this._disabledGroups.some(e=>e.toLowerCase()===r.toLowerCase())}">${this.options.map(e=>e.group===r?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}</optgroup>`)}`}render(){return l`<select id="native" aria-label="${this.label}" @change="${this.setValue}" ?disabled="${this.disabled}" .name="${this.name}"><option disabled="disabled" selected="selected" value="" hidden>${this.placeholder}</option>${this._renderGrouped()} ${this.options.filter(r=>!r.group).map(r=>this._renderOption(r.name,r.value,r.selected,r.disabled))}</select>`}};$.styles=[c`:host{position:relative;font-family:inherit}#native{display:inline-block;font-family:inherit;font-size:var(--uui-select-font-size,var(--uui-size-5,15px));height:var(--uui-select-height,var(--uui-size-11,33px));width:100%;padding:var(--uui-select-padding-y,var(--uui-size-1,3px)) var(--uui-select-padding-x,var(--uui-size-2,6px));color:currentColor;border-radius:0;box-sizing:border-box;background-color:transparent;border:1px solid var(--uui-select-border-color,var(--uui-interface-border,#c4c4c4));transition:all 150ms ease}#native:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}#native[disabled]{cursor:not-allowed;background-color:var(--uui-select-disabled-background-color,var(--uui-interface-surface-disabled,#e4e4e4))}#native:hover{border:1px solid var(--uui-select-border-color-hover,var(--uui-interface-border-hover,#b3b3b3))}option:checked{background:var(--uui-select-selected-option-background-color,var(--uui-interface-active,#f5c1bc))}#native:focus{outline-color:var(--uui-select-outline-color,var(--uui-color-malibu,#3879ff))}#caret{position:absolute;right:12px;top:50%;transform:translateY(-50%)}:host([error]) #native{border:1px solid var(--uui-look-danger-border,#d42054)}:host([error]) #native[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)}`],$.formAssociated=!0,z([n({type:String})],$.prototype,"label",2),z([n()],$.prototype,"placeholder",2),z([n({type:Boolean,reflect:!0})],$.prototype,"disabled",2),z([n({type:Boolean,reflect:!0})],$.prototype,"error",2),z([n({type:String})],$.prototype,"name",2),z([n({type:String})],$.prototype,"value",1),z([n({type:Array,attribute:!1})],$.prototype,"options",2),z([m()],$.prototype,"_groups",2),z([n()],$.prototype,"disabledGroups",2),z([m()],$.prototype,"_disabledGroups",2),$=z([u("uui-select")],$);const an=c`
|
|
64
|
+
input[type='range'] {
|
|
65
|
+
left: 0;
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 0;
|
|
68
|
+
height: 100%;
|
|
69
|
+
width: 100%;
|
|
70
|
+
z-index: 2;
|
|
71
|
+
|
|
72
|
+
height: 100%;
|
|
73
|
+
-webkit-appearance: none;
|
|
74
|
+
margin: 0px;
|
|
75
|
+
padding: 0px;
|
|
76
|
+
border: 0 none;
|
|
77
|
+
background: transparent;
|
|
78
|
+
color: transparent;
|
|
79
|
+
overflow: visible;
|
|
80
|
+
border: none;
|
|
81
|
+
}
|
|
82
|
+
input[type='range']:focus {
|
|
83
|
+
outline: none;
|
|
84
|
+
}
|
|
85
|
+
input[type='range']::-webkit-slider-runnable-track {
|
|
86
|
+
width: 100%;
|
|
87
|
+
height: 100%;
|
|
88
|
+
-webkit-appearance: none;
|
|
89
|
+
margin: 0px;
|
|
90
|
+
padding: 0px;
|
|
91
|
+
border: none;
|
|
92
|
+
background: transparent;
|
|
93
|
+
color: transparent;
|
|
94
|
+
overflow: visible;
|
|
95
|
+
order: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
99
|
+
background: transparent;
|
|
100
|
+
border: none;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
input[type='range']::-moz-range-track {
|
|
104
|
+
width: 100%;
|
|
105
|
+
height: 100%;
|
|
106
|
+
-moz-appearance: none;
|
|
107
|
+
margin: 0px;
|
|
108
|
+
padding: 0px;
|
|
109
|
+
border: 0 none;
|
|
110
|
+
background: transparent;
|
|
111
|
+
color: transparent;
|
|
112
|
+
overflow: visible;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
input[type='range']::-ms-track {
|
|
116
|
+
width: 100%;
|
|
117
|
+
height: 100%;
|
|
118
|
+
-webkit-appearance: none;
|
|
119
|
+
margin: 0px;
|
|
120
|
+
padding: 0px;
|
|
121
|
+
border: 0 none;
|
|
122
|
+
background: transparent;
|
|
123
|
+
color: transparent;
|
|
124
|
+
overflow: visible;
|
|
125
|
+
}
|
|
126
|
+
input[type='range']::-ms-fill-lower,
|
|
127
|
+
input[type='range']::-ms-fill-upper {
|
|
128
|
+
background: transparent;
|
|
129
|
+
border: 0 none;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
input[type='range']::-ms-tooltip {
|
|
133
|
+
display: none;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
input[type='range']::-moz-range-thumb {
|
|
137
|
+
width: 18px;
|
|
138
|
+
height: 18px;
|
|
139
|
+
border-radius: 12px;
|
|
140
|
+
border: 0 none;
|
|
141
|
+
background: transparent;
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
input[type='range']::-webkit-slider-thumb {
|
|
146
|
+
width: 18px;
|
|
147
|
+
height: 18px;
|
|
148
|
+
border-radius: 12px;
|
|
149
|
+
border: 0 none;
|
|
150
|
+
background: transparent;
|
|
151
|
+
cursor: pointer;
|
|
152
|
+
-webkit-appearance: none;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
input[type='range']::-ms-thumb {
|
|
156
|
+
width: 18px;
|
|
157
|
+
height: 18px;
|
|
158
|
+
border-radius: 12px;
|
|
159
|
+
border: 0 none;
|
|
160
|
+
background: transparent;
|
|
161
|
+
cursor: pointer;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
input[type='range']:focus::-ms-fill-lower {
|
|
165
|
+
background: transparent;
|
|
166
|
+
}
|
|
167
|
+
input[type='range']:focus::-ms-fill-upper {
|
|
168
|
+
background: transparent;
|
|
169
|
+
}
|
|
170
|
+
`;class de extends x{}de.INPUT="input",de.CHANGE="change";var nn=Object.defineProperty,ln=Object.getOwnPropertyDescriptor,E=(r,e,i,o)=>{for(var t=o>1?void 0:o?ln(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&nn(e,i,t),t};const Ne=12,bi=24,un=(r,e)=>v`
|
|
171
|
+
${r.map(i=>{if(e>=bi){const o=Math.round(Ne+e*r.indexOf(i));return v`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return v``})}
|
|
172
|
+
`,cn=(r,e,i)=>i?l``:l`<div id="step-values">
|
|
173
|
+
${r.map(o=>l` <span
|
|
174
|
+
><span>
|
|
175
|
+
${r.length<=20&&e>=bi?o.toFixed(0):g}
|
|
176
|
+
</span></span
|
|
177
|
+
>`)}
|
|
178
|
+
</div>`,dn=(r,e,i)=>Array.from({length:(e-r)/i+1},(o,t)=>r+t*i);let w=class extends qe(d){constructor(){super();this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}get value(){return this._value}set value(r){if(r instanceof File)return;const e=this._value;let i=r?parseFloat(r):0;i=Math.min(Math.max(i,this.min),this.max),this.step>0&&(i=Math.round(i/this.step)*this.step),this._value=i.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",e)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(r){super.updated(r),(r.get("max")||r.get("min")||r.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=dn(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Ne*2)/(this._steps.length-1)}_calculateSliderPosition(){const r=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(r*1e5)/1e3}%`}_onInput(){this.value=this._input.value,this.dispatchEvent(new de(de.INPUT))}_onChange(){this.pristine=!1,this.dispatchEvent(new de(de.CHANGE))}render(){return l`
|
|
179
|
+
<input
|
|
180
|
+
id="input"
|
|
181
|
+
type="range"
|
|
182
|
+
min="${this.min}"
|
|
183
|
+
max="${this.max}"
|
|
184
|
+
.value="${this.value}"
|
|
185
|
+
aria-label="${this.label}"
|
|
186
|
+
step="${+this.step}"
|
|
187
|
+
?disabled=${this.disabled}
|
|
188
|
+
@input=${this._onInput}
|
|
189
|
+
@change=${this._onChange} />
|
|
190
|
+
<div id="track" aria-hidden="true">
|
|
191
|
+
<svg height="100%" width="100%">
|
|
192
|
+
<rect x="9" y="9" height="3" rx="2" />
|
|
193
|
+
${un(this._steps,this._stepWidth)}
|
|
194
|
+
</svg>
|
|
195
|
+
|
|
196
|
+
<div id="track-inner" aria-hidden="true">
|
|
197
|
+
<div id="thumb" style=${Me({left:this._sliderPosition})}>
|
|
198
|
+
<div id="thumb-label">${this.value}</div>
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
201
|
+
</div>
|
|
202
|
+
${cn(this._steps,this._stepWidth,this.hideStepValues)}
|
|
203
|
+
`}};w.formAssociated=!0,w.styles=[uo,an,c`
|
|
204
|
+
:host {
|
|
205
|
+
display: inline-block;
|
|
206
|
+
width: 100%;
|
|
207
|
+
position: relative;
|
|
208
|
+
min-height: 30px;
|
|
209
|
+
user-select: none;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
input {
|
|
213
|
+
box-sizing: border-box;
|
|
214
|
+
height: 18px;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
#track {
|
|
218
|
+
position: relative;
|
|
219
|
+
height: 18px;
|
|
220
|
+
width: 100%;
|
|
221
|
+
display: flex;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
#track svg {
|
|
225
|
+
height: 21px;
|
|
226
|
+
/*border: 1px solid var(--uui-interface-border);*/
|
|
227
|
+
border-radius: 10px;
|
|
228
|
+
background-color: var(--uui-interface-surface,#fefefe);
|
|
229
|
+
}
|
|
230
|
+
#track svg rect {
|
|
231
|
+
width: calc(100% - 18px);
|
|
232
|
+
fill: var(--uui-interface-border,#c4c4c4);
|
|
233
|
+
}
|
|
234
|
+
input:hover ~ #track svg rect {
|
|
235
|
+
fill: var(--uui-interface-border-hover,rgb(179, 179, 179));
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
input:focus ~ #track svg {
|
|
239
|
+
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
240
|
+
var(--uui-interface-outline,#3879ff);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.track-step {
|
|
244
|
+
fill: var(--uui-interface-border,#c4c4c4);
|
|
245
|
+
}
|
|
246
|
+
input:hover ~ #track svg .track-step {
|
|
247
|
+
fill: var(--uui-interface-border-hover,rgb(179, 179, 179));
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
#track-inner {
|
|
251
|
+
position: absolute;
|
|
252
|
+
left: ${Ne}px; /* Match TRACK_MARGIN */
|
|
253
|
+
right: ${Ne}px; /* Match TRACK_MARGIN */
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
#thumb {
|
|
257
|
+
position: absolute;
|
|
258
|
+
top: 2px;
|
|
259
|
+
bottom: 0;
|
|
260
|
+
left: 0;
|
|
261
|
+
height: 17px;
|
|
262
|
+
width: 17px;
|
|
263
|
+
margin-left: -8px;
|
|
264
|
+
margin-right: -8px;
|
|
265
|
+
border-radius: 50%;
|
|
266
|
+
box-sizing: border-box;
|
|
267
|
+
|
|
268
|
+
background-color: var(--uui-interface-surface,#fefefe);
|
|
269
|
+
border: 2px solid var(--uui-interface-select,#3544b1);
|
|
270
|
+
|
|
271
|
+
transition: 120ms left ease;
|
|
272
|
+
}
|
|
273
|
+
:host([disabled]) #thumb {
|
|
274
|
+
background-color: var(--uui-interface-surface-disabled,rgb(228, 228, 228));
|
|
275
|
+
border-color: var(--uui-interface-select-disabled,rgb(87, 87, 87));
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
#thumb:after {
|
|
279
|
+
content: '';
|
|
280
|
+
position: absolute;
|
|
281
|
+
top: 2px;
|
|
282
|
+
left: 2px;
|
|
283
|
+
height: 9px;
|
|
284
|
+
width: 9px;
|
|
285
|
+
border-radius: 50%;
|
|
286
|
+
background-color: var(--uui-interface-select,#3544b1);
|
|
287
|
+
}
|
|
288
|
+
:host([disabled]) #thumb:after {
|
|
289
|
+
background-color: var(--uui-interface-select-disabled,rgb(87, 87, 87));
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
#thumb-label {
|
|
293
|
+
position: absolute;
|
|
294
|
+
box-sizing: border-box;
|
|
295
|
+
font-weight: 700;
|
|
296
|
+
bottom: 15px;
|
|
297
|
+
left: 50%;
|
|
298
|
+
width: 40px;
|
|
299
|
+
margin-left: -20px;
|
|
300
|
+
text-align: center;
|
|
301
|
+
opacity: 0;
|
|
302
|
+
transition: 120ms opacity;
|
|
303
|
+
color: var(--uui-interface-select,#3544b1);
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
input:focus ~ #track #thumb-label,
|
|
307
|
+
input:hover ~ #track #thumb-label {
|
|
308
|
+
opacity: 1;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
#step-values {
|
|
312
|
+
margin: 0 ${Ne}px; /* Match TRACK_MARGIN */
|
|
313
|
+
margin-top: 6px;
|
|
314
|
+
display: flex;
|
|
315
|
+
align-items: flex-end;
|
|
316
|
+
box-sizing: border-box;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
#step-values > span {
|
|
320
|
+
flex-basis: 0;
|
|
321
|
+
flex-grow: 1;
|
|
322
|
+
color: var(--uui-interface-contrast-disabled,rgb(115, 113, 110));
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
#step-values > span > span {
|
|
326
|
+
transform: translateX(-50%);
|
|
327
|
+
display: inline-block;
|
|
328
|
+
text-align: center;
|
|
329
|
+
font-size: var(--uui-type-small-size,12px);
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
#step-values > span:last-child {
|
|
333
|
+
width: 0;
|
|
334
|
+
flex-grow: 0;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
:host(:not([pristine]):invalid) #thumb {
|
|
338
|
+
border-color: var(--uui-look-danger-border,#d42054);
|
|
339
|
+
}
|
|
340
|
+
:host(:not([pristine]):invalid) #thumb:after {
|
|
341
|
+
background-color: var(--uui-look-danger-surface,#d42054);
|
|
342
|
+
}
|
|
343
|
+
`],E([n({type:Boolean,attribute:"hide-step-values"})],w.prototype,"hideStepValues",2),E([n({type:Number})],w.prototype,"min",2),E([n({type:Number})],w.prototype,"max",2),E([n({type:Number})],w.prototype,"step",2),E([n({type:String})],w.prototype,"value",1),E([n({type:Boolean,reflect:!0})],w.prototype,"disabled",2),E([n({type:String})],w.prototype,"label",2),E([B("#input")],w.prototype,"_input",2),E([B("#track")],w.prototype,"_track",2),E([m()],w.prototype,"_stepWidth",2),E([m()],w.prototype,"_steps",2),E([m()],w.prototype,"_sliderPosition",2),w=E([u("uui-slider")],w);var hn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,fi=(r,e,i,o)=>{for(var t=o>1?void 0:o?pn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&hn(e,i,t),t};let ot=class extends d{constructor(){super(...arguments);this.open=!1}render(){return l`<svg viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};ot.styles=[c`:host{display:inline-block;width:12px;vertical-align:middle}svg{fill:currentColor;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform 120ms ease-in-out}:host([open]) svg{transform:rotate(0)}`],fi([n({type:Boolean,reflect:!0})],ot.prototype,"open",2),ot=fi([u("uui-symbol-expand")],ot);var vn=Object.defineProperty,bn=Object.getOwnPropertyDescriptor,gi=(r,e,i,o)=>{for(var t=o>1?void 0:o?bn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&vn(e,i,t),t};let st=class extends d{constructor(){super(...arguments);this.type=""}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg> ${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""}`}};st.styles=[c`:host{position:relative;display:block}#file-type{position:absolute;bottom:24%;left:25.5%;margin-left:calc(var(--uui-size-3,9px) * -1);padding:0 var(--uui-size-3,9px);font-weight:700;color:var(--uui-color-gunmetal,#162335);background-color:var(--uui-color-spanish-pink,#f5c1bc)}#icon{fill:var(--uui-interface-border,#c4c4c4)}`],gi([n({type:String})],st.prototype,"type",2),st=gi([u("uui-symbol-file")],st);var fn=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,mn=(r,e,i,o)=>{for(var t=o>1?void 0:o?gn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&fn(e,i,t),t};let tr=class extends d{render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" id="icon"><path d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z"/></svg>`}};tr.styles=[c`:host{display:block;box-sizing:border-box;position:relative;max-width:100px}#icon{fill:var(--uui-interface-border,#d3d3d3)}`],tr=mn([u("uui-symbol-folder")],tr);var _n=Object.defineProperty,yn=Object.getOwnPropertyDescriptor,xn=(r,e,i,o)=>{for(var t=o>1?void 0:o?yn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&_n(e,i,t),t};let rr=class extends d{render(){return l`•••`}};rr.styles=[c`:host{display:inline-block;font-size:.8em;vertical-align:top;margin-top:.27em;line-height:1em;user-select:none}`],rr=xn([u("uui-symbol-more")],rr);var wn=Object.defineProperty,$n=Object.getOwnPropertyDescriptor,mi=(r,e,i,o)=>{for(var t=o>1?void 0:o?$n(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&wn(e,i,t),t};let at=class extends It(d){constructor(){super(...arguments);this.descending=!1}render(){return l`<svg id="up" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg> <svg id="down" viewBox="0 0 512 512"><path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path></svg>`}};at.styles=[c`:host{position:relative;display:inline-block;width:.8em;height:1em;vertical-align:middle;pointer-events:none}svg{position:absolute;left:0;top:50%;width:.8em;fill:currentColor;transform-origin:50% 50%;transition:transform 120ms ease-in-out,opacity 120ms,margin-top 240ms;opacity:0;margin-top:-.5em}#up{transform:rotate(180deg);margin-top:-.7em}#down{margin-top:-.3em}:host([active]) #up{margin-top:calc(-.5em - (.2em * var(--uui-symbol-sort-hover,0)))}:host([active]) #down{margin-top:calc(-.5em + (.2em * var(--uui-symbol-sort-hover,0)))}:host(:hover){--uui-symbol-sort-hover:1}:host(:not([active])) #down,:host(:not([active])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active]:not([descending])) #down{opacity:1}:host([active]:not([descending])) #up{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}:host([active][descending]) #up{opacity:1}:host([active][descending]) #down{opacity:calc(.25 * var(--uui-symbol-sort-hover,0))}`],mi([n({type:Boolean,reflect:!0})],at.prototype,"descending",2),at=mi([u("uui-symbol-sort")],at);var kn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,Pn=(r,e,i,o)=>{for(var t=o>1?void 0:o?En(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&kn(e,i,t),t};let ir=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};ir.styles=[c`:host{display:table;width:100%;border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe);cursor:default}`],ir=Pn([u("uui-table")],ir);var Cn=Object.defineProperty,On=Object.getOwnPropertyDescriptor,nt=(r,e,i,o)=>{for(var t=o>1?void 0:o?On(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Cn(e,i,t),t};let G=class extends d{constructor(){super(...arguments);this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(r){super.updated(r),r.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l`<slot @slotchange="${this._detectOverflow}"></slot>`}};G.styles=[c`:host{display:table-cell;height:var(--uui-size-12,36px);padding:var(--uui-table-cell-padding,var(--uui-size-4,12px) var(--uui-size-5,15px));border-top:1px solid var(--uui-interface-border,#c4c4c4);vertical-align:middle}:host([clip-text]){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}:host([disable-child-interaction]) ::slotted(*){pointer-events:none}:host([disable-child-interaction])::after{content:'';position:absolute;inset:0}`],nt([n({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],G.prototype,"disableChildInteraction",2),nt([n({type:Boolean,reflect:!0,attribute:"no-padding"})],G.prototype,"noPadding",2),nt([n({type:Boolean,reflect:!0,attribute:"clip-text"})],G.prototype,"clipText",2),G=nt([u("uui-table-cell")],G);var zn=Object.defineProperty,An=Object.getOwnPropertyDescriptor,In=(r,e,i,o)=>{for(var t=o>1?void 0:o?An(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&zn(e,i,t),t};let or=class extends d{};or.styles=[c`:host{display:table-column}`],or=In([u("uui-table-column")],or);var Sn=Object.defineProperty,Un=Object.getOwnPropertyDescriptor,Dn=(r,e,i,o)=>{for(var t=o>1?void 0:o?Un(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Sn(e,i,t),t};let sr=class extends G{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};sr.styles=[...G.styles,c`:host{border-top:none}`],sr=Dn([u("uui-table-head-cell")],sr);var Nn=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Ln=(r,e,i,o)=>{for(var t=o>1?void 0:o?jn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Nn(e,i,t),t};let ar=class extends d{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};ar.styles=[c`:host{display:table-header-group;font-weight:700}`],ar=Ln([u("uui-table-head")],ar);var Hn=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,_i=(r,e,i,o)=>{for(var t=o>1?void 0:o?Tn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Hn(e,i,t),t};let lt=class extends Fe(Ve(d)){connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(r){r.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(r=>{r.disableChildInteraction=this.selectOnly})}render(){return l`<slot @slotchanged="${this.updateChildSelectOnly}"></slot>`}};lt.styles=[c`:host{display:table-row;position:relative}:host([selectable]){cursor:pointer}:host([selected]){outline:2px solid var(--uui-interface-select,#3544b1);outline-offset:-3px}`],_i([Pt(void 0,!0,"uui-table-cell")],lt.prototype,"slotCellNodes",2),lt=_i([u("uui-table-row")],lt);var Mn=Object.defineProperty,Bn=Object.getOwnPropertyDescriptor,yi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Bn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Mn(e,i,t),t};let ut=class extends It($e("",d)){constructor(){super();this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(r){this.disabled&&(r.preventDefault(),r.stopImmediatePropagation())}render(){return l`<button type="button" ?disabled="${this.disabled}" role="tab">${this.renderLabel()}</button>`}};ut.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)}`],yi([n({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),ut=yi([u("uui-tab")],ut);var Rn=Object.defineProperty,Vn=Object.getOwnPropertyDescriptor,xi=(r,e,i,o)=>{for(var t=o>1?void 0:o?Vn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Rn(e,i,t),t};let ct=class extends d{constructor(){super(...arguments);this.tabElements=[],this.onTabActive=r=>{const e=r.target;e.active=!0,this.tabElements.filter(o=>o!==e).forEach(o=>{o.active=!1})}}setTabArray(){this.tabElements=this.slotNodes?this.slotNodes:[]}onSlotChange(){this.setTabArray(),this.tabElements&&this.tabElements.forEach(r=>{r.removeEventListener("click",this.onTabActive)}),this.tabElements.forEach(r=>{r.addEventListener("click",this.onTabActive)})}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l`<slot @slotchange="${this.onSlotChange}"></slot>`}};ct.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)}`],xi([Pt(void 0,!0,"uui-tab")],ct.prototype,"slotNodes",2),ct=xi([u("uui-tab-group")],ct);var Fn=Object.defineProperty,qn=Object.getOwnPropertyDescriptor,wi=(r,e,i,o)=>{for(var t=o>1?void 0:o?qn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Fn(e,i,t),t};let dt=class extends d{constructor(){super(...arguments);this.look=jt}render(){return l`<slot></slot>`}};dt.styles=[c`:host{display:inline-block;font-size:var(--uui-tag-font-size,var(--uui-type-small-size,12px));font-weight:700;line-height:1;padding:var(--uui-size-space-1,3px) calc(var(--uui-size-space-1,3px) + .5em);border-radius:100px;background-color:var(--uui-interface-surface-alt,#d8d7d9);color:var(--uui-interface-contrast,#060606);user-select:none}slot{display:flex;align-items:center;justify-content:center;margin:2px}:host([look=primary]){background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=secondary]){background-color:var(--uui-look-secondary-surface,#e2dad4);color:var(--uui-look-secondary-contrast,#1b264f)}:host([look=outline]){background-color:var(--uui-look-outline-surface,transparent);color:var(--uui-look-outline-contrast,#1b264f);border:1px solid var(--uui-look-outline-border,#1b264f)}:host([look=placeholder]){background-color:var(--uui-look-placeholder-surface,transparent);color:var(--uui-look-placeholder-contrast,#1b264f);border:1px dashed var(--uui-look-placeholder-border,#1b264f)}:host([look=positive]){background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]){background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606)}:host([look=danger]){background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe)}`],wi([n({reflect:!0})],dt.prototype,"look",2),dt=wi([u("uui-tag")],dt);class he extends x{}he.CHANGE="change",he.INPUT="input";var Gn=Object.defineProperty,Wn=Object.getOwnPropertyDescriptor,D=(r,e,i,o)=>{for(var t=o>1?void 0:o?Wn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Gn(e,i,t),t};let P=class extends d{constructor(){super();this.placeholder="",this.disabled=!1,this._value="",this.name="",this.error=!1,this.autoHeight=!1,this._internals=this.attachInternals(),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}get value(){return this._value}set value(r){this._value=r,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var r;(r=this._textarea)==null||r.focus()}onInput(r){this.value=r.target.value,this.autoHeight&&this.autoUpdateHeight(),this.dispatchEvent(new he(he.INPUT))}onChange(){this.dispatchEvent(new he(he.CHANGE))}autoUpdateHeight(){const r=this.shadowRoot.host,e=this._textarea,i=r.scrollTop,o=getComputedStyle(r).height;r.style.display="block",r.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),r.style.removeProperty("display"),r.style.removeProperty("height"),r.scrollTop=i}render(){return l`<textarea id="textarea" .value="${this.value}" .name="${this.name}" placeholder="${this.placeholder}" aria-label="${this.label}" .disabled="${this.disabled}" @input="${this.onInput}" @change="${this.onChange}">
|
|
344
|
+
</textarea>`}};P.styles=[c`:host{position:relative}:host([error]) textarea{border:1px solid var(--uui-look-danger-border,#d42054)!important}:host([error]) textarea[disabled]{border:1px solid var(--uui-look-danger-border,#d42054)!important}:host([auto-height]) textarea{resize:none}.label{display:inline-block;margin-bottom:var(--uui-size-1,3px);font-weight:700}textarea[disabled]{cursor:not-allowed;background-color:var(--uui-textarea-background-color-disabled,var(--uui-interface-surface-disabled,#e4e4e4));border:1px solid var(--uui-textarea-border-color-disabled,var(--uui-interface-border-disable));color:var(--uui-interface-contrast-disabled,#73716e)}textarea{font-family:inherit;box-sizing:border-box;min-width:100%;max-width:100%;font-size:var(--uui-size-5,15px);padding:var(--uui-size-2,6px);border:1px solid var(--uui-textarea-border-color,var(--uui-interface-border,#c4c4c4));border-radius:0;outline:0;min-height:var(--uui-textarea-min-height);max-height:var(--uui-textarea-max-height)}:host(:focus) textarea,:host(:focus-within) textarea,:host(:hover) textarea{border-color:var(--uui-textarea-border-color,var(--uui-interface-border-focus,#b3b3b3))}textarea:focus{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}`],P.formAssociated=!0,D([n()],P.prototype,"placeholder",2),D([n({type:Boolean,reflect:!0})],P.prototype,"disabled",2),D([m()],P.prototype,"_value",2),D([n()],P.prototype,"value",1),D([n({type:String})],P.prototype,"name",2),D([n({type:Boolean,reflect:!0})],P.prototype,"error",2),D([B("#textarea")],P.prototype,"_textarea",2),D([n({type:Boolean,attribute:"auto-height",reflect:!0})],P.prototype,"autoHeight",2),D([n({type:String})],P.prototype,"label",2),P=D([u("uui-textarea")],P);class Kn{constructor(e,i){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const $i=(r,e,i=`This element has to be present for ${r.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${r.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",i,r)};var Yn=`.uui-text {
|
|
345
|
+
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
346
|
+
font-size: 15px;
|
|
347
|
+
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
348
|
+
-webkit-font-smoothing: antialiased;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.uui-text h1,
|
|
352
|
+
.uui-text .uui-h1 {
|
|
353
|
+
font-size: var(--uui-type-h1-size,60px);
|
|
354
|
+
line-height: var(--uui-size-layout-4,66px);
|
|
355
|
+
font-weight: 300;
|
|
356
|
+
margin-left: -5px;
|
|
357
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
358
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
359
|
+
}
|
|
360
|
+
.uui-text p + h1,
|
|
361
|
+
.uui-text p + .uui-h1 {
|
|
362
|
+
margin-top: var(--uui-size-layout-4,66px);
|
|
363
|
+
}
|
|
364
|
+
.uui-text h1.--no-top-margin,
|
|
365
|
+
.uui-text h1:first-child,
|
|
366
|
+
.uui-text .uui-h1.--no-top-margin,
|
|
367
|
+
.uui-text .uui-h1:first-child {
|
|
368
|
+
margin-top: 0;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.uui-text h2,
|
|
372
|
+
.uui-text .uui-h2 {
|
|
373
|
+
font-size: var(--uui-type-h2-size,42px);
|
|
374
|
+
line-height: var(--uui-size-layout-3,42px);
|
|
375
|
+
font-weight: 300;
|
|
376
|
+
margin-left: -3px;
|
|
377
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
378
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
379
|
+
}
|
|
380
|
+
.uui-text p + h2,
|
|
381
|
+
.uui-text p + .uui-h2 {
|
|
382
|
+
margin-top: var(--uui-size-layout-3,42px);
|
|
383
|
+
}
|
|
384
|
+
.uui-text h2.--no-top-margin,
|
|
385
|
+
.uui-text h2:first-child,
|
|
386
|
+
.uui-text .uui-h2.--no-top-margin,
|
|
387
|
+
.uui-text .uui-h2:first-child {
|
|
388
|
+
margin-top: 0;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.uui-text h3,
|
|
392
|
+
.uui-text .uui-h3 {
|
|
393
|
+
font-size: var(--uui-type-h3-size,30px);
|
|
394
|
+
line-height: var(--uui-size-large);
|
|
395
|
+
font-weight: 300;
|
|
396
|
+
margin-left: -2px;
|
|
397
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
398
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
399
|
+
}
|
|
400
|
+
.uui-text h3.--no-top-margin,
|
|
401
|
+
.uui-text h3:first-child,
|
|
402
|
+
.uui-text .uui-h3.--no-top-margin,
|
|
403
|
+
.uui-text .uui-h3:first-child {
|
|
404
|
+
margin-top: 0;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.uui-text h4,
|
|
408
|
+
.uui-text .uui-h4 {
|
|
409
|
+
font-size: var(--uui-type-h4-size,21px);
|
|
410
|
+
line-height: 21px;
|
|
411
|
+
font-weight: 400;
|
|
412
|
+
margin-left: -1px;
|
|
413
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
414
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
415
|
+
}
|
|
416
|
+
.uui-text h4.--no-top-margin,
|
|
417
|
+
.uui-text h4:first-child,
|
|
418
|
+
.uui-text .uui-h4.--no-top-margin,
|
|
419
|
+
.uui-text .uui-h4:first-child {
|
|
420
|
+
margin-top: 0;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.uui-text h5,
|
|
424
|
+
.uui-text .uui-h5 {
|
|
425
|
+
font-size: var(--uui-type-h5-size,15px);
|
|
426
|
+
line-height: inherit;
|
|
427
|
+
font-weight: 700;
|
|
428
|
+
margin-left: 0;
|
|
429
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
430
|
+
margin-bottom: 0;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.uui-text h5.--no-top-margin,
|
|
434
|
+
.uui-text h5:first-child,
|
|
435
|
+
.uui-text .uui-h5.--no-top-margin,
|
|
436
|
+
.uui-text .uui-h5:first-child {
|
|
437
|
+
margin-top: 0;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.uui-text p {
|
|
441
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
442
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
443
|
+
}
|
|
444
|
+
.uui-text p.uui-lead {
|
|
445
|
+
font-size: var(--uui-size-6,18px);
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.uui-text a:link,
|
|
449
|
+
.uui-text a:active {
|
|
450
|
+
color: var(--uui-color-space-cadet,#1b264f);
|
|
451
|
+
}
|
|
452
|
+
.uui-text a:hover {
|
|
453
|
+
color: var(--uui-color-violet-blue,#3544b1);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
.uui-text small {
|
|
457
|
+
display: inline-block;
|
|
458
|
+
font-size: var(--uui-type-small-size,12px);
|
|
459
|
+
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
460
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.uui-text blockquote {
|
|
464
|
+
float: right;
|
|
465
|
+
font-size: 15px;
|
|
466
|
+
font-weight: 700;
|
|
467
|
+
font-style: italic;
|
|
468
|
+
margin-top: 0;
|
|
469
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
470
|
+
margin-right: -0.035em;
|
|
471
|
+
max-width: 16em;
|
|
472
|
+
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
473
|
+
line-height: inherit;
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
.uui-text blockquote:before {
|
|
477
|
+
content: open-quote;
|
|
478
|
+
margin-left: -0.4em;
|
|
479
|
+
margin-right: 0.08em;
|
|
480
|
+
vertical-align: bottom;
|
|
481
|
+
font-weight: 400;
|
|
482
|
+
font-size: 2em;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.uui-text blockquote:after {
|
|
486
|
+
content: close-quote;
|
|
487
|
+
margin-left: 0.04em;
|
|
488
|
+
margin-right: -0.4em;
|
|
489
|
+
vertical-align: bottom;
|
|
490
|
+
font-weight: 400;
|
|
491
|
+
font-size: 2em;
|
|
492
|
+
margin-bottom: -2px;
|
|
493
|
+
display: inline-block;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.uui-text ul {
|
|
497
|
+
list-style-type: square;
|
|
498
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
499
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
500
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
.uui-text ol {
|
|
504
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
505
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
506
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
507
|
+
}
|
|
508
|
+
`;const ki=ve(Yn);class k extends x{}k.OPENING="opening",k.OPENED="opened",k.CLOSING="closing",k.CLOSED="closed";var Xn=Object.defineProperty,Qn=Object.getOwnPropertyDescriptor,pe=(r,e,i,o)=>{for(var t=o>1?void 0:o?Qn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Xn(e,i,t),t};let W=class extends d{constructor(){super();this.look=jt,this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._animate=!1,this._open=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",r=>{r.key==="Escape"&&(this.open=!1)}),$i(this,"uui-button"),$i(this,"uui-icon")}get autoClose(){return this._autoClose}set autoClose(r){var e;this._autoClose=r,r!==null?(this._timer===null?this._timer=new Kn(this._onOpenTimerComplete,r):this._timer.setDuration(r),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(r){r===!0?this._makeOpen():this._makeClose()}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new k(k.OPENING)),this._animationTimeout=window.setTimeout(()=>{var r;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((r=this._timer)==null||r.start()),this.dispatchEvent(new k(k.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var r;if(this._open===!1)return;const e=new k(k.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(r=this._timer)==null||r.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new k(k.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`<div id="toast" class="${this._animate?"animate":""}"><div><div id="close"><uui-button .label="${"close"}" .look="${this.look}" @click="${()=>this.open=!1}"><uui-icon name="remove" .fallback="${Yo.strings[0]}"></uui-icon></uui-button></div><slot></slot></div></div>`}};W.styles=[ki,c`:host{--uui-toast-notification-margin:var(--uui-size-space-2,6px);position:relative;display:block;width:100%;max-width:400px;margin:0 var(--uui-toast-notification-margin);box-sizing:border-box;height:0;pointer-events:none;transition:height var(--uui-toast-notification-animation-duration,480ms) ease-in-out}:host([is-open]){pointer-events:all;transition-timing-function:cubic-bezier(.19,1,.22,1)}#toast{position:relative;display:block;padding:calc(var(--uui-toast-notification-margin) * .5) 0;width:100%;max-width:400px}#toast.animate{position:absolute}#toast>div{position:relative;display:block;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.21);background-color:var(--uui-interface-surface,#fefefe);padding:var(--uui-size-layout-1,24px);padding-right:var(--uui-size-layout-1,24px);padding-left:var(--uui-size-layout-3,42px);border-radius:calc(var(--uui-border-radius,3px) * 2);opacity:0;transition:opacity var(--uui-toast-notification-animation-duration,480ms)}:host([is-open]) #toast>div{opacity:1}#close{float:right;margin-top:-7px;margin-left:var(--uui-size-space-1,3px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1);margin-bottom:var(--uui-size-space-1,3px)}#close>uui-button{--uui-button-border-radius:50px 50px 50px 50px;--uui-button-padding-left-factor:1.5;--uui-button-padding-right-factor:1.5}:host([look=primary]) #toast>div{background-color:var(--uui-look-primary-surface,#1b264f);color:var(--uui-look-primary-contrast,#fefefe)}:host([look=positive]) #toast>div{background-color:var(--uui-look-positive-surface,#25aa60);color:var(--uui-look-positive-contrast,#fefefe)}:host([look=warning]) #toast>div{background-color:var(--uui-look-warning-surface,#fad634);color:var(--uui-look-warning-contrast,#060606);border-color:var(--uui-look-warning-border,#fad634)}:host([look=danger]) #toast>div{background-color:var(--uui-look-danger-surface,#d42054);color:var(--uui-look-danger-contrast,#fefefe);border-color:var(--uui-look-danger-border,#d42054)}`],pe([n({reflect:!0})],W.prototype,"look",2),pe([n({type:Number})],W.prototype,"autoClose",1),pe([B("#toast")],W.prototype,"_toastEl",2),pe([m()],W.prototype,"_animate",2),pe([n({type:Boolean,reflect:!0})],W.prototype,"open",1),W=pe([u("uui-toast-notification")],W);var Zn=Object.defineProperty,Jn=Object.getOwnPropertyDescriptor,Ei=(r,e,i,o)=>{for(var t=o>1?void 0:o?Jn(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&Zn(e,i,t),t};let ht=class extends d{constructor(){super(...arguments);this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var r;this._autoClosePause=!0,(r=this._toasts)==null||r.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{var r;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(r=this._toasts)==null||r.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=r=>{this.removeToast(r.target)},this._toasts=[],this.onSlotChanged=r=>{const e=[...this._toasts];this._toasts=r.target.assignedElements({flatten:!0}).filter(t=>t.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(t=>this._toasts.indexOf(t)===-1).forEach(t=>{t.removeEventListener(k.CLOSED,this.onToastClosed),t.removeEventListener("mouseenter",this.pauseAutoClose),t.removeEventListener("mouseleave",this.resumeAutoClose),t.removeEventListener("focus",this.pauseAutoClose),t.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(t=>e.indexOf(t)===-1).forEach(t=>{t.addEventListener(k.CLOSED,this.onToastClosed),t.addEventListener("mouseenter",this.pauseAutoClose),t.addEventListener("mouseleave",this.resumeAutoClose),t.addEventListener("focus",this.pauseAutoClose),t.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(t.autoClose=this._autoClose),this._autoClosePause===!0&&t.pauseAutoClose(),t.open=!0})}}get autoClose(){return this._autoClose}set autoClose(r){var e;this._autoClose=r,(e=this._toasts)==null||e.forEach(i=>i.autoClose=r)}removeToast(r){if(!r)r=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(r)===-1){console.warn("Toast-notification",r,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(r)}closeToast(r){let e=r;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l`<slot @slotchange="${this.onSlotChanged}"></slot>`}};ht.styles=[c`:host{position:absolute;overflow:hidden;max-width:100%;height:100%;pointer-events:none;box-sizing:border-box}slot{display:flex;flex-direction:column;align-items:end;height:100%;box-sizing:border-box;padding-top:var(--uui-size-space-1,3px);padding-bottom:var(--uui-size-space-1,3px)}:host([bottom-up]) slot{justify-content:end}:host([left-align]) slot{align-items:start}`],Ei([n({type:Number,reflect:!0,attribute:"auto-close"})],ht.prototype,"_autoClose",2),ht=Ei([u("uui-toast-notification-container")],ht);var el=Object.defineProperty,tl=Object.getOwnPropertyDescriptor,nr=(r,e,i,o)=>{for(var t=o>1?void 0:o?tl(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&el(e,i,t),t};let je=class extends d{constructor(){super(...arguments);this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=r=>{this._headlineSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}}render(){return l`<div id="message" class="uui-text"><h5 style="${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}">${this.headline}<slot name="headline" @slotchange="${this._headlineSlotChanged}"></slot></h5><slot></slot><slot id="actions" name="actions"></slot></div>`}};je.styles=[ki,c`#actions{display:block;float:right;margin-top:var(--uui-size-space-3,9px);margin-bottom:calc(var(--uui-size-space-2,6px) * -1)}#message::after{content:'';display:block;clear:both}`],nr([n({type:String})],je.prototype,"headline",2),nr([m()],je.prototype,"_headlineSlotHasContent",2),je=nr([u("uui-toast-notification-layout")],je);var rl=Object.defineProperty,il=Object.getOwnPropertyDescriptor,ol=(r,e,i,o)=>{for(var t=o>1?void 0:o?il(e,i):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(e,i,t):a(t))||t);return o&&t&&rl(e,i,t),t};let pt=class extends j{constructor(){super("switch")}renderCheckbox(){return l`<div id="slider"><div id="icon-check">${Lt}</div><div id="icon-wrong">${ei}</div></div>`}};pt.formAssociated=!0,pt.styles=[...j.styles,Be,c`:host{--uui-toggle-size:18px;--uui-toggle-switch-width:calc(2 * var(--uui-toggle-size))}#slider{position:relative;grid-area:'input';display:flex;align-items:center;width:var(--uui-toggle-switch-width);height:var(--uui-toggle-size);border-radius:100px;background-color:var(--uui-toggle-background-color,var(--uui-interface-surface-alt,#d8d7d9));border:1px solid var(--uui-toggle-border-color,var(--uui-interface-border,#c4c4c4));font-size:calc(var(--uui-toggle-size) * .6)}label:hover input:not([disabled])+#slider{border-color:var(--uui-toggle-border-color-hover,var(--uui-interface-border-hover,#b3b3b3));background-color:var(--uui-toggle-background-color-hover,var(--uui-interface-surface-alt-hover,#c8c8c8))}label:focus #slider{border-color:var(--uui-toggle-border-color-focus,var(--uui-interface-border-focus,#b3b3b3));background-color:var(--uui-toggle-background-color-focus,var(--uui-interface-surface-alt-focus,#d8d7d9))}input:checked+#slider{background-color:var(--uui-interface-select,#3544b1)}label:hover input:checked:not([disabled])+#slider{background-color:var(--uui-interface-select-hover,#4656c8)}label:focus input:checked+#slider{background-color:var(--uui-interface-select-focus,#3544b1)}#icon-check,#icon-wrong{position:absolute;vertical-align:middle;width:1em;height:1em;line-height:0;transition:fill 120ms}#icon-check{margin-left:-.5em;left:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}#icon-wrong{margin-right:-.5em;right:calc(var(--uui-toggle-size) * .5);fill:var(--uui-interface-contrast,#060606)}input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast,#fefefe)}#slider::after{content:'';position:absolute;top:2px;left:2px;width:calc(var(--uui-toggle-size) - 4px);height:calc(var(--uui-toggle-size) - 4px);border-radius:100px;background-color:var(--uui-interface-select-contrast,#fefefe);transition:width 120ms ease,left 120ms ease,transform 120ms ease,background-color 120ms}input:checked+#slider::after{left:calc(100% - 2px);transform:translateX(-100%)}input:focus+#slider{outline:calc(2px * var(--uui-show-focus-outline,1)) solid var(--uui-interface-outline,#3879ff)}:host(:not([disabled])) label:active #slider::after{width:calc(1.06 * var(--uui-toggle-size))}:host([disabled]) #slider{background-color:var(--uui-interface-surface-alt-disabled,#ccc)}:host([disabled]) input:checked+#slider{background-color:var(--uui-interface-select-disabled,#575757)}:host([disabled]) #slider::after{background-color:var(--uui-interface-surface-disabled,#e4e4e4)}:host([disabled]) #slider #icon-wrong{fill:var(--uui-interface-contrast-disabled,#73716e)}:host([disabled]) label:active #slider{animation:${Re}}:host([disabled]) input:checked+#slider #icon-check{fill:var(--uui-interface-select-contrast-disabled,#e4e4e4)}:host(:not([pristine]):invalid) #slider,:host(:not([pristine]):invalid) label:hover #slider,:host(:not([pristine])[internals-invalid]) #slider,:host(:not([pristine])[internals-invalid]) label:hover #slider{border:1px solid var(--uui-look-danger-border,#d42054)}`],pt=ol([u("uui-toggle")],pt)});
|
|
48
509
|
//# sourceMappingURL=uui.min.js.map
|