@loadsmart/miranda-icons 3.0.0-beta.21 → 3.0.0-beta.23

package/dist/index-zR1CNq_B.js

@@ -0,0 +1,707 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,e$1=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),o$1=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$1.set(s,t));}return t}toString(){return this.cssText}};const r$1=t=>new n$2("string"==typeof t?t:t+"",void 0,s),i$1=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2(o,t,s)},S$1=(s,o)=>{if(e$1)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$1(e)})(t):t;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:i,defineProperty:e,getOwnPropertyDescriptor:r,getOwnPropertyNames:h$2,getOwnPropertySymbols:o,getPrototypeOf:n$1}=Object,a=globalThis,c$1=a.trustedTypes,l=c$1?c$1.emptyScript:"",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$2=(t,s)=>!i(t,s),y={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(d("elementProperties")))return;const t=n$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d("properties"))){const t=this.properties,s=[...h$2(t),...o(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return !1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$2)(this[t],s))return;this.P(t,s,i);}!1===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=!0;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t)!0!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return !0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[d("elementProperties")]=new Map,b[d("finalized")]=new Map,p?.({ReactiveElement:b}),(a.reactiveElementVersions??=[]).push("2.0.4");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n=globalThis,c=n.trustedTypes,h$1=c?c.createPolicy("lit-html",{createHTML:t=>t}):void 0,f$1="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,m="?"+v,_=`<${m}>`,w=document,lt=()=>w.createComment(""),st=t=>null===t||"object"!=typeof t&&"function"!=typeof t,g=Array.isArray,$=t=>g(t)||"function"==typeof t?.[Symbol.iterator],x="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,E=/-->/g,k=/>/g,O=RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),S=/'/g,j=/"/g,M=/^(?:script|style|textarea|title)$/i,P=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),Oe=P(2),R=Symbol.for("lit-noChange"),D=Symbol.for("lit-nothing"),V=new WeakMap,I=w.createTreeWalker(w,129);function N(t,i){if(!g(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==h$1?h$1.createHTML(i):i}const U=(t,i)=>{const s=t.length-1,e=[];let h,o=2===i?"<svg>":3===i?"<math>":"",n=T;for(let i=0;i<s;i++){const s=t[i];let r,l,c=-1,a=0;for(;a<s.length&&(n.lastIndex=a,l=n.exec(s),null!==l);)a=n.lastIndex,n===T?"!--"===l[1]?n=E:void 0!==l[1]?n=k:void 0!==l[2]?(M.test(l[2])&&(h=RegExp("</"+l[2],"g")),n=O):void 0!==l[3]&&(n=O):n===O?">"===l[0]?(n=h??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?O:'"'===l[3]?j:S):n===j||n===S?n=O:n===E||n===k?n=T:(n=O,h=void 0);const u=n===O&&t[i+1].startsWith("/>")?" ":"";o+=n===T?s+_:c>=0?(e.push(r),s.slice(0,c)+f$1+s.slice(c)+v+u):s+v+(-2===c?i:u);}return [N(t,o+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};class B{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let h=0,o=0;const n=t.length-1,r=this.parts,[l,a]=U(t,i);if(this.el=B.createElement(l,s),I.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(e=I.nextNode())&&r.length<n;){if(1===e.nodeType){if(e.hasAttributes())for(const t of e.getAttributeNames())if(t.endsWith(f$1)){const i=a[o++],s=e.getAttribute(t).split(v),n=/([.?@])?(.*)/.exec(i);r.push({type:1,index:h,name:n[2],strings:s,ctor:"."===n[1]?Y:"?"===n[1]?Z:"@"===n[1]?q:G}),e.removeAttribute(t);}else t.startsWith(v)&&(r.push({type:6,index:h}),e.removeAttribute(t));if(M.test(e.tagName)){const t=e.textContent.split(v),i=t.length-1;if(i>0){e.textContent=c?c.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],lt()),I.nextNode(),r.push({type:2,index:++h});e.append(t[i],lt());}}}else if(8===e.nodeType)if(e.data===m)r.push({type:2,index:h});else {let t=-1;for(;-1!==(t=e.data.indexOf(v,t+1));)r.push({type:7,index:h}),t+=v.length-1;}h++;}}static createElement(t,i){const s=w.createElement("template");return s.innerHTML=t,s}}function z(t,i,s=t,e){if(i===R)return i;let h=void 0!==e?s.o?.[e]:s.l;const o=st(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s.o??=[])[e]=h:s.l=h),void 0!==h&&(i=z(t,h._$AS(t,i.values),h,e)),i}class F{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??w).importNode(i,!0);I.currentNode=e;let h=I.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new et(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new K(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=I.nextNode(),o++);}return I.currentNode=w,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class et{get _$AU(){return this._$AM?._$AU??this.v}constructor(t,i,s,e){this.type=2,this._$AH=D,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this.v=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=z(this,t,i),st(t)?t===D||null==t||""===t?(this._$AH!==D&&this._$AR(),this._$AH=D):t!==this._$AH&&t!==R&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):$(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==D&&st(this._$AH)?this._$AA.nextSibling.data=t:this.T(w.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=B.createElement(N(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new F(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=V.get(t.strings);return void 0===i&&V.set(t.strings,i=new B(t)),i}k(t){g(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new et(this.O(lt()),this.O(lt()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this.v=t,this._$AP?.(t));}}class G{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=D,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=D;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=z(this,t,i,0),o=!st(t)||t!==this._$AH&&t!==R,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=z(this,e[s+n],i,n),r===R&&(r=this._$AH[n]),o||=!st(r)||r!==this._$AH[n],r===D?t=D:t!==D&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===D?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class Y extends G{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===D?void 0:t;}}class Z extends G{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==D);}}class q extends G{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=z(this,t,i,0)??D)===R)return;const s=this._$AH,e=t===D&&s!==D||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==D&&(s===D||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class K{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){z(this,t);}}const Re=n.litHtmlPolyfillSupport;Re?.(B,et),(n.litHtmlVersions??=[]).push("3.2.0");const Q=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new et(i.insertBefore(lt(),t),t,void 0,s??{});}return h._$AI(t),h};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class h extends b{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Q(e,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this.o?.setConnected(!0);}disconnectedCallback(){super.disconnectedCallback(),this.o?.setConnected(!1);}render(){return R}}h._$litElement$=!0,h["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:h});const f=globalThis.litElementPolyfillSupport;f?.({LitElement:h});(globalThis.litElementVersions??=[]).push("4.1.0");
+
+var themes$1 = {};
+
+/**
+ * Auto-generated file
+ * Do not edit directly
+ */
+var LoadsmartTheme = {
+    "brand-color-brand": "20, 214, 77",
+    "brand-color-brand-accent-1": "0, 215, 215",
+    "brand-color-brand-accent-2": "132, 241, 30",
+    "border-radius-none": "0px",
+    "border-radius-s": "4px",
+    "border-radius-m": "8px",
+    "border-radius-l": "16px",
+    "border-radius-circle": "50%",
+    "border-none": 0,
+    "border-thin": "1px",
+    "border-medium": "2px",
+    "border-thick": "4px",
+    "color-background-primary": "252, 252, 255",
+    "color-background-secondary": "248, 249, 251",
+    "color-background-tertiary": "230, 237, 242",
+    "color-background-highlight": "202, 219, 221",
+    "color-background-inverted": "32, 41, 49",
+    "color-background-secondary-inverted": "61, 74, 85",
+    "color-border-input": "193, 206, 217",
+    "color-border": "230, 237, 242",
+    "color-divider": "230, 237, 242",
+    "color-brand": "20, 214, 77",
+    "color-brand-accent-1": "0, 215, 215",
+    "color-brand-accent-2": "132, 241, 30",
+    "color-primary-20": "202, 219, 221",
+    "color-primary-60": "0, 84, 84",
+    "color-primary-100": "0, 51, 51",
+    "color-accent-20": "229, 245, 255",
+    "color-accent-60": "0, 98, 159",
+    "color-accent-100": "15, 66, 97",
+    "color-neutral-0": "252, 252, 255",
+    "color-neutral-10": "248, 249, 251",
+    "color-neutral-20": "230, 237, 242",
+    "color-neutral-40": "193, 206, 217",
+    "color-neutral-60": "94, 118, 138",
+    "color-neutral-80": "92, 106, 118",
+    "color-neutral-90": "61, 74, 85",
+    "color-neutral-100": "32, 41, 49",
+    "color-success-20": "227, 247, 239",
+    "color-success-60": "3, 124, 94",
+    "color-success-100": "0, 94, 71",
+    "color-danger-20": "255, 233, 230",
+    "color-danger-60": "186, 27, 27",
+    "color-danger-100": "104, 0, 3",
+    "color-warning-20": "255, 243, 214",
+    "color-warning-60": "248, 182, 14",
+    "color-warning-100": "102, 63, 25",
+    "color-text-primary": "32, 41, 49",
+    "color-text-secondary": "61, 74, 85",
+    "color-text-tertiary": "92, 106, 118",
+    "color-text-placeholder": "94, 118, 138",
+    "color-text-disabled": "193, 206, 217",
+    "color-text-inverted": "252, 252, 255",
+    "color-text-secondary-inverted": "193, 206, 217",
+    "color-text-error": "186, 27, 27",
+    "color-text-highlight": "0, 98, 159",
+    "color-text-link": "0, 84, 84",
+    "font-family-default": "'Manrope', sans-serif",
+    "font-family-title": "'Plus Jakarta Sans', 'Manrope', sans-serif",
+    "font-size-1": "0.625rem",
+    "font-size-2": "0.75rem",
+    "font-size-3": "0.875rem",
+    "font-size-4": "1rem",
+    "font-size-5": "1.25rem",
+    "font-size-6": "1.625rem",
+    "font-size-7": "2.375rem",
+    "font-size-8": "3rem",
+    "font-size-9": "3.625rem",
+    "font-weight-regular": 500,
+    "font-weight-medium": 600,
+    "font-weight-bold": 700,
+    "line-height-1": "100%",
+    "line-height-2": "125%",
+    "line-height-3": "130%",
+    "line-height-4": "140%",
+    "line-height-5": "150%",
+    "line-height-6": "180%",
+    "media-screen-desktop": "1025px",
+    "media-screen-tablet": "481px",
+    "opacity-0": "0%",
+    "opacity-20": "20%",
+    "opacity-40": "40%",
+    "opacity-60": "60%",
+    "opacity-100": "100%",
+    "elevation-1": "0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)",
+    "elevation-2": "0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)",
+    "elevation-3": "0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)",
+    "elevation-4": "0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)",
+    "glow-primary": "0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)",
+    "glow-warning": "0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)",
+    "spacing-1": "4px",
+    "spacing-2": "8px",
+    "spacing-3": "12px",
+    "spacing-4": "16px",
+    "spacing-5": "20px",
+    "spacing-6": "24px",
+    "spacing-8": "32px",
+    "spacing-10": "40px",
+    "spacing-12": "48px",
+    "spacing-14": "56px",
+    "spacing-16": "64px",
+    "spacing-20": "80px",
+    "spacing-30": "120px",
+    "spacing-0-5": "2px",
+    "global-height-small": "1.75rem",
+    "global-height-default": "2.5rem",
+    "global-height-large": "3rem",
+    "platform-font-default": "'Manrope', sans-serif",
+    "platform-font-title": "'Plus Jakarta Sans', 'Manrope', sans-serif"
+};
+
+themes$1.LoadsmartTheme = LoadsmartTheme;
+
+var themes = themes$1;
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __spreadArray(to, from, pack) {
+    for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Sort an array of strings in a special way that considers numeric parts within the strings.
+ *
+ * @param values - An array of strings to be sorted.
+ * @returns - A new array containing the sorted strings.
+ */
+function sortNumericValues(values) {
+    // Create a copy of the input array to avoid modifying the original array.
+    return __spreadArray([], values).sort(function (a, b) {
+        return a.localeCompare(b, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    });
+}
+
+function extractTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return token.startsWith(prefix);
+    });
+}
+function excludeTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return !token.startsWith(prefix);
+    });
+}
+var ALL_TOKENS = Object.keys(themes.LoadsmartTheme);
+// We strip brand and platform-specific tokens as they should not be used directly.
+var TOKENS = sortNumericValues(excludeTokens(excludeTokens(ALL_TOKENS, 'brand-'), 'platform-'));
+extractTokens(TOKENS, 'color-background-');
+extractTokens(TOKENS, 'border-radius-');
+extractTokens(TOKENS, 'border-');
+extractTokens(TOKENS, 'color-');
+extractTokens(TOKENS, 'elevation-');
+extractTokens(TOKENS, 'font-family-');
+extractTokens(TOKENS, 'font-size-');
+extractTokens(TOKENS, 'font-weight-');
+extractTokens(TOKENS, 'global-');
+extractTokens(TOKENS, 'glow-');
+extractTokens(TOKENS, 'line-height-');
+extractTokens(TOKENS, 'opacity-');
+var SPACING_TOKENS = extractTokens(TOKENS, 'spacing-');
+extractTokens(TOKENS, 'media-');
+__spreadArray(['none'], SPACING_TOKENS);
+
+/**
+ * Get token value.
+ *
+ * @example
+ * ```js
+ * getToken('color-primary')
+ * ```
+ *
+ * @param token - Token whose value should be retrieved.
+ * @returns {TokenValue | undefined} Token value or `undefined` otherwise.
+ */
+function getToken(token) {
+    return themes.LoadsmartTheme[token];
+}
+
+function toCSSVariable(token) {
+    var value = getToken(token);
+    if (value == null) {
+        return value;
+    }
+    return "--m-".concat(token);
+}
+
+function toCSSValue(token, alpha) {
+    var value = getToken(token);
+    if (value == null) {
+        return '';
+    }
+    if (token.startsWith('color-')) {
+        return "rgba(var(".concat(toCSSVariable(token), ", ").concat(value, "), ").concat(alpha !== null && alpha !== void 0 ? alpha : 1, ")");
+    }
+    return "var(".concat(toCSSVariable(token), ", ").concat(value, ")");
+}
+var toCSSValue_1 = toCSSValue;
+
+function styles() {
+    return [
+        i$1 `
+			:host {
+				--m-icon-size: 16px;
+				--m-icon-color: ${r$1(toCSSValue_1('color-text-primary'))};
+
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+
+				inline-size: var(--m-icon-size);
+				block-size: var(--m-icon-size);
+			}
+
+			svg {
+				transition: color 0.35s ease-in-out 0s, fill 0.35s ease-in-out 0s;
+
+				inline-size: var(--m-icon-size);
+				block-size: var(--m-icon-size);
+
+				color: var(--m-icon-color);
+				fill: var(--m-icon-color);
+			}
+		`,
+    ];
+}
+
+function __variableDynamicImportRuntime0__(path) {
+  switch (path) {
+    case './icons/add-circle.ts': return import('./add-circle-CEIjAtog.js');
+    case './icons/alarm.ts': return import('./alarm-DNhvQzqq.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-CTYNVkHu.js');
+    case './icons/anchor.ts': return import('./anchor-C37cTQb7.js');
+    case './icons/arrow-corner-up.ts': return import('./arrow-corner-up-GLj_n_he.js');
+    case './icons/arrow-download.ts': return import('./arrow-download-3bScyclA.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-ByXpn8rM.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-CVEsrRoW.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-CCIV54wB.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-2ZaVSYXU.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-KmosoxSN.js');
+    case './icons/arrow-upload.ts': return import('./arrow-upload-BRXoq3HC.js');
+    case './icons/asterisk.ts': return import('./asterisk-BfrpffSI.js');
+    case './icons/attention.ts': return import('./attention-8THKuadk.js');
+    case './icons/automatic.ts': return import('./automatic-Dk62VHyv.js');
+    case './icons/back.ts': return import('./back-Uy-GxqBU.js');
+    case './icons/bank.ts': return import('./bank-C_tdNoc1.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-Bwd7EK3P.js');
+    case './icons/bell.ts': return import('./bell-CBKkAVmB.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-BgyiBoRF.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-DvyoCham.js');
+    case './icons/bolt.ts': return import('./bolt-BHOKwRvn.js');
+    case './icons/box.ts': return import('./box-SLcYMWuG.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-B6k7QzjL.js');
+    case './icons/calendar.ts': return import('./calendar-9-yIAm0M.js');
+    case './icons/camera.ts': return import('./camera-C8xKgPYY.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-zbPJxMGb.js');
+    case './icons/caret-down.ts': return import('./caret-down-D0BReFQ9.js');
+    case './icons/caret-left.ts': return import('./caret-left-oC8FOTKr.js');
+    case './icons/caret-right.ts': return import('./caret-right-BteYYsfX.js');
+    case './icons/caret-up.ts': return import('./caret-up-CoIIUnxW.js');
+    case './icons/chat.ts': return import('./chat-D0of1wvD.js');
+    case './icons/check.ts': return import('./check-BeeDhhkc.js');
+    case './icons/clock.ts': return import('./clock-CvxoFsre.js');
+    case './icons/close.ts': return import('./close-wb2oNjnv.js');
+    case './icons/clown.ts': return import('./clown-BKeiWcA9.js');
+    case './icons/comment.ts': return import('./comment-D0FX7BXh.js');
+    case './icons/company.ts': return import('./company-DeIY5Xt1.js');
+    case './icons/contract.ts': return import('./contract-I_UC83Lg.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-TL5YneQ-.js');
+    case './icons/corner-down.ts': return import('./corner-down-BLI7Eo8E.js');
+    case './icons/corner-up.ts': return import('./corner-up-C2EPPFma.js');
+    case './icons/credit-card.ts': return import('./credit-card-K1p8-qW_.js');
+    case './icons/delivery.ts': return import('./delivery-DH3S4jmI.js');
+    case './icons/dislike.ts': return import('./dislike-i-7XlL-o.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-D7Wnt_iD.js');
+    case './icons/dollar.ts': return import('./dollar-AY94HQo4.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-DVHC1e2X.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-BByScSE1.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-CbQM0QZk.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-Du3YUDGn.js');
+    case './icons/down.ts': return import('./down-DVdQF4Pg.js');
+    case './icons/download.ts': return import('./download-Cs575GvK.js');
+    case './icons/dropdown.ts': return import('./dropdown-tPCdosRs.js');
+    case './icons/email-filled.ts': return import('./email-filled-C--OejUe.js');
+    case './icons/email.ts': return import('./email-DAqVww4r.js');
+    case './icons/export.ts': return import('./export-BORT5MNC.js');
+    case './icons/eye.ts': return import('./eye-b3hj79PO.js');
+    case './icons/fast.ts': return import('./fast-BICZitFh.js');
+    case './icons/favorite.ts': return import('./favorite-B-uU47Bg.js');
+    case './icons/filter.ts': return import('./filter-CTrinE4_.js');
+    case './icons/flag.ts': return import('./flag-3E6_MWB6.js');
+    case './icons/folder.ts': return import('./folder-BL8l205W.js');
+    case './icons/funnel.ts': return import('./funnel-CKFWskYK.js');
+    case './icons/gear.ts': return import('./gear-DxH38yeP.js');
+    case './icons/graph.ts': return import('./graph-CpbNkGNR.js');
+    case './icons/hand.ts': return import('./hand-Bt4bbGGz.js');
+    case './icons/high-signal.ts': return import('./high-signal-GEehmJab.js');
+    case './icons/history.ts': return import('./history-DQxzYAiD.js');
+    case './icons/home.ts': return import('./home-BeDezOyv.js');
+    case './icons/hourglass.ts': return import('./hourglass-I02Ns6en.js');
+    case './icons/import-2.ts': return import('./import-2-Dy2ya7N1.js');
+    case './icons/import.ts': return import('./import-BrPgvW5R.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-DB6Y5eKV.js');
+    case './icons/info-circle.ts': return import('./info-circle-BwdI8H0A.js');
+    case './icons/info.ts': return import('./info-LzHUSUHI.js');
+    case './icons/kanban.ts': return import('./kanban-BXk7bzm6.js');
+    case './icons/like.ts': return import('./like-x7bQJeEe.js');
+    case './icons/link.ts': return import('./link-uxf1zR-x.js');
+    case './icons/list.ts': return import('./list-BTbxu8QQ.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-8l6kkXZy.js');
+    case './icons/log-out.ts': return import('./log-out-BT0jgp5A.js');
+    case './icons/low-signal.ts': return import('./low-signal-DdrDYnk0.js');
+    case './icons/map.ts': return import('./map-Dagkwqmg.js');
+    case './icons/medal.ts': return import('./medal-BWRNNCsj.js');
+    case './icons/megaphone.ts': return import('./megaphone-CNLcTrFE.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-Dl49_iu-.js');
+    case './icons/minus.ts': return import('./minus-b2U5L3tX.js');
+    case './icons/network-signal.ts': return import('./network-signal-o86625iT.js');
+    case './icons/next.ts': return import('./next-CwP7KJoc.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-jwnXKI2i.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-DcZi_cMP.js');
+    case './icons/order.ts': return import('./order-DtLRx-Pq.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-BGYco_yw.js');
+    case './icons/padlock.ts': return import('./padlock-C08HMEcV.js');
+    case './icons/pencil.ts': return import('./pencil-BRhv1TnF.js');
+    case './icons/phone.ts': return import('./phone-BAnOfwAe.js');
+    case './icons/pin-map.ts': return import('./pin-map-D0Rijq2r.js');
+    case './icons/pin.ts': return import('./pin-DVnqt0Yq.js');
+    case './icons/plus.ts': return import('./plus-BcHWPP1D.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-B3PCvxy7.js');
+    case './icons/print.ts': return import('./print-DEHFFmSz.js');
+    case './icons/profile.ts': return import('./profile-CPen8Fzn.js');
+    case './icons/question-dot.ts': return import('./question-DDokVgRn.js').then(function (n) { return n.q; });
+    case './icons/question.ts': return import('./question-DDokVgRn.js').then(function (n) { return n.a; });
+    case './icons/redo.ts': return import('./redo-BYYP0Oz0.js');
+    case './icons/refresh.ts': return import('./refresh-Cke98msl.js');
+    case './icons/reloading.ts': return import('./reloading-bOOHjqjC.js');
+    case './icons/road.ts': return import('./road-MkK3C3Y9.js');
+    case './icons/round-trip.ts': return import('./round-trip-B_tQBanf.js');
+    case './icons/satellite.ts': return import('./satellite-BULT18Ij.js');
+    case './icons/search.ts': return import('./search-D-5rE_D2.js');
+    case './icons/send.ts': return import('./send-BEGxoJ3T.js');
+    case './icons/share.ts': return import('./share-BVjY322f.js');
+    case './icons/ship.ts': return import('./ship-O70lv_ZK.js');
+    case './icons/signal.ts': return import('./signal-PMROWX7u.js');
+    case './icons/sparkle.ts': return import('./sparkle-B9WplRut.js');
+    case './icons/star.ts': return import('./star-B4kJpsGe.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-BpYTN9UQ.js');
+    case './icons/tag.ts': return import('./tag-B97_w0f1.js');
+    case './icons/telephone.ts': return import('./telephone-Cc4lWBit.js');
+    case './icons/terminal.ts': return import('./terminal-B9OUYA2S.js');
+    case './icons/timer.ts': return import('./timer-DrNGRpeB.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-DttgayY0.js');
+    case './icons/trash.ts': return import('./trash-B0E3jk_s.js');
+    case './icons/trend-down.ts': return import('./trend-down-fcvdjs7a.js');
+    case './icons/trend-up.ts': return import('./trend-up-ClpX0AX_.js');
+    case './icons/trophee.ts': return import('./trophee-BsRljfo_.js');
+    case './icons/undo.ts': return import('./undo-Dg6Y2p32.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-BGUsMl2m.js');
+    case './icons/up-down.ts': return import('./up-down-BnxHZYsg.js');
+    case './icons/up.ts': return import('./up-Cy0x1dUJ.js');
+    case './icons/upgrade.ts': return import('./upgrade-BUVbBT23.js');
+    case './icons/upload.ts': return import('./upload-Dq-u6FUr.js');
+    case './icons/user.ts': return import('./user-B6b0fVwA.js');
+    case './icons/wallet.ts': return import('./wallet-CVQEDqNX.js');
+    case './icons/warehouse.ts': return import('./warehouse-uoiTuGin.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-Bxib6oUy.js');
+    case './icons/wifi.ts': return import('./wifi-W4sosGBw.js');
+    case './icons/x-small.ts': return import('./x-small-DOWrC1ed.js');
+    case './icons/x.ts': return import('./x-DiYfFHue.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-Dx0UU-bn.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-BZCWi9Uk.js');
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+
+/**
+ * Alphabetically sorted list of available icons
+ *
+ * The file names of the icons in the `icons` directory should match the names
+ */
+const AVAILABLE_ICONS = [
+    'add-circle',
+    'alarm',
+    'alert-circle',
+    'anchor',
+    'arrow-corner-up',
+    'arrow-download',
+    'arrow-left',
+    'arrow-right',
+    'arrow-sort-down',
+    'arrow-sort-up-down',
+    'arrow-sort-up',
+    'arrow-upload',
+    'asterisk',
+    'attention',
+    'automatic',
+    'back',
+    'bank',
+    'bell-cancel',
+    'bell',
+    'blind-bol',
+    'bolt-off',
+    'bolt',
+    'box',
+    'burguer-menu',
+    'calendar',
+    'camera',
+    'canada-flag',
+    'caret-down',
+    'caret-left',
+    'caret-right',
+    'caret-up',
+    'chat',
+    'check',
+    'clock',
+    'close',
+    'clown',
+    'comment',
+    'company',
+    'contract',
+    'corner-down-r',
+    'corner-down',
+    'corner-up',
+    'delivery',
+    'dislike',
+    'dollar',
+    'dots-horizontal',
+    'dots-vertical',
+    'double-caret-left',
+    'double-caret-right',
+    'down',
+    'download',
+    'dropdown',
+    'email-filled',
+    'email',
+    'export',
+    'eye',
+    'fast',
+    'favorite',
+    'filter',
+    'flag',
+    'folder',
+    'funnel',
+    'gear',
+    'graph',
+    'high-signal',
+    'history',
+    'home',
+    'hourglass',
+    'import-2',
+    'import',
+    'indeterminate',
+    'info-circle',
+    'info',
+    'kanban',
+    'like',
+    'link',
+    'list',
+    'loadsmart-logo',
+    'log-out',
+    'low-signal',
+    'map',
+    'medal',
+    'megaphone',
+    'mexico-flag',
+    'minus',
+    'network-signal',
+    'next',
+    'no-awarded',
+    'notes-lock',
+    'order',
+    'padlock-open',
+    'padlock',
+    'pencil',
+    'phone',
+    'pin-map',
+    'pin',
+    'plus',
+    'pre-confirmed-load',
+    'print',
+    'profile',
+    'question-dot',
+    /**
+     * @deprecated Use `question-dot` instead
+     */
+    'question',
+    'redo',
+    'refresh',
+    'reloading',
+    'road',
+    'round-trip',
+    'satellite',
+    'search',
+    'send',
+    'share',
+    'ship',
+    'signal',
+    'sparkle',
+    'star',
+    'tag-chevron',
+    'tag',
+    'telephone',
+    'terminal',
+    'timer',
+    'tms-ready',
+    'trash',
+    'trend-down',
+    'trend-up',
+    'trophee',
+    'undo',
+    'united-states-flag',
+    'up-down',
+    'up',
+    'upgrade',
+    'upload',
+    'user',
+    'wallet',
+    'warehouse',
+    'wifi-off',
+    'wifi',
+    'x-small',
+    'x',
+    'zoom-in',
+    'zoom-out',
+];
+const createIcon = (iconName) => {
+    return [iconName, () => __variableDynamicImportRuntime0__(`./icons/${iconName}.ts`)];
+};
+const icons = new Map(AVAILABLE_ICONS.map((iconName) => createIcon(iconName)));
+
+var iconPlaceholder = Oe `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><rect width="44" height="44" x="2" y="2" fill="currentColor" rx="4"/></svg>`;
+
+var _Icon_setError, _Icon_loadIcon;
+/**
+ * The icon's `color` and `size` are intentionally not set by default so that they can be customized via:
+ * - setting color and size CSS custom properties
+ * - setting color and size attributes
+ * Notice that setting color and size through their attributes will override any set CSS custom properties!
+ */
+class Icon extends h {
+    static get properties() {
+        return {
+            name: { type: String, reflect: true },
+            size: { type: String },
+            color: { type: String },
+            status: { type: String, state: true },
+        };
+    }
+    constructor() {
+        super();
+        this.icon = null;
+        this.status = 'idle';
+        _Icon_setError.set(this, (message) => {
+            this.status = 'error';
+            this.setAttribute('data-error', message);
+        });
+        _Icon_loadIcon.set(this, async () => {
+            this.icon = null;
+            this.status = 'loading';
+            this.name = this.name ?? this.getAttribute('name');
+            if (this.name == null) {
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, 'Missing icon name');
+                return;
+            }
+            if (!icons.has(this.name)) {
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, `The icon name '${this.name}' does not exist!`);
+                return;
+            }
+            try {
+                const { default: iconModule } = await icons.get(this.name)();
+                this.removeAttribute('data-error');
+                this.icon = iconModule;
+                this.status = 'loaded';
+            }
+            catch {
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, `failed loading icon '${this.name}'.`);
+            }
+        });
+        this.icon = null;
+        this.status = 'idle';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        __classPrivateFieldGet(this, _Icon_loadIcon, "f").call(this);
+    }
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (changedProperties.has('name')) {
+            __classPrivateFieldGet(this, _Icon_loadIcon, "f").call(this);
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('size') && this.size != null) {
+            this.style.setProperty('--m-icon-size', `${parseInt(String(this.size), 10) || 16}px`);
+        }
+        if (changedProperties.has('color') && this.color != null) {
+            this.style.setProperty('--m-icon-color', toCSSValue_1(this.color));
+        }
+    }
+    render() {
+        if (this.status === 'error') {
+            return iconPlaceholder;
+        }
+        return this.icon;
+    }
+}
+_Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
+Icon.styles = [styles()];
+window.customElements.define('m-icon', Icon);
+
+export { AVAILABLE_ICONS as A, Icon as I, Oe as O };
+//# sourceMappingURL=index-zR1CNq_B.js.map