@maggioli-design-system/mds-stepper-bar-item - npm Package Compare versions

Comparing version 6.0.0 to 6.0.1

dist/cjs/mds-stepper-bar-item.cjs.entry.js

@@ -52,3 +52,3 @@ 'use strict';
     render() {
-        return (index.h(index.Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, index.h("header", { key: '0bf107dc77b4488966dc6d1af2e61b32135f6f9a', class: "header", tabindex: "0" }, index.h("mds-icon", { key: 'aaa35af13cb7425779a06d9cc96b5de2b0c1c6b2', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: '16c3e62eb156079c1c521a3801d8f1854afd2333', class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: '6f102207a34beefc180aadd871cddffda6a22f1d', class: "infos" }, this.step && index.h("mds-text", { key: 'e135f671caaccf332da1285893a505314285c9ea', class: "step", typography: "option" }, "step ", this.index + 1), this.label && index.h("mds-text", { key: '442b3b63075cec690b3dc2dd71935c147445fec5', class: "text", typography: this.typography }, this.label), this.badge && index.h("div", { key: '20d408642b56a90039ed3893b4aaba817f535bb6' }, this.showBadge()))));
+        return (index.h(index.Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, index.h("div", { key: 'e677651404290f371e06dc28057e76f4ac661ad1', class: "header", tabindex: "0" }, index.h("mds-icon", { key: 'c5b816a49cd101004022327bb3f592130038cbce', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), index.h("mds-progress", { key: 'cf7724f708a7678fff548e0d9b194af5cf8bd6e8', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), index.h("div", { key: 'dad2ceb229fa354e2ecc14c749a97393e749f7da', class: "infos" }, this.step && index.h("mds-text", { key: '110dd2ee06a865646a3d0c415e3bc888665d6123', class: "step", typography: "option" }, "step ", this.index + 1), this.label && index.h("mds-text", { key: 'f6b469a19b3d7f462c796d24e63ae002e2f42d73', class: "text", typography: this.typography }, this.label), this.badge && index.h("div", { key: '0aacc9e4d31d46abf9e873d7e19c3263fdb090ce' }, this.showBadge()))));
     }
@@ -55,0 +55,0 @@ get host() { return index.getElement(this); }

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-stepper-bar-item/mds-stepper-bar-item.js

@@ -41,3 +41,3 @@ import { Host, h } from "@stencil/core";
     render() {
-        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("header", { key: '0bf107dc77b4488966dc6d1af2e61b32135f6f9a', class: "header", tabindex: "0" }, h("mds-icon", { key: 'aaa35af13cb7425779a06d9cc96b5de2b0c1c6b2', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '16c3e62eb156079c1c521a3801d8f1854afd2333', class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '6f102207a34beefc180aadd871cddffda6a22f1d', class: "infos" }, this.step && h("mds-text", { key: 'e135f671caaccf332da1285893a505314285c9ea', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: '442b3b63075cec690b3dc2dd71935c147445fec5', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '20d408642b56a90039ed3893b4aaba817f535bb6' }, this.showBadge()))));
+        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("div", { key: 'e677651404290f371e06dc28057e76f4ac661ad1', class: "header", tabindex: "0" }, h("mds-icon", { key: 'c5b816a49cd101004022327bb3f592130038cbce', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'cf7724f708a7678fff548e0d9b194af5cf8bd6e8', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: 'dad2ceb229fa354e2ecc14c749a97393e749f7da', class: "infos" }, this.step && h("mds-text", { key: '110dd2ee06a865646a3d0c415e3bc888665d6123', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: 'f6b469a19b3d7f462c796d24e63ae002e2f42d73', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '0aacc9e4d31d46abf9e873d7e19c3263fdb090ce' }, this.showBadge()))));
     }
@@ -44,0 +44,0 @@ static get is() { return "mds-stepper-bar-item"; }

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-stepper-bar-item.js

@@ -50,3 +50,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
     render() {
-        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("header", { key: '0bf107dc77b4488966dc6d1af2e61b32135f6f9a', class: "header", tabindex: "0" }, h("mds-icon", { key: 'aaa35af13cb7425779a06d9cc96b5de2b0c1c6b2', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '16c3e62eb156079c1c521a3801d8f1854afd2333', class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '6f102207a34beefc180aadd871cddffda6a22f1d', class: "infos" }, this.step && h("mds-text", { key: 'e135f671caaccf332da1285893a505314285c9ea', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: '442b3b63075cec690b3dc2dd71935c147445fec5', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '20d408642b56a90039ed3893b4aaba817f535bb6' }, this.showBadge()))));
+        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("div", { key: 'e677651404290f371e06dc28057e76f4ac661ad1', class: "header", tabindex: "0" }, h("mds-icon", { key: 'c5b816a49cd101004022327bb3f592130038cbce', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'cf7724f708a7678fff548e0d9b194af5cf8bd6e8', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: 'dad2ceb229fa354e2ecc14c749a97393e749f7da', class: "infos" }, this.step && h("mds-text", { key: '110dd2ee06a865646a3d0c415e3bc888665d6123', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: 'f6b469a19b3d7f462c796d24e63ae002e2f42d73', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '0aacc9e4d31d46abf9e873d7e19c3263fdb090ce' }, this.showBadge()))));
     }
@@ -53,0 +53,0 @@ get host() { return this; }

dist/documentation.json

 {
-  "timestamp": "2024-11-25T18:54:22",
+  "timestamp": "2024-12-04T16:20:05",
   "compiler": {
@@ -4,0 +4,0 @@ "name": "@stencil/core",

dist/esm-es5/mds-stepper-bar-item.entry.js

@@ -1,1 +0,1 @@
-var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var t=0,i=n.length,s;t<i;t++){if(s||!(t in n)){if(!s)s=Array.prototype.slice.call(n,0,t);s[t]=n[t]}}return e.concat(s||Array.prototype.slice.call(n))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-cbf5652b.js";function r(e){var n,t,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var s=e.length;for(n=0;n<s;n++)e[n]&&(t=r(e[n]))&&(i&&(i+=" "),i+=t)}else for(t in e)e[t]&&(i&&(i+=" "),i+=t);return i}function clsx(){for(var e,n,t=0,i="",s=arguments.length;t<s;t++)(e=arguments[t])&&(n=r(e))&&(i&&(i+=" "),i+=n);return i}var mdsStepperBarItemCss="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--variant-primary-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\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    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsStepperBarItemStyle0=mdsStepperBarItemCss;var MdsStepperBarItem=function(){function e(e){var n=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(n.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(n.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"0560623fc17123b1b7d8e8bddf0919fc91841080"},h("header",{key:"0bf107dc77b4488966dc6d1af2e61b32135f6f9a",class:"header",tabindex:"0"},h("mds-icon",{key:"aaa35af13cb7425779a06d9cc96b5de2b0c1c6b2",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"16c3e62eb156079c1c521a3801d8f1854afd2333",class:"progress",progress:this.isDone?1:0})),h("div",{key:"6f102207a34beefc180aadd871cddffda6a22f1d",class:"infos"},this.step&&h("mds-text",{key:"e135f671caaccf332da1285893a505314285c9ea",class:"step",typography:"option"},"step ",this.index+1),this.label&&h("mds-text",{key:"442b3b63075cec690b3dc2dd71935c147445fec5",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"20d408642b56a90039ed3893b4aaba817f535bb6"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=MdsStepperBarItemStyle0;export{MdsStepperBarItem as mds_stepper_bar_item};
+var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var t=0,i=n.length,s;t<i;t++){if(s||!(t in n)){if(!s)s=Array.prototype.slice.call(n,0,t);s[t]=n[t]}}return e.concat(s||Array.prototype.slice.call(n))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-cbf5652b.js";function r(e){var n,t,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var s=e.length;for(n=0;n<s;n++)e[n]&&(t=r(e[n]))&&(i&&(i+=" "),i+=t)}else for(t in e)e[t]&&(i&&(i+=" "),i+=t);return i}function clsx(){for(var e,n,t=0,i="",s=arguments.length;t<s;t++)(e=arguments[t])&&(n=r(e))&&(i&&(i+=" "),i+=n);return i}var mdsStepperBarItemCss="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--variant-primary-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\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    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsStepperBarItemStyle0=mdsStepperBarItemCss;var MdsStepperBarItem=function(){function e(e){var n=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(n.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(n.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"0560623fc17123b1b7d8e8bddf0919fc91841080"},h("div",{key:"e677651404290f371e06dc28057e76f4ac661ad1",class:"header",tabindex:"0"},h("mds-icon",{key:"c5b816a49cd101004022327bb3f592130038cbce",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"cf7724f708a7678fff548e0d9b194af5cf8bd6e8","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),h("div",{key:"dad2ceb229fa354e2ecc14c749a97393e749f7da",class:"infos"},this.step&&h("mds-text",{key:"110dd2ee06a865646a3d0c415e3bc888665d6123",class:"step",typography:"option"},"step ",this.index+1),this.label&&h("mds-text",{key:"f6b469a19b3d7f462c796d24e63ae002e2f42d73",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"0aacc9e4d31d46abf9e873d7e19c3263fdb090ce"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=MdsStepperBarItemStyle0;export{MdsStepperBarItem as mds_stepper_bar_item};

dist/esm/mds-stepper-bar-item.entry.js

@@ -48,3 +48,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cbf5652b.js';
     render() {
-        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("header", { key: '0bf107dc77b4488966dc6d1af2e61b32135f6f9a', class: "header", tabindex: "0" }, h("mds-icon", { key: 'aaa35af13cb7425779a06d9cc96b5de2b0c1c6b2', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '16c3e62eb156079c1c521a3801d8f1854afd2333', class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '6f102207a34beefc180aadd871cddffda6a22f1d', class: "infos" }, this.step && h("mds-text", { key: 'e135f671caaccf332da1285893a505314285c9ea', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: '442b3b63075cec690b3dc2dd71935c147445fec5', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '20d408642b56a90039ed3893b4aaba817f535bb6' }, this.showBadge()))));
+        return (h(Host, { key: '0560623fc17123b1b7d8e8bddf0919fc91841080' }, h("div", { key: 'e677651404290f371e06dc28057e76f4ac661ad1', class: "header", tabindex: "0" }, h("mds-icon", { key: 'c5b816a49cd101004022327bb3f592130038cbce', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'cf7724f708a7678fff548e0d9b194af5cf8bd6e8', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: 'dad2ceb229fa354e2ecc14c749a97393e749f7da', class: "infos" }, this.step && h("mds-text", { key: '110dd2ee06a865646a3d0c415e3bc888665d6123', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: 'f6b469a19b3d7f462c796d24e63ae002e2f42d73', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '0aacc9e4d31d46abf9e873d7e19c3263fdb090ce' }, this.showBadge()))));
     }
@@ -51,0 +51,0 @@ get host() { return getElement(this); }

dist/mds-stepper-bar-item/mds-stepper-bar-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-f541f952.js";export{s as setNonce}from"./p-f541f952.js";import{g as n}from"./p-e1255160.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),e(n)})().then((async e=>(await n(),r([["p-cf4e983c",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],e))));
+import{p as e,b as r}from"./p-f541f952.js";export{s as setNonce}from"./p-f541f952.js";import{g as n}from"./p-e1255160.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),e(n)})().then((async e=>(await n(),r([["p-4e878f67",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],e))));

dist/mds-stepper-bar-item/p-8cc2d370.system.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,c){function u(e){try{a(r.next(e))}catch(e){c(e)}}function o(e){try{a(r["throw"](e))}catch(e){c(e)}}function a(e){e.done?t(e.value):i(e.value).then(u,o)}a((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(n){return a([e,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(t=0)),t)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){t.label=o[1];break}if(o[0]===6&&t.label<c[1]){t.label=c[1];c=o;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(o);break}if(c[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-b962b858.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var c=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};c().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-ca91e314.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,c){function u(e){try{a(r.next(e))}catch(e){c(e)}}function o(e){try{a(r["throw"](e))}catch(e){c(e)}}function a(e){e.done?t(e.value):i(e.value).then(u,o)}a((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(n){return a([e,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(t=0)),t)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){t.label=o[1];break}if(o[0]===6&&t.label<c[1]){t.label=c[1];c=o;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(o);break}if(c[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-b962b858.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var c=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};c().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-cf9e097d.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],n)]}}))}))}))}}}));

dist/stats.json

 {
-  "timestamp": "2024-11-25T18:54:22",
+  "timestamp": "2024-12-04T16:20:06",
   "compiler": {
@@ -12,10 +12,11 @@ "name": "node",
     "entries": 1,
-    "bundles": 92,
+    "bundles": 93,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 44,
+        "files": 45,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
+          "./dist/collection/common/device.js",
           "./dist/collection/common/file.js",
@@ -102,2 +103,3 @@ "./dist/collection/common/icon.js",
           "./dist/mds-stepper-bar-item/mds-stepper-bar-item.js",
+          "./dist/mds-stepper-bar-item/p-4e878f67.entry.js",
           "./dist/mds-stepper-bar-item/p-50ea2036.system.js",
@@ -107,4 +109,3 @@ "./dist/mds-stepper-bar-item/p-56ba5cbf.system.js",
           "./dist/mds-stepper-bar-item/p-b962b858.system.js",
-          "./dist/mds-stepper-bar-item/p-ca91e314.system.entry.js",
-          "./dist/mds-stepper-bar-item/p-cf4e983c.entry.js",
+          "./dist/mds-stepper-bar-item/p-cf9e097d.system.entry.js",
           "./dist/mds-stepper-bar-item/p-e1255160.js",
@@ -115,2 +116,3 @@ "./dist/mds-stepper-bar-item/p-f541f952.js",
           "./www/build/mds-stepper-bar-item.js",
+          "./www/build/p-4e878f67.entry.js",
           "./www/build/p-50ea2036.system.js",
@@ -120,4 +122,3 @@ "./www/build/p-56ba5cbf.system.js",
           "./www/build/p-b962b858.system.js",
-          "./www/build/p-ca91e314.system.entry.js",
-          "./www/build/p-cf4e983c.entry.js",
+          "./www/build/p-cf9e097d.system.entry.js",
           "./www/build/p-e1255160.js",
@@ -157,8 +158,8 @@ "./www/build/p-f541f952.js"
         ],
-        "bundleId": "p-cf4e983c",
-        "fileName": "p-cf4e983c.entry.js",
+        "bundleId": "p-4e878f67",
+        "fileName": "p-4e878f67.entry.js",
         "imports": [
           "p-f541f952.js"
         ],
-        "originalByteSize": 11096
+        "originalByteSize": 11116
       }
@@ -177,3 +178,3 @@ ],
         ],
-        "originalByteSize": 11100
+        "originalByteSize": 11120
       }
@@ -192,3 +193,3 @@ ],
         ],
-        "originalByteSize": 11100
+        "originalByteSize": 11120
       }
@@ -202,8 +203,8 @@ ],
         ],
-        "bundleId": "p-ca91e314.system",
-        "fileName": "p-ca91e314.system.entry.js",
+        "bundleId": "p-cf9e097d.system",
+        "fileName": "p-cf9e097d.system.entry.js",
         "imports": [
           "p-b962b858.system.js"
         ],
-        "originalByteSize": 11652
+        "originalByteSize": 11672
       }
@@ -222,3 +223,3 @@ ],
         ],
-        "originalByteSize": 11201
+        "originalByteSize": 11221
       }
@@ -879,2 +880,3 @@ ]
             "name",
+            "aria-hidden",
             "progress"
@@ -884,6 +886,5 @@ ],
             "mds-badge",
-            "header",
+            "div",
             "mds-icon",
             "mds-progress",
-            "div",
             "mds-text"
@@ -916,2 +917,3 @@ ],
     "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
     "./src/common/file.ts": [],
@@ -918,0 +920,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/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": {
@@ -808,2 +808,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": {
@@ -840,3 +845,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": "",
@@ -850,6 +855,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"
     },
@@ -856,0 +861,0 @@ "src/type/variant.ts::ThemeLuminanceVariantType": {

package.json

 {
   "name": "@maggioli-design-system/mds-stepper-bar-item",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "mds-stepper-bar-item 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.",
@@ -26,4 +26,4 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-badge": "3.2.0",
-    "@maggioli-design-system/mds-text": "4.5.1",
+    "@maggioli-design-system/mds-badge": "3.2.1",
+    "@maggioli-design-system/mds-text": "4.5.2",
     "@maggioli-design-system/styles": "15.5.0",
@@ -30,0 +30,0 @@ "@stencil/core": "4.22.2",

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-stepper-bar-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as r}from"./p-f541f952.js";export{s as setNonce}from"./p-f541f952.js";import{g as n}from"./p-e1255160.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),e(n)})().then((async e=>(await n(),r([["p-cf4e983c",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],e))));
+import{p as e,b as r}from"./p-f541f952.js";export{s as setNonce}from"./p-f541f952.js";import{g as n}from"./p-e1255160.js";(()=>{const r=import.meta.url,n={};return""!==r&&(n.resourcesUrl=new URL(".",r).href),e(n)})().then((async e=>(await n(),r([["p-4e878f67",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],e))));

www/build/p-8cc2d370.system.js

@@ -1,1 +0,1 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,c){function u(e){try{a(r.next(e))}catch(e){c(e)}}function o(e){try{a(r["throw"](e))}catch(e){c(e)}}function a(e){e.done?t(e.value):i(e.value).then(u,o)}a((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(n){return a([e,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(t=0)),t)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){t.label=o[1];break}if(o[0]===6&&t.label<c[1]){t.label=c[1];c=o;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(o);break}if(c[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-b962b858.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var c=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};c().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-ca91e314.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,c){function u(e){try{a(r.next(e))}catch(e){c(e)}}function o(e){try{a(r["throw"](e))}catch(e){c(e)}}function a(e){e.done?t(e.value):i(e.value).then(u,o)}a((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(e){return function(n){return a([e,n])}}function a(o){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(t=0)),t)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(c=t.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){t.label=o[1];break}if(o[0]===6&&t.label<c[1]){t.label=c[1];c=o;break}if(c&&t.label<c[2]){t.label=c[2];t.ops.push(o);break}if(c[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-b962b858.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var c=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};c().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-cf9e097d.system",[[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32]},null,{done:["selectedHandler"],current:["currentHandler"]}]]]],n)]}}))}))}))}}}));

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

978806

increased by2.12%

Number of package files

215

increased by3.37%

Lines of code

14278

increased by3.82%

Dependency changes

• + Added@maggioli-design-system/mds-badge@3.2.1(transitive)

• + Added@maggioli-design-system/mds-text@4.5.2(transitive)

• - Removed@maggioli-design-system/mds-badge@3.2.0(transitive)

• - Removed@maggioli-design-system/mds-text@4.5.1(transitive)

• Updated@maggioli-design-system/mds-badge@3.2.1

• Updated@maggioli-design-system/mds-text@4.5.2