@maggioli-design-system/mds-progress - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-9725b4b4.js');
+const index = require('./index-91b93373.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
@@ -8,0 +8,0 @@

dist/cjs/mds-progress.cjs.entry.js

@@ -5,4 +5,21 @@ 'use strict';
 
-const index = require('./index-9725b4b4.js');
+const index = require('./index-91b93373.js');
 
+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 mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
@@ -25,6 +42,11 @@ const MdsProgressStyle0 = mdsProgressCss;
     }
+    componentDidLoad() {
+        removeAttributesIf(this.element, 'aria-hidden', 'true', ['aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext', 'role']);
+    }
     setProgress(progress) {
         if (this.steps) {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
-            this.element.setAttribute('aria-valuetext', this.currentStep);
+            if (!ifAttribute(this.element, 'aria-hidden')) {
+                this.element.setAttribute('aria-valuetext', this.currentStep);
+            }
         }
@@ -39,3 +61,3 @@ }
     render() {
-        return (index.h(index.Host, { key: 'fadd41ff24e30137a6998f2d6627fcd5d44c68ae', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { key: '8e1cc488d34e9876b8e256e58c65c973a7fe7a11', class: "contrast-area" }), index.h("div", { key: '611728b4b0b6702b3f98e005a8de265e43f7cf7b', class: "progress", style: this.direction === 'horizontal'
+        return (index.h(index.Host, { key: '1366494830062543321235236455acd23e937ed8', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, index.h("div", { key: '71db06c95676326e8fcfdadb254de64f1d80521c', class: "contrast-area" }), index.h("div", { key: '1f4bc92b2c3201198b606463f26f47aa9f9ca13e', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
@@ -42,0 +64,0 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));

dist/cjs/mds-progress.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-9725b4b4.js');
+const index = require('./index-91b93373.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
@@ -8,0 +8,0 @@

dist/collection/common/aria.js

@@ -21,2 +21,18 @@ const hash = (s) => {
 };
+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)}`;
@@ -30,2 +46,2 @@ const hashRandomValue = (value) => {
 };
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

dist/collection/common/keyboard-manager.js

@@ -34,3 +34,3 @@ export class KeyboardManager {
             this.escapeCallback = callback;
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
@@ -41,3 +41,3 @@ }
             this.escapeCallback = () => { return; };
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
@@ -44,0 +44,0 @@ }

dist/collection/components/mds-progress/mds-progress.js

 import { Host, h } from "@stencil/core";
+import { removeAttributesIf, ifAttribute } from "../../common/aria";
 export class MdsProgress {
@@ -15,6 +16,11 @@ constructor() {
     }
+    componentDidLoad() {
+        removeAttributesIf(this.element, 'aria-hidden', 'true', ['aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext', 'role']);
+    }
     setProgress(progress) {
         if (this.steps) {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
-            this.element.setAttribute('aria-valuetext', this.currentStep);
+            if (!ifAttribute(this.element, 'aria-hidden')) {
+                this.element.setAttribute('aria-valuetext', this.currentStep);
+            }
         }
@@ -29,3 +35,3 @@ }
     render() {
-        return (h(Host, { key: 'fadd41ff24e30137a6998f2d6627fcd5d44c68ae', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '8e1cc488d34e9876b8e256e58c65c973a7fe7a11', class: "contrast-area" }), h("div", { key: '611728b4b0b6702b3f98e005a8de265e43f7cf7b', class: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '1366494830062543321235236455acd23e937ed8', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '71db06c95676326e8fcfdadb254de64f1d80521c', class: "contrast-area" }), h("div", { key: '1f4bc92b2c3201198b606463f26f47aa9f9ca13e', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
@@ -32,0 +38,0 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));

dist/collection/components/mds-progress/test/mds-progress.stories.js

@@ -26,3 +26,3 @@ import { directionDictionary } from "../meta/dictionary";
 };
-const Template = args => h("mds-progress", Object.assign({}, args));
+const Template = args => h("mds-progress", Object.assign({ "aria-label": "Progress bar title" }, args));
 export const Default = Template.bind({});
@@ -29,0 +29,0 @@ Default.args = {

dist/collection/dictionary/file-extensions.js

 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 },
+    htm: { format: 'markup', description: 'documentWeb' },
+    heic: { format: 'image', description: 'imageHEFF' },
+    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' },
+    odp: { format: 'slide', description: 'slideLO' },
+    ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+    odt: { format: 'text', description: 'documentLO' },
+    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' },
+    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' },
+    zip: { format: 'archive', description: 'compressedArchive' },
 };
+// const fileExtensionsDictionary: FileExtenstion = {
+//   '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' },
+// }
 const genericMimeToExt = new Map([
@@ -60,0 +118,0 @@ ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],

dist/collection/dictionary/text.js

@@ -0,1 +1,60 @@
+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 = [
@@ -6,2 +65,2 @@ 'all',
 ];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

dist/components/mds-progress.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
+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 mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
@@ -22,6 +39,11 @@ const MdsProgressStyle0 = mdsProgressCss;
     }
+    componentDidLoad() {
+        removeAttributesIf(this.element, 'aria-hidden', 'true', ['aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext', 'role']);
+    }
     setProgress(progress) {
         if (this.steps) {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
-            this.element.setAttribute('aria-valuetext', this.currentStep);
+            if (!ifAttribute(this.element, 'aria-hidden')) {
+                this.element.setAttribute('aria-valuetext', this.currentStep);
+            }
         }
@@ -36,3 +58,3 @@ }
     render() {
-        return (h(Host, { key: 'fadd41ff24e30137a6998f2d6627fcd5d44c68ae', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '8e1cc488d34e9876b8e256e58c65c973a7fe7a11', class: "contrast-area" }), h("div", { key: '611728b4b0b6702b3f98e005a8de265e43f7cf7b', class: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '1366494830062543321235236455acd23e937ed8', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '71db06c95676326e8fcfdadb254de64f1d80521c', class: "contrast-area" }), h("div", { key: '1f4bc92b2c3201198b606463f26f47aa9f9ca13e', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
@@ -39,0 +61,0 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));

dist/documentation.json

 {
-  "timestamp": "2024-11-25T18:55:25",
+  "timestamp": "2024-12-04T16:28:21",
   "compiler": {
@@ -4,0 +4,0 @@ "name": "@stencil/core",

dist/esm-es5/loader.js

@@ -1,1 +0,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 s(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(s,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,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=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-9f9c0c97.js";export{s as setNonce}from"./index-9f9c0c97.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-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],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 s(e){try{u(r.next(e))}catch(e){o(e)}}function a(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(s,a)}u((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,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return u([e,t])}}function u(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=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-c78d74f1.js";export{s as setNonce}from"./index-c78d74f1.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-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],t)]}}))}))};export{defineCustomElements};

dist/esm-es5/mds-progress.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-9f9c0c97.js";var mdsProgressCss='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant="warning"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant="success"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant="info"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant="warning"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant="success"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant="info"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';var MdsProgressStyle0=mdsProgressCss;var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{key:"fadd41ff24e30137a6998f2d6627fcd5d44c68ae","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{key:"8e1cc488d34e9876b8e256e58c65c973a7fe7a11",class:"contrast-area"}),h("div",{key:"611728b4b0b6702b3f98e005a8de265e43f7cf7b",class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=MdsProgressStyle0;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-c78d74f1.js";var removeAttributesIf=function(r,n,s,t){if(s===void 0){s="true"}if(ifAttribute(r,n,s)){var o=Array.isArray(t)?t:[t];o.forEach((function(n){r.removeAttribute(n)}));return true}return false};var ifAttribute=function(r,n,s){if(s===void 0){s="true"}if(r.hasAttribute(n)&&r.getAttribute(n)===s){return true}return false};var mdsProgressCss='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant="warning"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant="success"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant="info"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant="warning"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant="success"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant="info"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';var MdsProgressStyle0=mdsProgressCss;var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.componentDidLoad=function(){removeAttributesIf(this.element,"aria-hidden","true",["aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","role"])};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];if(!ifAttribute(this.element,"aria-hidden")){this.element.setAttribute("aria-valuetext",this.currentStep)}}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{key:"1366494830062543321235236455acd23e937ed8","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":!ifAttribute(this.element,"aria-hidden")&&Math.round(this.progress*100),role:"progressbar"},h("div",{key:"71db06c95676326e8fcfdadb254de64f1d80521c",class:"contrast-area"}),h("div",{key:"1f4bc92b2c3201198b606463f26f47aa9f9ca13e",class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=MdsProgressStyle0;export{MdsProgress as mds_progress};

dist/esm-es5/mds-progress.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(r,t,e,n){function o(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,i){function s(r){try{c(n.next(r))}catch(r){i(r)}}function a(r){try{c(n["throw"](r))}catch(r){i(r)}}function c(r){r.done?e(r.value):o(r.value).then(s,a)}c((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(r){return function(t){return c([r,t])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(e=0)),e)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(r,e)}catch(r){a=[6,r];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-9f9c0c97.js";export{s as setNonce}from"./index-9f9c0c97.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var r=import.meta.url;var t={};if(r!==""){t.resourcesUrl=new URL(".",r).href}return promiseResolve(t)};patchBrowser().then((function(r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],r)]}}))}))}));
+var __awaiter=this&&this.__awaiter||function(r,t,e,n){function o(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,i){function s(r){try{c(n.next(r))}catch(r){i(r)}}function a(r){try{c(n["throw"](r))}catch(r){i(r)}}function c(r){r.done?e(r.value):o(r.value).then(s,a)}c((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(r){return function(t){return c([r,t])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(e=0)),e)try{if(n=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){e.label=a[1];break}if(a[0]===6&&e.label<i[1]){e.label=i[1];i=a;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(a);break}if(i[2])e.ops.pop();e.trys.pop();continue}a=t.call(r,e)}catch(r){a=[6,r];o=0}finally{n=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-c78d74f1.js";export{s as setNonce}from"./index-c78d74f1.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var r=import.meta.url;var t={};if(r!==""){t.resourcesUrl=new URL(".",r).href}return promiseResolve(t)};patchBrowser().then((function(r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-progress",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],r)]}}))}))}));

dist/esm/loader.js

@@ -1,3 +0,3 @@
-import { b as bootstrapLazy } from './index-9f9c0c97.js';
-export { s as setNonce } from './index-9f9c0c97.js';
+import { b as bootstrapLazy } from './index-c78d74f1.js';
+export { s as setNonce } from './index-c78d74f1.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -4,0 +4,0 @@

dist/esm/mds-progress.entry.js

@@ -1,3 +0,20 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-9f9c0c97.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c78d74f1.js';
 
+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 mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
@@ -20,6 +37,11 @@ const MdsProgressStyle0 = mdsProgressCss;
     }
+    componentDidLoad() {
+        removeAttributesIf(this.element, 'aria-hidden', 'true', ['aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext', 'role']);
+    }
     setProgress(progress) {
         if (this.steps) {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
-            this.element.setAttribute('aria-valuetext', this.currentStep);
+            if (!ifAttribute(this.element, 'aria-hidden')) {
+                this.element.setAttribute('aria-valuetext', this.currentStep);
+            }
         }
@@ -34,3 +56,3 @@ }
     render() {
-        return (h(Host, { key: 'fadd41ff24e30137a6998f2d6627fcd5d44c68ae', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '8e1cc488d34e9876b8e256e58c65c973a7fe7a11', class: "contrast-area" }), h("div", { key: '611728b4b0b6702b3f98e005a8de265e43f7cf7b', class: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '1366494830062543321235236455acd23e937ed8', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '71db06c95676326e8fcfdadb254de64f1d80521c', class: "contrast-area" }), h("div", { key: '1f4bc92b2c3201198b606463f26f47aa9f9ca13e', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
@@ -37,0 +59,0 @@ : { flexGrow: `${this.progress}`, width: '100%' } })));

dist/esm/mds-progress.js

@@ -1,3 +0,3 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-9f9c0c97.js';
-export { s as setNonce } from './index-9f9c0c97.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-c78d74f1.js';
+export { s as setNonce } from './index-c78d74f1.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
@@ -4,0 +4,0 @@

dist/mds-progress/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-93b285aa.js";export{s as setNonce}from"./p-93b285aa.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-b8db6677",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));
+import{p as e,b as r}from"./p-3fa56e3f.js";export{s as setNonce}from"./p-3fa56e3f.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((async s=>(await p(),r([["p-ae143936",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));

dist/stats.json

 {
-  "timestamp": "2024-11-25T18:55:25",
+  "timestamp": "2024-12-04T16:28:22",
   "compiler": {
@@ -12,10 +12,11 @@ "name": "node",
     "entries": 1,
-    "bundles": 93,
+    "bundles": 94,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 45,
+        "files": 46,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
+          "./dist/collection/common/device.js",
           "./dist/collection/common/file.js",
@@ -81,3 +82,3 @@ "./dist/collection/common/icon.js",
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-9725b4b4.js",
+          "./dist/cjs/index-91b93373.js",
           "./dist/cjs/index.cjs.js",
@@ -88,3 +89,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-9f9c0c97.js",
+          "./dist/esm-es5/index-c78d74f1.js",
           "./dist/esm-es5/index.js",
@@ -95,3 +96,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-9f9c0c97.js",
+          "./dist/esm/index-c78d74f1.js",
           "./dist/esm/index.js",
@@ -106,21 +107,21 @@ "./dist/esm/loader.js",
           "./dist/mds-progress/mds-progress.js",
-          "./dist/mds-progress/p-0e39acfd.system.js",
+          "./dist/mds-progress/p-1a7421ef.system.js",
+          "./dist/mds-progress/p-3fa56e3f.js",
+          "./dist/mds-progress/p-4484605e.system.js",
           "./dist/mds-progress/p-50ea2036.system.js",
           "./dist/mds-progress/p-56ba5cbf.system.js",
-          "./dist/mds-progress/p-93b285aa.js",
-          "./dist/mds-progress/p-b8db6677.entry.js",
-          "./dist/mds-progress/p-c09df41d.system.js",
+          "./dist/mds-progress/p-ae143936.entry.js",
+          "./dist/mds-progress/p-aed14e74.system.entry.js",
           "./dist/mds-progress/p-e1255160.js",
-          "./dist/mds-progress/p-fafac9b1.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
-          "./www/build/p-0e39acfd.system.js",
+          "./www/build/p-1a7421ef.system.js",
+          "./www/build/p-3fa56e3f.js",
+          "./www/build/p-4484605e.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-93b285aa.js",
-          "./www/build/p-b8db6677.entry.js",
-          "./www/build/p-c09df41d.system.js",
-          "./www/build/p-e1255160.js",
-          "./www/build/p-fafac9b1.system.entry.js"
+          "./www/build/p-ae143936.entry.js",
+          "./www/build/p-aed14e74.system.entry.js",
+          "./www/build/p-e1255160.js"
         ]
@@ -158,8 +159,8 @@ },
         ],
-        "bundleId": "p-b8db6677",
-        "fileName": "p-b8db6677.entry.js",
+        "bundleId": "p-ae143936",
+        "fileName": "p-ae143936.entry.js",
         "imports": [
-          "p-93b285aa.js"
+          "p-3fa56e3f.js"
         ],
-        "originalByteSize": 7229
+        "originalByteSize": 8154
       }
@@ -176,5 +177,5 @@ ],
         "imports": [
-          "index-9f9c0c97.js"
+          "index-c78d74f1.js"
         ],
-        "originalByteSize": 7233
+        "originalByteSize": 8158
       }
@@ -191,5 +192,5 @@ ],
         "imports": [
-          "index-9f9c0c97.js"
+          "index-c78d74f1.js"
         ],
-        "originalByteSize": 7233
+        "originalByteSize": 8158
       }
@@ -203,8 +204,8 @@ ],
         ],
-        "bundleId": "p-fafac9b1.system",
-        "fileName": "p-fafac9b1.system.entry.js",
+        "bundleId": "p-aed14e74.system",
+        "fileName": "p-aed14e74.system.entry.js",
         "imports": [
-          "p-c09df41d.system.js"
+          "p-1a7421ef.system.js"
         ],
-        "originalByteSize": 7694
+        "originalByteSize": 9159
       }
@@ -221,5 +222,5 @@ ],
         "imports": [
-          "index-9725b4b4.js"
+          "index-91b93373.js"
         ],
-        "originalByteSize": 7298
+        "originalByteSize": 8223
       }
@@ -537,3 +538,3 @@ ]
           "hasComponentWillLoadFn": true,
-          "hasComponentDidLoadFn": false,
+          "hasComponentDidLoadFn": true,
           "hasComponentShouldUpdateFn": false,
@@ -608,3 +609,3 @@ "hasComponentWillUpdateFn": false,
     "sc-mds-progress": [
-      "p-93b285aa.js"
+      "p-3fa56e3f.js"
     ]
@@ -615,2 +616,3 @@ },
     "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
     "./src/common/file.ts": [],
@@ -617,0 +619,0 @@ "./src/common/icon.ts": [],

dist/types/common/aria.d.ts

 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
+declare const removeAttributesIf: (element: HTMLElement, attribute: string, valueCheck: string | undefined, cleanAttributes: string | string[]) => boolean;
+declare const ifAttribute: (element: HTMLElement, attribute: string, valueCheck?: string) => boolean;
 declare const hashValue: (value: string) => string;
 declare const hashRandomValue: (value?: string) => string;
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

dist/types/components/mds-progress/mds-progress.d.ts

@@ -24,2 +24,3 @@ import { DirectionType } from './meta/types';
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private setProgress;
@@ -26,0 +27,0 @@ progressChanged(progress: number): void;

dist/types/dictionary/text.d.ts

@@ -0,2 +1,4 @@
+declare const typographyTagDictionary: string[];
+declare const typographyHeadingTagDictionary: string[];
 declare const truncateDictionary: string[];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

dist/types/type/text.d.ts

@@ -0,1 +1,3 @@
+export type TypographyTagType = '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';
+export type TypographyHeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyTruncateType = 'all' | 'none' | 'word';

documentation.json

 {
-  "timestamp": "2024-11-25T16:00:58",
+  "timestamp": "2024-12-04T15:30:05",
   "compiler": {
@@ -618,2 +618,7 @@ "name": "@stencil/core",
     },
+    "src/type/text.ts::TypographyHeadingTagType": {
+      "declaration": "export type TypographyHeadingTagType =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
@@ -650,3 +655,3 @@ "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
     "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
-      "declaration": "export type SortDirectionType =\n  | 'asc'\n  | 'desc'\n  | 'none'",
+      "declaration": "export type SortDirectionType =\n  | 'ascending'\n  | 'descending'\n  | 'none'",
       "docstring": "",
@@ -660,6 +665,6 @@ "path": "src/components/mds-table-header-cell/meta/types.ts"
     },
-    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+    "src/type/text.ts::TypographyTagType": {
       "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
       "docstring": "",
-      "path": "src/components/mds-text/meta/types.ts"
+      "path": "src/type/text.ts"
     },
@@ -666,0 +671,0 @@ "src/type/variant.ts::ThemeLuminanceVariantType": {

package.json

 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "mds-progress is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

src/common/aria.ts

@@ -23,2 +23,20 @@ const hash = (s: string): string => {
 
+const removeAttributesIf = (element: HTMLElement, attribute: string, valueCheck: string = 'true', cleanAttributes: string | string[]): boolean => {
+  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: HTMLElement, attribute: string, valueCheck: string = 'true'): boolean => {
+  if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+    return true
+  }
+  return false
+}
+
 const hashValue = (value: string): string => `${value}-${hash(value)}`
@@ -36,6 +54,8 @@
 export {
-  unslugName,
-  setAttributeIfEmpty,
   hashRandomValue,
   hashValue,
+  removeAttributesIf,
+  setAttributeIfEmpty,
+  ifAttribute,
+  unslugName,
 }

src/common/keyboard-manager.ts

@@ -39,3 +39,3 @@ export class KeyboardManager {
     this.escapeCallback = callback
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
@@ -47,3 +47,3 @@ }
     this.escapeCallback = () => { return }
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
@@ -50,0 +50,0 @@ }

src/dictionary/file-extensions.ts

@@ -14,60 +14,119 @@ import { FileFormat } from '@type/variant-file-format'
 const fileExtensionsDictionary: FileExtenstion = {
-  '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 },
+  htm: { format: 'markup', description: 'documentWeb' },
+  heic: { format: 'image', description: 'imageHEFF' },
+  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' },
+  odp: { format: 'slide', description: 'slideLO' },
+  ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+  odt: { format: 'text', description: 'documentLO' },
+  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' },
+  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' },
+  zip: { format: 'archive', description: 'compressedArchive' },
 }
 
+// const fileExtensionsDictionary: FileExtenstion = {
+//   '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' },
+// }
+
 const genericMimeToExt: Map<string, string[]> = new Map([
@@ -74,0 +133,0 @@ ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],

src/dictionary/text.ts

@@ -0,1 +1,63 @@
+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 = [
@@ -9,2 +71,4 @@ 'all',
   truncateDictionary,
+  typographyHeadingTagDictionary,
+  typographyTagDictionary,
 }

src/fixtures/icons.json

@@ -38,2 +38,3 @@ [
     "mgg/ai-brain-outline",
+    "mgg/ai-human",
     "mgg/ai-message",
@@ -115,2 +116,4 @@ "mgg/ai-outline",
     "mgg/field",
+    "mgg/file-certificate",
+    "mgg/file-clock",
     "mgg/file-download",
@@ -137,2 +140,3 @@ "mgg/file-folder-tree",
     "mgg/fit-vertical",
+    "mgg/fontawesome-torii-gate",
     "mgg/forwarded-with-a-single-sending",
@@ -147,2 +151,3 @@ "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
+    "mgg/google-drag-pan",
     "mgg/google-experiment",
@@ -327,2 +332,3 @@ "mgg/google-face-retouching-off",
     "mi/baseline/broken-image",
+    "mi/baseline/call",
     "mi/baseline/cancel",
@@ -337,2 +343,3 @@ "mi/baseline/category",
     "mi/baseline/dark-mode",
+    "mi/baseline/delete",
     "mi/baseline/description",
@@ -369,2 +376,3 @@ "mi/baseline/directions-run",
     "mi/baseline/route",
+    "mi/baseline/send",
     "mi/baseline/settings",
@@ -371,0 +379,0 @@ "mi/baseline/sports",

src/fixtures/iconsauce.json

@@ -26,2 +26,3 @@ [
     "mgg/ai-brain",
+    "mgg/ai-human",
     "mgg/ai-message",
@@ -103,2 +104,4 @@ "mgg/ai-outline",
     "mgg/field",
+    "mgg/file-certificate",
+    "mgg/file-clock",
     "mgg/file-download",
@@ -125,2 +128,3 @@ "mgg/file-folder-tree-open",
     "mgg/fit-vertical",
+    "mgg/fontawesome-torii-gate",
     "mgg/forwarded-with-a-single-sending",
@@ -135,2 +139,3 @@ "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
+    "mgg/google-drag-pan",
     "mgg/google-experiment",
@@ -137,0 +142,0 @@ "mgg/google-face-retouching-off",

src/type/text.ts

@@ -0,1 +1,60 @@
+export type TypographyTagType =
+  | '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'
+
+export type TypographyHeadingTagType =
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+
 export type TypographyTruncateType =
@@ -2,0 +61,0 @@ | 'all'

www/build/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as e}from"./p-93b285aa.js";export{s as setNonce}from"./p-93b285aa.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((async s=>(await p(),e([["p-b8db6677",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));
+import{p as e,b as r}from"./p-3fa56e3f.js";export{s as setNonce}from"./p-3fa56e3f.js";import{g as p}from"./p-e1255160.js";(()=>{const s=import.meta.url,r={};return""!==s&&(r.resourcesUrl=new URL(".",s).href),e(r)})().then((async s=>(await p(),r([["p-ae143936",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]},null,{progress:["progressChanged"],steps:["stepsChanged"]}]]]],s))));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

904421

increased by3%

Number of package files

222

increased by3.26%

Lines of code

13209

increased by4.84%

No dependency changes