@maggioli-design-system/mds-input-select 3.0.0 → 3.1.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-input-select.cjs",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]]], options);
+  return index.bootstrapLazy([["mds-input-select.cjs",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"],"disabled":["disabledChanged"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/mds-input-select.cjs.entry.js

@@ -102,6 +102,19 @@ const MdsInputSelect = class {
         this.changeEvent.emit({ value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         this.internals.setFormValue((_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : null);
     }
+    disabledChanged(newValue) {
+        /**
+         * This is related to ALL disabled attributes set on Magma input components
+         * if solved, please check mds-button, mds-input, mds-input-*
+         * https://github.com/ionic-team/stencil/issues/5461
+         */
+        if (newValue) {
+            this.internals.setFormValue(null);
+        }
+    }
+    formResetCallback() {
+        this.internals.setFormValue('');
+    }
     componentDidLoad() {
         if (this.value) {
             this.selected = true;
@@ -109,13 +122,14 @@ const MdsInputSelect = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '81ab7f5b366ae9e842612a276b8efe1d52d21dd0' }, index.h("select", { key: '130119ceb7447ee4f8b80b5a6f7b7ac712c9f347', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && index.h("option", { key: 'f56c4a89209571e5f57c0fd9edc5a3fb34e62664', value: "", disabled: true, selected: true }, this.placeholder)), index.h("div", { key: '65564368c9fc116b98a0c9159cf3191e03d49193', class: "icon-container" }, index.h("i", { key: 'd35fb6bb42e9ed84f5d7d5a2b432c7da03164eab', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), index.h("div", { key: 'd8515da7da334fbd00ff6df9ee81f8d46cfb6c8c', class: "option-container" }, index.h("slot", { key: '2209933b74c5a1dfab7673eaaaac8e23b8e15a74', onSlotchange: this.onSlotChangeHandler })), index.h("mds-input-tip", { key: 'a794103ca26e4d2312059108448e5d0643edca5d', position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: '1415ed93d80ad27f2e922ea5c5176f78cf0ffa65', expanded: true, variant: "disabled" }), this.required &&
-            index.h("mds-input-tip-item", { key: '36807554f81acc5c312835587493b5be0c632157', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (index.h(index.Host, { key: '4530b7a0bc9da6176b222477f7cf41aceaf380f3' }, index.h("select", { key: '6f190cc6924b5f0da6f9703c10eec1e0c55e3360', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && index.h("option", { key: 'fca8a6450fb9c1ee9b66efc9b24f7a346673b3c6', value: "", disabled: true, selected: true }, this.placeholder)), index.h("div", { key: '557463d7c2cc90f451fd9d18a9df7745352c29dd', class: "icon-container" }, index.h("i", { key: '3b5cd0ddcd86d9ac2dd16717d3536f7daff4a48c', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), index.h("div", { key: 'c341322713f8b8e739cb3e5d6a9f1b0a163cfadd', class: "option-container" }, index.h("slot", { key: 'bffb6b7b0a0be6f2f006f2776e03021fd5f59964', onSlotchange: this.onSlotChangeHandler })), index.h("mds-input-tip", { key: 'b8af860a3f766e829fc811fd8b3aba9f5e33394b', position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: 'ec17d9e2e3b3baab7d6307fa31853fa01a7f78fb', expanded: true, variant: "disabled" }), this.required &&
+            index.h("mds-input-tip-item", { key: '459e3ba038297693d650405b7af577d4a44505a8', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "value": ["valueChanged"]
+        "value": ["valueChanged"],
+        "disabled": ["disabledChanged"]
     }; }
 };
 MdsInputSelect.style = MdsInputSelectStyle0;

package/dist/cjs/mds-input-select.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-input-select.cjs",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]]], options);
+  return index.bootstrapLazy([["mds-input-select.cjs",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"],"disabled":["disabledChanged"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/common/aria.js

@@ -18,6 +18,22 @@ const setAttributeIfEmpty = (element, attribute, value) => {
     element.setAttribute(attribute, value);
     return value;
 };
+const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => {
+    if (ifAttribute(element, attribute, valueCheck)) {
+        const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes];
+        attributesList.forEach(attributeToRemove => {
+            element.removeAttribute(attributeToRemove);
+        });
+        return true;
+    }
+    return false;
+};
+const ifAttribute = (element, attribute, valueCheck = 'true') => {
+    if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+        return true;
+    }
+    return false;
+};
 const hashValue = (value) => `${value}-${hash(value)}`;
 const hashRandomValue = (value) => {
     const randomValue = randomInt(1000000);
@@ -26,4 +42,4 @@ const hashRandomValue = (value) => {
     }
     return hash(randomValue.toString());
 };
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

package/dist/collection/common/device.js

@@ -0,0 +1,6 @@
+const isMobileDevice = () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+};
+export { isMobileDevice, };

package/dist/collection/common/keyboard-manager.js

@@ -31,13 +31,13 @@ export class KeyboardManager {
         };
         this.attachEscapeBehavior = (callback) => {
             this.escapeCallback = callback;
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };
         this.detachEscapeBehavior = () => {
             this.escapeCallback = () => { return; };
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };

package/dist/collection/common/slot.js

@@ -0,0 +1,13 @@
+const hasSlottedElements = (el, name) => {
+    var _a;
+    let query = 'slot';
+    if (name) {
+        query = `slot[name=${name}]`;
+    }
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (slot) {
+        return slot.assignedNodes().length > 0;
+    }
+    return false;
+};
+export { hasSlottedElements, };

package/dist/collection/components/mds-input-select/mds-input-select.js

@@ -86,6 +86,19 @@ export class MdsInputSelect {
         this.changeEvent.emit({ value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         this.internals.setFormValue((_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : null);
     }
+    disabledChanged(newValue) {
+        /**
+         * This is related to ALL disabled attributes set on Magma input components
+         * if solved, please check mds-button, mds-input, mds-input-*
+         * https://github.com/ionic-team/stencil/issues/5461
+         */
+        if (newValue) {
+            this.internals.setFormValue(null);
+        }
+    }
+    formResetCallback() {
+        this.internals.setFormValue('');
+    }
     componentDidLoad() {
         if (this.value) {
             this.selected = true;
@@ -93,8 +106,8 @@ export class MdsInputSelect {
         }
     }
     render() {
-        return (h(Host, { key: '81ab7f5b366ae9e842612a276b8efe1d52d21dd0' }, h("select", { key: '130119ceb7447ee4f8b80b5a6f7b7ac712c9f347', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'f56c4a89209571e5f57c0fd9edc5a3fb34e62664', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '65564368c9fc116b98a0c9159cf3191e03d49193', class: "icon-container" }, h("i", { key: 'd35fb6bb42e9ed84f5d7d5a2b432c7da03164eab', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'd8515da7da334fbd00ff6df9ee81f8d46cfb6c8c', class: "option-container" }, h("slot", { key: '2209933b74c5a1dfab7673eaaaac8e23b8e15a74', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'a794103ca26e4d2312059108448e5d0643edca5d', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '1415ed93d80ad27f2e922ea5c5176f78cf0ffa65', expanded: true, variant: "disabled" }), this.required &&
-            h("mds-input-tip-item", { key: '36807554f81acc5c312835587493b5be0c632157', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (h(Host, { key: '4530b7a0bc9da6176b222477f7cf41aceaf380f3' }, h("select", { key: '6f190cc6924b5f0da6f9703c10eec1e0c55e3360', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'fca8a6450fb9c1ee9b66efc9b24f7a346673b3c6', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '557463d7c2cc90f451fd9d18a9df7745352c29dd', class: "icon-container" }, h("i", { key: '3b5cd0ddcd86d9ac2dd16717d3536f7daff4a48c', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'c341322713f8b8e739cb3e5d6a9f1b0a163cfadd', class: "option-container" }, h("slot", { key: 'bffb6b7b0a0be6f2f006f2776e03021fd5f59964', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'b8af860a3f766e829fc811fd8b3aba9f5e33394b', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'ec17d9e2e3b3baab7d6307fa31853fa01a7f78fb', expanded: true, variant: "disabled" }), this.required &&
+            h("mds-input-tip-item", { key: '459e3ba038297693d650405b7af577d4a44505a8', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get is() { return "mds-input-select"; }
     static get encapsulation() { return "shadow"; }
@@ -329,6 +342,9 @@ export class MdsInputSelect {
         return [{
                 "propName": "value",
                 "methodName": "valueChanged"
+            }, {
+                "propName": "disabled",
+                "methodName": "disabledChanged"
             }];
     }
     static get attachInternalsMemberName() { return "internals"; }

package/dist/collection/dictionary/animation.js

@@ -0,0 +1,5 @@
+const horizontalActionsAnimationDictionary = [
+    'fade',
+    'slide',
+];
+export { horizontalActionsAnimationDictionary, };

package/dist/collection/dictionary/file-extensions.js

@@ -1,60 +1,65 @@
 const fileExtensionsDictionary = {
-    '7z': { format: 'archive', description: 'Archivio compresso' },
-    ace: { format: 'archive', description: 'Archivio compresso' },
-    ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
-    dart: { format: 'code', description: 'Dart' },
-    db: { format: 'data', description: 'File di database' },
-    default: { format: 'attachment', description: 'Formato sconosciuto' },
-    dmg: { format: 'executable', description: 'Apple Disk Image' },
-    doc: { format: 'text', description: 'Documento Microsoft Word' },
-    docm: { format: 'text', description: 'Documento Microsoft Word' },
-    docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
-    eml: { format: 'email', description: 'E-mail di posta elettronica' },
-    eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
-    exe: { format: 'executable', description: 'File eseguibile Windows' },
-    flac: { format: 'audio', description: 'Audio non compresso' },
-    gif: { format: 'image', description: 'Immagine compressa', preview: true },
-    htm: { format: 'markup', description: 'Pagina web' },
-    heic: { format: 'image', description: 'High Efficiency Image File Format' },
-    html: { format: 'markup', description: 'Pagina web' },
-    jpe: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpg: { format: 'image', description: 'Immagine compressa', preview: true },
-    js: { format: 'code', description: 'JavaScript' },
-    json: { format: 'data', description: 'JavaScript Object Notation' },
-    jsx: { format: 'code', description: 'JavaScript' },
-    m2v: { format: 'video', description: 'Filmato SD' },
-    mp2: { format: 'audio', description: 'Audio compresso' },
-    mp3: { format: 'audio', description: 'Audio compresso' },
-    mp4: { format: 'video', description: 'Filmato HD' },
-    mp4v: { format: 'video', description: 'Filmato HD' },
-    mpeg: { format: 'video', description: 'Filmato SD' },
-    mpg4: { format: 'video', description: 'Filmato SD' },
-    mpg: { format: 'video', description: 'Filmato SD' },
-    mpga: { format: 'audio', description: 'Audio compresso' },
-    odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
-    ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
-    odt: { format: 'text', description: 'File di testo LibreOffice' },
-    pdf: { format: 'document', description: 'Documento Adobe' },
-    php: { format: 'code', description: 'Hypertext Preprocessor' },
-    png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
-    ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
-    rar: { format: 'archive', description: 'Archivio compresso' },
-    rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
-    sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
-    shtml: { format: 'markup', description: 'Pagina web' },
-    svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
-    tar: { format: 'archive', description: 'Archivio non compresso' },
-    tiff: { format: 'image', description: 'Tag Image File Format' },
-    ts: { format: 'code', description: 'TypeScript' },
-    tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
-    txt: { format: 'text', description: 'Documento di testo non formattato' },
-    wav: { format: 'audio', description: 'Audio non compresso' },
-    webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
-    xar: { format: 'archive', description: 'Archivio compresso' },
-    xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    zip: { format: 'archive', description: 'Archivio compresso' },
+    '7z': { format: 'archive', description: 'compressedArchive' },
+    ace: { format: 'archive', description: 'compressedArchive' },
+    ai: { format: 'vector', description: 'fileAI' },
+    dart: { format: 'code', description: 'dart' },
+    db: { format: 'data', description: 'fileDB' },
+    default: { format: 'attachment', description: 'unknown' },
+    dmg: { format: 'executable', description: 'appleDiskImage' },
+    doc: { format: 'text', description: 'documentMS' },
+    docm: { format: 'text', description: 'documentMS' },
+    docx: { format: 'text', description: 'compressedDocumentMS' },
+    eml: { format: 'email', description: 'email' },
+    eps: { format: 'vector', description: 'fileEPS' },
+    exe: { format: 'executable', description: 'fileEXE' },
+    flac: { format: 'audio', description: 'uncompressedAudio' },
+    gif: { format: 'image', description: 'compressedImage', preview: true },
+    heic: { format: 'image', description: 'imageHEFF' },
+    htm: { format: 'markup', description: 'documentWeb' },
+    html: { format: 'markup', description: 'documentWeb' },
+    jpe: { format: 'image', description: 'compressedImage', preview: true },
+    jpeg: { format: 'image', description: 'compressedImage', preview: true },
+    jpg: { format: 'image', description: 'compressedImage', preview: true },
+    js: { format: 'code', description: 'fileJS' },
+    json: { format: 'data', description: 'fileJSON' },
+    jsx: { format: 'code', description: 'fileJS' },
+    m2v: { format: 'video', description: 'videoSD' },
+    mp2: { format: 'audio', description: 'compressedAudio' },
+    mp3: { format: 'audio', description: 'compressedAudio' },
+    mp4: { format: 'video', description: 'videoHD' },
+    mp4v: { format: 'video', description: 'videoHD' },
+    mpeg: { format: 'video', description: 'videoSD' },
+    mpg4: { format: 'video', description: 'videoSD' },
+    mpg: { format: 'video', description: 'videoSD' },
+    mpga: { format: 'audio', description: 'compressedAudio' },
+    odf: { format: 'document', description: 'openDocumentFormat' },
+    odp: { format: 'slide', description: 'slideLO' },
+    ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+    odt: { format: 'text', description: 'documentLO' },
+    ole: { format: 'document', description: 'objectLinkingAndEmbedding' },
+    p7m: { format: 'certificate', description: 'documentDigitalSingnature' },
+    pdf: { format: 'document', description: 'documentAdobe' },
+    php: { format: 'code', description: 'filePHP' },
+    png: { format: 'image', description: 'imagePNG', preview: true },
+    ppt: { format: 'slide', description: 'slidePowerPoint' },
+    rar: { format: 'archive', description: 'compressedArchive' },
+    rtf: { format: 'text', description: 'documentRTF' },
+    sass: { format: 'code', description: 'fileSASS' },
+    shtml: { format: 'markup', description: 'documentWeb' },
+    svg: { format: 'vector', description: 'imageSVG', preview: true },
+    tar: { format: 'archive', description: 'uncompressedArchive' },
+    tiff: { format: 'image', description: 'imageTIFF' },
+    ts: { format: 'code', description: 'fileTS' },
+    tsd: { format: 'certificate', description: 'certificateTSD' },
+    tsx: { format: 'code', description: 'fileTSX' },
+    txt: { format: 'text', description: 'documentTXT' },
+    wav: { format: 'audio', description: 'uncompressedAudio' },
+    webp: { format: 'image', description: 'imageWEBP', preview: true },
+    xar: { format: 'archive', description: 'compressedArchive' },
+    xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xml: { format: 'markup', description: 'extensibleMarkupLanguage' },
+    zip: { format: 'archive', description: 'compressedArchive' },
 };
 const genericMimeToExt = new Map([
     ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],

package/dist/collection/dictionary/text.js

@@ -1,6 +1,65 @@
+const typographyTagDictionary = [
+    'abbr',
+    'address',
+    'article',
+    'b',
+    'bdo',
+    'blockquote',
+    'cite',
+    'code',
+    'dd',
+    'del',
+    'details',
+    'dfn',
+    'div',
+    'dl',
+    'dt',
+    'em',
+    'figcaption',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'i',
+    'ins',
+    'kbd',
+    'label',
+    'legend',
+    'li',
+    'mark',
+    'ol',
+    'p',
+    'pre',
+    'q',
+    'rb',
+    'rt',
+    'ruby',
+    's',
+    'samp',
+    'small',
+    'span',
+    'strong',
+    'sub',
+    'summary',
+    'sup',
+    'time',
+    'u',
+    'ul',
+    'var',
+];
+const typographyHeadingTagDictionary = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+];
 const truncateDictionary = [
     'all',
     'none',
     'word',
 ];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

package/dist/collection/fixtures/filenames.js

@@ -54,4 +54,65 @@ const filesList = [
     'wisconsin_bypassing_small.xar',
     'wooden.jsx',
 ];
-export { filesList, };
+const namedFilesList = {
+    '7z': 'frozen_haptic.7z',
+    'No extension file': 'this_is_an_extensionless_file',
+    'png with URL': 'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+    ace: 'sky_marketing.ace',
+    ai: 'foreground_overriding.ai',
+    db: 'matrix_black_hat.db',
+    default: 'copying.default',
+    dmg: 'protocol_designer.dmg',
+    doc: 'forges.doc',
+    docm: 'officer_somalia.docm',
+    docx: 'upgradable_gold.docx',
+    eml: 'brunei_logistical.eml',
+    eps: 'alarm_circuit_plastic.eps',
+    exe: 'rss_systematic_avon.exe',
+    flac: 'liaison_panel_central.flac',
+    gif: 'initiatives_group.gif',
+    htm: 'books_monetize_arizona.htm',
+    html: 'flexibility_auto_money.html',
+    jpe: 'intelligent_radical.jpe',
+    jpeg: 'iowa_installation.jpeg',
+    jpg: 'buckinghamshire_macao.jpg',
+    js: 'monitor.js',
+    json: 'calculating.json',
+    jsx: 'wooden.jsx',
+    m2v: 'interface_bedfordshire_solid.m2v',
+    mp2: 'explicit.mp2',
+    mp3: 'optimization_radical.mp3',
+    mp4: 'nebraska.mp4',
+    mp4v: 'reduced_regional_greenland.mp4v',
+    mpeg: 'impactful_alarm_handmade.mpeg',
+    mpg4: 'revolutionize.mpg4',
+    mpg: 'complexity_deposit.mpg',
+    mpga: 'ports_copy_granite.mpga',
+    odf: 'This is a file_to_read.odf',
+    odp: 'needs_based_solid.odp',
+    ods: 'compressing_black_colorado.ods',
+    odt: 'salad_compressing.odt',
+    ole: 'Document-RPF_Open-new.ole',
+    p7m: 'file with certificate from government.pdf.p7m',
+    pdf: 'connect_local_visualize.pdf',
+    php: 'fish.php',
+    png: 'awesome_orchestration.png',
+    ppt: 'gorgeous_manager_savings.ppt',
+    rar: 'unbranded.rar',
+    rtf: 'pound.rtf',
+    sass: 'open_source_gorgeous.sass',
+    shtml: 'brand.shtml',
+    svg: 'b2c_tan_sports.svg',
+    tar: 'graphic_frozen_bedfordshire.tar',
+    ts: 'forge_face.ts',
+    tsd: 'Marked file-7483274hy6Fg6R8.tsd',
+    txt: 'bedfordshire_iceland_identity.txt',
+    wav: 'synergistic.wav',
+    webp: 'open_source.webp',
+    xar: 'wisconsin_bypassing_small.xar',
+    xls: 'metrics_lempira_account.xls',
+    xlsx: 'hdd_navigate_panama.xlsx',
+    xml: 'Markup language.xml',
+    zip: 'tuna_table_fall.zip',
+};
+export { filesList, namedFilesList, };

package/dist/collection/type/animation.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/type/variant-file-format.js

@@ -3,6 +3,7 @@ import baselineAttachFile from "@icon/mi/baseline/attach-file.svg";
 import baselineAudiotrack from "@icon/mi/baseline/audiotrack.svg";
 import baselineTerminal from "@icon/mi/baseline/terminal.svg";
 import baselineInsertDriveFile from "@icon/mi/baseline/insert-drive-file.svg";
+import mdiLicense from "@icon/mdi/license.svg";
 import mdiHardDisk from "@icon/mdi/harddisk.svg";
 import baselineEmail from "@icon/mi/baseline/email.svg";
 import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
@@ -26,6 +27,10 @@ const fileFormatsVariant = {
         icon: baselineAudiotrack,
         variant: 'violet',
     },
+    certificate: {
+        icon: mdiLicense,
+        variant: 'orange',
+    },
     code: {
         icon: baselineTerminal,
         variant: 'yellow',

package/dist/components/mds-input-select.js

@@ -94,6 +94,19 @@ const MdsInputSelect$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputSelect e
         this.changeEvent.emit({ value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         this.internals.setFormValue((_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : null);
     }
+    disabledChanged(newValue) {
+        /**
+         * This is related to ALL disabled attributes set on Magma input components
+         * if solved, please check mds-button, mds-input, mds-input-*
+         * https://github.com/ionic-team/stencil/issues/5461
+         */
+        if (newValue) {
+            this.internals.setFormValue(null);
+        }
+    }
+    formResetCallback() {
+        this.internals.setFormValue('');
+    }
     componentDidLoad() {
         if (this.value) {
             this.selected = true;
@@ -101,13 +114,14 @@ const MdsInputSelect$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputSelect e
         }
     }
     render() {
-        return (h(Host, { key: '81ab7f5b366ae9e842612a276b8efe1d52d21dd0' }, h("select", { key: '130119ceb7447ee4f8b80b5a6f7b7ac712c9f347', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'f56c4a89209571e5f57c0fd9edc5a3fb34e62664', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '65564368c9fc116b98a0c9159cf3191e03d49193', class: "icon-container" }, h("i", { key: 'd35fb6bb42e9ed84f5d7d5a2b432c7da03164eab', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'd8515da7da334fbd00ff6df9ee81f8d46cfb6c8c', class: "option-container" }, h("slot", { key: '2209933b74c5a1dfab7673eaaaac8e23b8e15a74', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'a794103ca26e4d2312059108448e5d0643edca5d', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '1415ed93d80ad27f2e922ea5c5176f78cf0ffa65', expanded: true, variant: "disabled" }), this.required &&
-            h("mds-input-tip-item", { key: '36807554f81acc5c312835587493b5be0c632157', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (h(Host, { key: '4530b7a0bc9da6176b222477f7cf41aceaf380f3' }, h("select", { key: '6f190cc6924b5f0da6f9703c10eec1e0c55e3360', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'fca8a6450fb9c1ee9b66efc9b24f7a346673b3c6', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '557463d7c2cc90f451fd9d18a9df7745352c29dd', class: "icon-container" }, h("i", { key: '3b5cd0ddcd86d9ac2dd16717d3536f7daff4a48c', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'c341322713f8b8e739cb3e5d6a9f1b0a163cfadd', class: "option-container" }, h("slot", { key: 'bffb6b7b0a0be6f2f006f2776e03021fd5f59964', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'b8af860a3f766e829fc811fd8b3aba9f5e33394b', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'ec17d9e2e3b3baab7d6307fa31853fa01a7f78fb', expanded: true, variant: "disabled" }), this.required &&
+            h("mds-input-tip-item", { key: '459e3ba038297693d650405b7af577d4a44505a8', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }
     static get watchers() { return {
-        "value": ["valueChanged"]
+        "value": ["valueChanged"],
+        "disabled": ["disabledChanged"]
     }; }
     static get style() { return MdsInputSelectStyle0; }
 }, [65, "mds-input-select", {
@@ -124,7 +138,8 @@ const MdsInputSelect$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputSelect e
         "selected": [32],
         "hasFocus": [32]
     }, undefined, {
-        "value": ["valueChanged"]
+        "value": ["valueChanged"],
+        "disabled": ["disabledChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T18:23:28",
+  "timestamp": "2024-12-19T15:44:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]]], options);
+  return bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"],"disabled":["disabledChanged"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/mds-input-select.entry.js

@@ -98,6 +98,19 @@ const MdsInputSelect = class {
         this.changeEvent.emit({ value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         this.internals.setFormValue((_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : null);
     }
+    disabledChanged(newValue) {
+        /**
+         * This is related to ALL disabled attributes set on Magma input components
+         * if solved, please check mds-button, mds-input, mds-input-*
+         * https://github.com/ionic-team/stencil/issues/5461
+         */
+        if (newValue) {
+            this.internals.setFormValue(null);
+        }
+    }
+    formResetCallback() {
+        this.internals.setFormValue('');
+    }
     componentDidLoad() {
         if (this.value) {
             this.selected = true;
@@ -105,13 +118,14 @@ const MdsInputSelect = class {
         }
     }
     render() {
-        return (h(Host, { key: '81ab7f5b366ae9e842612a276b8efe1d52d21dd0' }, h("select", { key: '130119ceb7447ee4f8b80b5a6f7b7ac712c9f347', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'f56c4a89209571e5f57c0fd9edc5a3fb34e62664', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '65564368c9fc116b98a0c9159cf3191e03d49193', class: "icon-container" }, h("i", { key: 'd35fb6bb42e9ed84f5d7d5a2b432c7da03164eab', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'd8515da7da334fbd00ff6df9ee81f8d46cfb6c8c', class: "option-container" }, h("slot", { key: '2209933b74c5a1dfab7673eaaaac8e23b8e15a74', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'a794103ca26e4d2312059108448e5d0643edca5d', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '1415ed93d80ad27f2e922ea5c5176f78cf0ffa65', expanded: true, variant: "disabled" }), this.required &&
-            h("mds-input-tip-item", { key: '36807554f81acc5c312835587493b5be0c632157', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (h(Host, { key: '4530b7a0bc9da6176b222477f7cf41aceaf380f3' }, h("select", { key: '6f190cc6924b5f0da6f9703c10eec1e0c55e3360', class: clsx('input', this.selected && 'input--selected'), onInput: this.onInput.bind(this), onBlur: this.onBlur, onFocus: this.onFocus, name: this.name, required: this.required, disabled: this.disabled, multiple: this.multiple, size: this.size, part: "select" }, this.placeholder && h("option", { key: 'fca8a6450fb9c1ee9b66efc9b24f7a346673b3c6', value: "", disabled: true, selected: true }, this.placeholder)), h("div", { key: '557463d7c2cc90f451fd9d18a9df7745352c29dd', class: "icon-container" }, h("i", { key: '3b5cd0ddcd86d9ac2dd16717d3536f7daff4a48c', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), h("div", { key: 'c341322713f8b8e739cb3e5d6a9f1b0a163cfadd', class: "option-container" }, h("slot", { key: 'bffb6b7b0a0be6f2f006f2776e03021fd5f59964', onSlotchange: this.onSlotChangeHandler })), h("mds-input-tip", { key: 'b8af860a3f766e829fc811fd8b3aba9f5e33394b', position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'ec17d9e2e3b3baab7d6307fa31853fa01a7f78fb', expanded: true, variant: "disabled" }), this.required &&
+            h("mds-input-tip-item", { key: '459e3ba038297693d650405b7af577d4a44505a8', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "value": ["valueChanged"]
+        "value": ["valueChanged"],
+        "disabled": ["disabledChanged"]
     }; }
 };
 MdsInputSelect.style = MdsInputSelectStyle0;

package/dist/esm/mds-input-select.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]]], options);
+  return bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"],"disabled":["disabledChanged"]}]]]], options);
 });

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function u(e){try{c(r.next(e))}catch(e){o(e)}}function a(e){try{c(r["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):i(e.value).then(u,a)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(r=1,i&&(o=a[0]&2?i["return"]:a[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;if(i=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-f99575c3.js";export{s as setNonce}from"./index-f99575c3.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],variant:[513],selected:[32],hasFocus:[32]},null,{value:["valueChanged"]}]]]],t)]}}))}))};export{defineCustomElements};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{c(r.next(e))}catch(e){o(e)}}function u(e){try{c(r["throw"](e))}catch(e){o(e)}}function c(e){e.done?n(e.value):i(e.value).then(a,u)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(e){return function(t){return c([e,t])}}function c(u){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(r=1,i&&(o=u[0]&2?i["return"]:u[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,u[1])).done)return o;if(i=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];i=0}finally{r=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-f99575c3.js";export{s as setNonce}from"./index-f99575c3.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-input-select",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],variant:[513],selected:[32],hasFocus:[32]},null,{value:["valueChanged"],disabled:["disabledChanged"]}]]]],t)]}}))}))};export{defineCustomElements};