@maggioli-design-system/magma 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/cjs/mds-button_3.cjs.entry.js

@@ -4,6 +4,7 @@ var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var aria = require('./aria-BbJUuU9_.js');
 var slot = require('./slot-CI0KpgtY.js');
+var index$1 = require('./index.cjs.js');
 
 const buttonSizeTypographyVariant = {
     sm: 'action',
@@ -102,7 +103,7 @@ const MdsButton = class {
         };
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = slot.readSlottedLabel(this.host);
         };
@@ -161,7 +162,7 @@ const MdsButton = class {
     componentWillLoad() {
         this.hasNotification = this.host.querySelector(':scope > [slot="notification"]') !== null;
         this.handleVariantChange(this.variant);
-        if (this.href) {
+        if (this.href !== undefined && this.href !== '') {
             this.host.addEventListener('click', (e) => {
                 var _a;
                 e.preventDefault();
@@ -201,7 +202,9 @@ const MdsButton = class {
         if (this.label === '') {
             this.label = undefined;
         }
-        if (!this.label && this.icon) {
+        if ((this.label === undefined || this.label === '') &&
+            this.icon !== undefined &&
+            this.icon !== '') {
             const iconTitle = aria.unslugName(this.icon);
             if (!this.host.hasAttribute('aria-label')) {
                 aria.setAttributeIfEmpty(this.host, 'title', iconTitle);
@@ -229,7 +232,7 @@ const MdsButton = class {
     }
     render() {
         this.typography = buttonSizeTypographyVariant[this.size];
-        return (index.h(index.Host, { key: 'f11b3fefe2624b532172ff91eef4c91f7cf49f76', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, index.h("div", { key: '5ddaf6c8982768d5eea3d9d4fb075dca853d6124', class: "await" }, index.h("mds-spinner", { key: 'd4222c0a3c853f37b2755d3cbe5bdcfee6fcdb6c', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: 'ee5c6213360f7769db2eaee747ae1781feb9fa59', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.h("mds-text", { key: '1e7031f617a395c699647df1e1d0885f0774f0ec', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || index.h("slot", { key: '2051ccbb05ccb1dbec17c50f6db9a69a68aa5762', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '12a418d582c23872e68cf0832b76ea6092f0e340', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: 'bc125dee8740f533463f53db511012ea52bb7ad8', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
+        return (index.h(index.Host, { key: '742df7f0ff9096e2af56b47970cad3ce1d97ded9', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, index.h("div", { key: 'feb94db67f8782363ff7cd8bc2472617ef668c1c', class: "await" }, index.h("mds-spinner", { key: 'f43ddd7651ff63bde32e58b21ae688ad9f99e3fc', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: '9977013bc0251f8c3184c09a7718e7b111191941', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.h("mds-text", { key: 'c77755a17e22c8e00457a093a3041d42936c807c', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || index.h("slot", { key: 'da65921ecf3fdcf43a9a657ca79b9c31d1c1f4d4', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '6fa74b557775f3ac3b13898c2b6271c7cfac74e8', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: 'bf6d2d99d3e9c405edec7d1778df8197cd3b453e', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -255,230 +258,6 @@ const MdsButton = class {
 };
 MdsButton.style = mdsButtonCss();
 
-function promisifyRequest(request) {
-    return new Promise((resolve, reject) => {
-        // @ts-ignore - file size hacks
-        request.oncomplete = request.onsuccess = () => resolve(request.result);
-        // @ts-ignore - file size hacks
-        request.onabort = request.onerror = () => reject(request.error);
-    });
-}
-function createStore(dbName, storeName) {
-    const request = indexedDB.open(dbName);
-    request.onupgradeneeded = () => request.result.createObjectStore(storeName);
-    const dbp = promisifyRequest(request);
-    return (txMode, callback) => dbp.then((db) => callback(db.transaction(storeName, txMode).objectStore(storeName)));
-}
-let defaultGetStoreFunc;
-function defaultGetStore() {
-    if (!defaultGetStoreFunc) {
-        defaultGetStoreFunc = createStore('keyval-store', 'keyval');
-    }
-    return defaultGetStoreFunc;
-}
-/**
- * Get a value by its key.
- *
- * @param key
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function get(key, customStore = defaultGetStore()) {
-    return customStore('readonly', (store) => promisifyRequest(store.get(key)));
-}
-/**
- * Set a value with a key.
- *
- * @param key
- * @param value
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function set(key, value, customStore = defaultGetStore()) {
-    return customStore('readwrite', (store) => {
-        store.put(value, key);
-        return promisifyRequest(store.transaction);
-    });
-}
-/**
- * Delete a particular key from the store.
- *
- * @param key
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function del(key, customStore = defaultGetStore()) {
-    return customStore('readwrite', (store) => {
-        store.delete(key);
-        return promisifyRequest(store.transaction);
-    });
-}
-
-class MdsIconSet {
-    /**
-     * Run the icon set's name resolver to turn an icon name into an icon path, id, etc.
-     */
-    resolveIconName(iconName) {
-        // console.log(`resolveIconName - iconName: ${iconName} | name: ${this.name} | path: ${this.path}`)
-        return this._resolveIconName(iconName, this.name, this.path);
-    }
-    /**
-     * Create a new icon set.  Icon sets have a name (ie, a namespace).  For
-     * example, an icon with a name of "rh-logo" represents a "logo" icon from the
-     * "rh" set.  Icon set names are always separated from the rest of the icon
-     * name with a hyphen `-`.  This means that set names cannot contain a hyphen.
-     *
-     * @param  name the namespace of the icon set
-     * @param  path the web-accessible path to the icon set (for instance, a CDN)
-     * @param  resolveIconName an optional function to combine the path and an icon name into a final path.  The function will be passed the namespaced icon name (for example, "rh-api" where rh is the namespace and api is the individual icon's name)
-     * @returns  an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }`
-     */
-    constructor(name, path, _resolveIconName) {
-        this.name = name;
-        this.path = path;
-        this._resolveIconName = _resolveIconName;
-    }
-    get resolver() {
-        return this._resolveIconName;
-    }
-}
-
-class IconsSetController {
-    constructor() {
-        this._svgPathKey = 'mdsIconSvgPath';
-        this._iconsSets = new Map();
-        this._svgPathUpdate = 'mdsIconSvgPathUpdate';
-        this.cacheExp = 60 * 60 * 1000 * 24;
-        this.listeners = [];
-        this.memoryCache = {};
-        // Try to retrieve svg from cache
-        this.isCacheAvailable = async (url) => {
-            try {
-                const loaderItem = await get(`loader_${url}`);
-                if (!loaderItem) {
-                    return false;
-                }
-                const item = JSON.parse(loaderItem);
-                if (Date.now() < item.expiry) {
-                    return item.data;
-                }
-                del(`loader_${url}`);
-                return false;
-            }
-            catch (e) {
-                console.error('isCacheAvailable error', e);
-                return false;
-            }
-        };
-        // Set svg to cache
-        this.setCache = async (url, data) => {
-            try {
-                await set(`loader_${url}`, JSON.stringify({
-                    data,
-                    expiry: Date.now() + this.cacheExp,
-                }));
-            }
-            catch (e) {
-                console.error('setCache error', e);
-            }
-        };
-        this.setUpListener();
-    }
-    addIconSet(name, path, resolveIconName) {
-        let resolveFunction = resolveIconName;
-        const existingSet = this._iconsSets.get(name);
-        if (!resolveFunction && existingSet && typeof existingSet.resolver === 'function') {
-            resolveFunction = existingSet.resolver;
-        }
-        else if (resolveFunction && typeof resolveFunction !== 'function') {
-            console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename.");
-            return false;
-        }
-        else if (!resolveFunction) {
-            console.error(`MdsIconSvg: the set ${name} needs a resolve function for the icon names.`);
-            return false;
-        }
-        this._iconsSets.set(name, new MdsIconSet(name, path, resolveFunction));
-        return true;
-    }
-    getIconSet(iconName) {
-        if (!iconName)
-            return { set: null };
-        return { set: this._iconsSets.get(iconName.split('/')[0]) };
-    }
-    /**
-     * recognize svg path pattern and set host and svgPath variable
-     *
-     * input path: https://www.abc.com/svg/path
-     * svgPath =  https://www.abc.com/svg/path
-     *
-     * input path: localhost:9000/svg/path
-     * svgPath = localhost:9000/svg/path
-     *
-     * input path: /svg/path
-     * svgPath = {window.location.host}/svg/path
-     *
-     * input path: svg/path
-     * throw error
-     *
-     */
-    setSvgPath(svgPath) {
-        const reg = /^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/;
-        const match = reg.exec(svgPath);
-        if (!match) {
-            throw Error(`Svg path not recognize ${svgPath}, ensure is a absolute path starting with '/' or a url`);
-        }
-        if (typeof window !== 'undefined') {
-            this._svgPath = match[1] ? match[0] : window.location.origin.concat(match[0]);
-            window.dispatchEvent(new Event(this._svgPathUpdate));
-        }
-    }
-    getSvgPath() {
-        return this._svgPath;
-    }
-    registerListener(callback) {
-        this.listeners.push(callback);
-    }
-    setUpListener() {
-        if (typeof window !== 'undefined') {
-            window.addEventListener(this._svgPathUpdate, () => {
-                for (const listener of this.listeners)
-                    listener();
-            });
-        }
-    }
-    async fetchSvg(name) {
-        var _a;
-        try {
-            if (!this._svgPath && typeof window === 'undefined') {
-                throw Error('Cant find svgPath, ensure you set it');
-            }
-            if (!this._svgPath) {
-                this.setSvgPath((_a = window.sessionStorage.getItem(IconsSetService._svgPathKey)) !== null && _a !== void 0 ? _a : '');
-            }
-            const src = this._svgPath && !name.startsWith('http') ? this._svgPath.concat(name, '.svg') : name;
-            const lsCache = await this.isCacheAvailable(src);
-            if (this.memoryCache[src] || lsCache) {
-                return this.memoryCache[src] || lsCache;
-            }
-            const response = await fetch(src);
-            if (!response.ok) {
-                throw Error(`Request for '${src}' returned ${response.status} (${response.statusText})`);
-            }
-            const body = await response.text();
-            const bodyLower = body.toLowerCase().trim();
-            if (!(bodyLower.startsWith('<svg') || bodyLower.startsWith('<?xml'))) {
-                throw Error(`Resource '${src}' returned an invalid SVG file`);
-            }
-            this.setCache(src, body);
-            this.memoryCache[src] = body;
-            return body;
-        }
-        catch (e) {
-            console.error('fetchSvg error', e);
-            return '';
-        }
-    }
-}
-const IconsSetService = new IconsSetController();
-
 const mdsIconCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}`;
 
 const MdsIcon = class {
@@ -491,20 +270,20 @@ const MdsIcon = class {
     }
     componentWillLoad() {
         this.updateIcon();
-        IconsSetService.registerListener(() => this.updateIcon());
+        index$1.IconsSetService.registerListener(() => this.updateIcon());
     }
     static setSvgPathStatic(path) {
-        IconsSetService.setSvgPath(path);
+        index$1.IconsSetService.setSvgPath(path);
     }
     /**
      * Set the path to the directory of svg files
      * @param svgPath path to the directory of svg files
      */
     async setSvgPath(svgPath) {
-        IconsSetService.setSvgPath(svgPath);
+        index$1.IconsSetService.setSvgPath(svgPath);
     }
     async updateIcon() {
-        if (!this.name)
+        if (this.name === '')
             return Promise.resolve();
         if (isIconFormatIsBase64(this.name)) {
             this.svgHTML = this.convertBase64ToSvg();
@@ -514,10 +293,10 @@ const MdsIcon = class {
             this.svgHTML = this.name;
             return Promise.resolve();
         }
-        this.svgHTML = await IconsSetService.fetchSvg(this.name);
+        this.svgHTML = await index$1.IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (index.h(index.Host, { key: '09a854becde623daa3329e9160b05b57a35aaf4b' }, this.svgHTML && index.h("i", { key: 'f5f6e19b5259418ae88b53cc2be957c858bb47c7', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (index.h(index.Host, { key: 'adb18482be69f88c754a524b4554574c71d253e8' }, this.svgHTML && index.h("i", { key: '434a961761ac22d193bccfa8fbb8f5fca7d1d61e', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -550,7 +329,7 @@ const MdsSpinner = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'da29b22d2ddd2824a2f71aa9a6ea2c31da835b14' }, index.h("i", { key: 'c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1', class: "await-icon", innerHTML: awaitIcon })));
+        return (index.h(index.Host, { key: '687dc98a043d362db35bf00ec71052097b3f509c' }, index.h("i", { key: '9b374e6a3aeebf211fbc56ad1446dec19cd1da9e', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get watchers() { return {
         "running": [{