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