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

package/dist/components/mds-icon2.js

@@ -1,313 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-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 BASE64_SVG_ICON = 'data:image/svg+xml;base64,';
-const MARKUP_SVG_ICON = '<svg ';
-const isIconFormatIsBase64 = (icon) => {
-    if (!icon) {
-        return false;
-    }
-    return icon.startsWith(BASE64_SVG_ICON);
-};
-const isIconFormatIsSVG = (icon) => {
-    if (!icon) {
-        return false;
-    }
-    return icon.startsWith(MARKUP_SVG_ICON);
-};
-
-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 = /*@__PURE__*/ proxyCustomElement(class MdsIcon extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.convertBase64ToSvg = () => {
-            const svgBase64 = this.name.replace(BASE64_SVG_ICON, '').replace(/=/i, '');
-            return atob(svgBase64);
-        };
-    }
-    componentWillLoad() {
-        this.updateIcon();
-        IconsSetService.registerListener(() => this.updateIcon());
-    }
-    static setSvgPathStatic(path) {
-        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);
-    }
-    async updateIcon() {
-        if (!this.name)
-            return Promise.resolve();
-        if (isIconFormatIsBase64(this.name)) {
-            this.svgHTML = this.convertBase64ToSvg();
-            return Promise.resolve();
-        }
-        if (isIconFormatIsSVG(this.name)) {
-            this.svgHTML = this.name;
-            return Promise.resolve();
-        }
-        this.svgHTML = await IconsSetService.fetchSvg(this.name);
-    }
-    render() {
-        return (h(Host, { key: '09a854becde623daa3329e9160b05b57a35aaf4b' }, this.svgHTML && h("i", { key: 'f5f6e19b5259418ae88b53cc2be957c858bb47c7', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "name": ["updateIcon"]
-    }; }
-    static get style() { return mdsIconCss; }
-}, [257, "mds-icon", {
-        "name": [513],
-        "svgHTML": [32],
-        "_iconHref": [32],
-        "setSvgPath": [64]
-    }, undefined, {
-        "name": ["updateIcon"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsIcon);
-            }
-            break;
-    } });
-}
-
-export { MdsIcon as M, isIconFormatIsSVG as a, defineCustomElement as d, isIconFormatIsBase64 as i };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";function r(e){return new Promise(((t,s)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>s(e.error)}))}let o;function a(){return o||(o=function(e,t){const s=indexedDB.open("keyval-store");s.onupgradeneeded=()=>s.result.createObjectStore(t);const n=r(s);return(e,s)=>n.then((n=>s(n.transaction(t,e).objectStore(t))))}(0,"keyval")),o}class l{resolveIconName(e){return this._resolveIconName(e,this.name,this.path)}constructor(e,t,s){this.name=e,this.path=t,this._resolveIconName=s}get resolver(){return this._resolveIconName}}const m=new class{constructor(){this._svgPathKey="mdsIconSvgPath",this._iconsSets=new Map,this._svgPathUpdate="mdsIconSvgPathUpdate",this.cacheExp=864e5,this.listeners=[],this.memoryCache={},this.isCacheAvailable=async e=>{try{const t=await function(e,t=a()){return t("readonly",(t=>r(t.get(e))))}(`loader_${e}`);if(!t)return!1;const s=JSON.parse(t);return Date.now()<s.expiry?s.data:(function(e,t=a()){t("readwrite",(t=>(t.delete(e),r(t.transaction))))}(`loader_${e}`),!1)}catch(e){return console.error("isCacheAvailable error",e),!1}},this.setCache=async(e,t)=>{try{await function(e,t,s=a()){return s("readwrite",(s=>(s.put(t,e),r(s.transaction))))}(`loader_${e}`,JSON.stringify({data:t,expiry:Date.now()+this.cacheExp}))}catch(e){console.error("setCache error",e)}},this.setUpListener()}addIconSet(e,t,s){let n=s;const i=this._iconsSets.get(e);if(!n&&i&&"function"==typeof i.resolver)n=i.resolver;else{if(n&&"function"!=typeof n)return console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename."),!1;if(!n)return console.error(`MdsIconSvg: the set ${e} needs a resolve function for the icon names.`),!1}return this._iconsSets.set(e,new l(e,t,n)),!0}getIconSet(e){return e?{set:this._iconsSets.get(e.split("/")[0])}:{set:null}}setSvgPath(e){const t=/^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/.exec(e);if(!t)throw Error(`Svg path not recognize ${e}, ensure is a absolute path starting with '/' or a url`);"undefined"!=typeof window&&(this._svgPath=t[1]?t[0]:window.location.origin.concat(t[0]),window.dispatchEvent(new Event(this._svgPathUpdate)))}getSvgPath(){return this._svgPath}registerListener(e){this.listeners.push(e)}setUpListener(){"undefined"!=typeof window&&window.addEventListener(this._svgPathUpdate,(()=>{for(const e of this.listeners)e()}))}async fetchSvg(e){var t;try{if(!this._svgPath&&"undefined"==typeof window)throw Error("Cant find svgPath, ensure you set it");this._svgPath||this.setSvgPath(null!==(t=window.sessionStorage.getItem(m._svgPathKey))&&void 0!==t?t:"");const s=this._svgPath&&!e.startsWith("http")?this._svgPath.concat(e,".svg"):e,n=await this.isCacheAvailable(s);if(this.memoryCache[s]||n)return this.memoryCache[s]||n;const i=await fetch(s);if(!i.ok)throw Error(`Request for '${s}' returned ${i.status} (${i.statusText})`);const r=await i.text(),o=r.toLowerCase().trim();if(!o.startsWith("<svg")&&!o.startsWith("<?xml"))throw Error(`Resource '${s}' returned an invalid SVG file`);return this.setCache(s,r),this.memoryCache[s]=r,r}catch(e){return console.error("fetchSvg error",e),""}}},c="data:image/svg+xml;base64,",h=e=>!!e&&e.startsWith(c),d=e=>!!e&&e.startsWith("<svg "),u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.convertBase64ToSvg=()=>{const e=this.name.replace(c,"").replace(/=/i,"");return atob(e)}}componentWillLoad(){this.updateIcon(),m.registerListener((()=>this.updateIcon()))}static setSvgPathStatic(e){m.setSvgPath(e)}async setSvgPath(e){m.setSvgPath(e)}async updateIcon(){return this.name?h(this.name)?(this.svgHTML=this.convertBase64ToSvg(),Promise.resolve()):d(this.name)?(this.svgHTML=this.name,Promise.resolve()):void(this.svgHTML=await m.fetchSvg(this.name)):Promise.resolve()}render(){return s(n,{key:"09a854becde623daa3329e9160b05b57a35aaf4b"},this.svgHTML&&s("i",{key:"f5f6e19b5259418ae88b53cc2be957c858bb47c7","aria-hidden":"true",class:"icon",part:"svg",innerHTML:this.svgHTML}))}get hostElement(){return this}static get watchers(){return{name:[{updateIcon:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,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%}"}},[1,"mds-icon",{name:[513],svgHTML:[32],_iconHref:[32],setSvgPath:[64]},void 0,{name:[{updateIcon:0}]}]);function v(){"undefined"!=typeof customElements&&["mds-icon"].forEach((e=>{"mds-icon"===e&&(customElements.get(i(e))||customElements.define(i(e),u))}))}export{u as M,d as a,v as d,h as i}

package/dist/components/mds-img.js

@@ -1,6 +1 @@
-import { M as MdsImg$1, d as defineCustomElement$1 } from './mds-img2.js';
-
-const MdsImg = MdsImg$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsImg, defineCustomElement };
+import{M as s,d as m}from"./mds-img2.js";const o=s,r=m;export{o as MdsImg,r as defineCustomElement}

package/dist/components/mds-img2.js

@@ -1,209 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as setAttributeIfEmpty } from './aria.js';
-import { b as baselinePanorama } from './panorama.js';
-import { m as miBaselineBrokenImage } from './broken-image.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$4 } from './mds-button2.js';
-import { d as defineCustomElement$3 } from './mds-icon2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const clickToLoad$3 = "Φόρτωση εικόνας";
-var localeEl = {
-	clickToLoad: clickToLoad$3
-};
-
-const clickToLoad$2 = "Load image";
-var localeEn = {
-	clickToLoad: clickToLoad$2
-};
-
-const clickToLoad$1 = "Cargar imagen";
-var localeEs = {
-	clickToLoad: clickToLoad$1
-};
-
-const clickToLoad = "Carica immagine";
-var localeIt = {
-	clickToLoad: clickToLoad
-};
-
-const mdsImgCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):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{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}";
-
-const MdsImg = /*@__PURE__*/ proxyCustomElement(class MdsImg extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.loadErrorEvent = createEvent(this, "mdsImgLoadError", 7);
-        this.loadSuccessEvent = createEvent(this, "mdsImgLoadSuccess", 7);
-        this.imageConsumptionLoaded = false;
-        this.imageError = false;
-        this.consumptionMode = 'high';
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies an alternate text for an image
-         */
-        this.alt = '';
-        /**
-         * Allow images from third-party sites that allow
-         * cross-origin access to be used with canvas
-         */
-        this.crossorigin = 'use-credentials';
-        /**
-         * Specifies whether a browser should load an image immediately
-         * or to defer loading of images until some conditions are met.
-         */
-        this.loading = 'lazy';
-        /**
-         * Specifies which referrer information to use when fetching an image.
-         */
-        this.referrerpolicy = 'no-referrer-when-downgrade';
-        this.onSuccess = (ev) => {
-            this.image = ev.target;
-            this.loadSuccessEvent.emit({ image: this.image });
-        };
-        this.onError = (ev) => {
-            this.image = ev.target;
-            this.loadErrorEvent.emit({ image: this.image });
-            this.imageError = true;
-        };
-        this.formatConsumptionData = (consumptionData) => {
-            const imageConsumptionData = {};
-            consumptionData.split(',').forEach((element) => {
-                const item = element
-                    .trim()
-                    .replace(/[ ]{2,}/g, ' ')
-                    .split(' ');
-                if (item[1].toLocaleLowerCase() === 'low') {
-                    imageConsumptionData.low = item[0];
-                }
-                if (item[1].toLocaleLowerCase() === 'medium') {
-                    imageConsumptionData.medium = item[0];
-                }
-                if (item[1].toLocaleLowerCase() === 'high') {
-                    imageConsumptionData.high = item[0];
-                }
-            });
-            return imageConsumptionData;
-        };
-        this.autoAltName = () => {
-            if (this.src) {
-                const index = this.src.lastIndexOf('/') + 1;
-                return this.src.substring(index);
-            }
-            return '';
-        };
-        this.setAriaAttributes = () => {
-            setAttributeIfEmpty(this.host, 'aria-label', this.alt);
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    srcsetConsumptionHandler(newValue) {
-        this.srcsetConsumptionData = this.formatConsumptionData(newValue);
-    }
-    srcHandler() {
-        this.imageError = false;
-    }
-    componentWillLoad() {
-        var _a;
-        this.consumptionMode =
-            (_a = localStorage.getItem('mdsPrefConsumption')) !== null && _a !== void 0 ? _a : 'high';
-        if (this.srcsetConsumption) {
-            this.srcsetConsumptionData = this.formatConsumptionData(this.srcsetConsumption);
-        }
-        this.image = this.host.querySelector('img');
-        if (!this.alt) {
-            this.alt = this.autoAltName();
-        }
-    }
-    componentWillRender() {
-        this.t.lang(this.host);
-    }
-    componentDidLoad() {
-        this.setAriaAttributes();
-    }
-    render() {
-        var _a, _b;
-        if (this.imageError) {
-            return (h(Host, { "aria-label": this.alt, role: "img" }, h("div", { class: "contrast-area-50" }), h("div", { class: "alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio" }, h("mds-icon", { class: "icon", name: miBaselineBrokenImage }), h("mds-text", { class: "alt-text", "aria-hidden": "true", typography: "h6" }, h("i", null, this.alt)))));
-        }
-        if (this.srcsetConsumptionData) {
-            if (this.consumptionMode === 'low') {
-                return (h(Host, { "aria-label": this.alt, role: "img", onClick: () => {
-                        this.imageConsumptionLoaded = true;
-                    } }, h("div", { class: "contrast-area-50" }), !this.imageConsumptionLoaded ? (h("div", { "aria-hidden": "true", class: "alt-text-container alt-text-container--default-aspect-ratio" }, h("mds-icon", { class: "icon", name: baselinePanorama }), h("mds-text", { class: "alt-text", typography: "h6" }, h("i", null, this.alt)), h("mds-button", { "aria-hidden": "true", role: "none", class: "click-to-load", tabIndex: -1, variant: "light", tone: "outline" }, this.t.get('clickToLoad')))) : (h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: (_a = this.srcsetConsumptionData[this.consumptionMode]) !== null && _a !== void 0 ? _a : this.src, srcset: this.srcset, width: this.width }))));
-            }
-            return (h(Host, { "aria-label": this.alt, role: "img" }, h("div", { class: "contrast-area-50" }), h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: (_b = this.srcsetConsumptionData[this.consumptionMode]) !== null && _b !== void 0 ? _b : this.src, srcset: this.srcset, width: this.width })));
-        }
-        return (h(Host, { "aria-label": this.alt, role: "img" }, h("div", { class: "contrast-area-50" }), h("img", { alt: this.alt, "aria-hidden": "true", height: this.height, loading: this.loading, onError: this.onError, onLoad: this.onSuccess, part: "media", sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "srcsetConsumption": ["srcsetConsumptionHandler"],
-        "src": ["srcHandler"]
-    }; }
-    static get style() { return mdsImgCss; }
-}, [257, "mds-img", {
-        "alt": [1537],
-        "crossorigin": [1],
-        "height": [1],
-        "loading": [1],
-        "referrerpolicy": [1],
-        "sizes": [1],
-        "src": [1],
-        "srcset": [1],
-        "srcsetConsumption": [1, "srcset-consumption"],
-        "width": [1],
-        "imageConsumptionLoaded": [32],
-        "imageError": [32],
-        "language": [32],
-        "updateLang": [64]
-    }, undefined, {
-        "srcsetConsumption": ["srcsetConsumptionHandler"],
-        "src": ["srcHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-img", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-img":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsImg);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsImg as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{s as a}from"./aria.js";import{b as n}from"./panorama.js";import{m}from"./broken-image.js";import{L as l}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var p={clickToLoad:"Φόρτωση εικόνας"},b={clickToLoad:"Load image"},v={clickToLoad:"Cargar imagen"},g={clickToLoad:"Carica immagine"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadErrorEvent=s(this,"mdsImgLoadError",7),this.loadSuccessEvent=s(this,"mdsImgLoadSuccess",7),this.imageConsumptionLoaded=!1,this.imageError=!1,this.consumptionMode="high",this.t=new l({el:p,en:b,es:v,it:g}),this.alt="",this.crossorigin="use-credentials",this.loading="lazy",this.referrerpolicy="no-referrer-when-downgrade",this.onSuccess=e=>{this.image=e.target,this.loadSuccessEvent.emit({image:this.image})},this.onError=e=>{this.image=e.target,this.loadErrorEvent.emit({image:this.image}),this.imageError=!0},this.formatConsumptionData=e=>{const t={};return e.split(",").forEach((e=>{const s=e.trim().replace(/[ ]{2,}/g," ").split(" ");"low"===s[1].toLocaleLowerCase()&&(t.low=s[0]),"medium"===s[1].toLocaleLowerCase()&&(t.medium=s[0]),"high"===s[1].toLocaleLowerCase()&&(t.high=s[0])})),t},this.autoAltName=()=>{if(this.src){const e=this.src.lastIndexOf("/")+1;return this.src.substring(e)}return""},this.setAriaAttributes=()=>{a(this.host,"aria-label",this.alt)}}async updateLang(){this.language=this.t.lang(this.host)}srcsetConsumptionHandler(e){this.srcsetConsumptionData=this.formatConsumptionData(e)}srcHandler(){this.imageError=!1}componentWillLoad(){var e;this.consumptionMode=null!==(e=localStorage.getItem("mdsPrefConsumption"))&&void 0!==e?e:"high",this.srcsetConsumption&&(this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)),this.image=this.host.querySelector("img"),this.alt||(this.alt=this.autoAltName())}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){this.setAriaAttributes()}render(){var e,t;return this.imageError?r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:m}),r("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},r("i",null,this.alt)))):this.srcsetConsumptionData?"low"===this.consumptionMode?r(i,{"aria-label":this.alt,role:"img",onClick:()=>{this.imageConsumptionLoaded=!0}},r("div",{class:"contrast-area-50"}),this.imageConsumptionLoaded?r("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:null!==(e=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==e?e:this.src,srcset:this.srcset,width:this.width}):r("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:n}),r("mds-text",{class:"alt-text",typography:"h6"},r("i",null,this.alt)),r("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"outline"},this.t.get("clickToLoad")))):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:null!==(t=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==t?t:this.src,srcset:this.srcset,width:this.width})):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}get host(){return this}static get watchers(){return{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):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{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}"}},[1,"mds-img",{alt:[1537],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],srcsetConsumption:[1,"srcset-consumption"],width:[1],imageConsumptionLoaded:[32],imageError:[32],language:[32],updateLang:[64]},void 0,{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-img","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-img":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||c();break;case"mds-icon":customElements.get(o(e))||d();break;case"mds-spinner":customElements.get(o(e))||h();break;case"mds-text":customElements.get(o(e))||u()}}))}export{y as M,f as d}