@maggioli-design-system/mds-progress 3.0.0 → 3.0.1

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T18:55:25",
+  "timestamp": "2024-12-04T16:28:22",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,14 +9,15 @@
     "fsNamespace": "mds-progress",
     "components": 1,
     "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",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
@@ -77,19 +78,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-9725b4b4.js",
+          "./dist/cjs/index-91b93373.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-progress.cjs.entry.js",
           "./dist/cjs/mds-progress.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",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-progress.entry.js",
           "./dist/esm-es5/mds-progress.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-9f9c0c97.js",
+          "./dist/esm/index-c78d74f1.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-progress.entry.js",
@@ -99,25 +100,25 @@
           "./dist/mds-progress/index.esm.js",
           "./dist/mds-progress/mds-progress.esm.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"
         ]
       },
       {
@@ -150,12 +151,12 @@
         "components": [
           "mds-progress"
         ],
-        "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
       }
     ],
     "esm": [
@@ -167,9 +168,9 @@
         "bundleId": "mds-progress",
         "fileName": "mds-progress.entry.js",
         "imports": [
-          "index-9f9c0c97.js"
+          "index-c78d74f1.js"
         ],
-        "originalByteSize": 7233
+        "originalByteSize": 8158
       }
     ],
     "es5": [
@@ -181,9 +182,9 @@
         "bundleId": "mds-progress",
         "fileName": "mds-progress.entry.js",
         "imports": [
-          "index-9f9c0c97.js"
+          "index-c78d74f1.js"
         ],
-        "originalByteSize": 7233
+        "originalByteSize": 8158
       }
     ],
     "system": [
@@ -192,12 +193,12 @@
         "components": [
           "mds-progress"
         ],
-        "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
       }
     ],
     "commonjs": [
@@ -209,9 +210,9 @@
         "bundleId": "mds-progress.cjs",
         "fileName": "mds-progress.cjs.entry.js",
         "imports": [
-          "index-9725b4b4.js"
+          "index-91b93373.js"
         ],
-        "originalByteSize": 7298
+        "originalByteSize": 8223
       }
     ]
   },
@@ -524,7 +525,7 @@
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
           "hasComponentWillLoadFn": true,
-          "hasComponentDidLoadFn": false,
+          "hasComponentDidLoadFn": true,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
           "hasComponentDidUpdateFn": false,
@@ -594,12 +595,13 @@
   ],
   "componentGraph": {
     "sc-mds-progress": [
-      "p-93b285aa.js"
+      "p-3fa56e3f.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
     "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
     "./src/common/file.ts": [],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],

package/dist/types/common/aria.d.ts

@@ -1,5 +1,7 @@
 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, };

package/dist/types/common/device.d.ts

@@ -0,0 +1,2 @@
+declare const isMobileDevice: () => boolean;
+export { isMobileDevice, };

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

@@ -21,6 +21,7 @@ export declare class MdsProgress {
      */
     readonly steps: string;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private setProgress;
     progressChanged(progress: number): void;
     stepsChanged(steps: string): void;

package/dist/types/dictionary/text.d.ts

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

package/dist/types/type/text.d.ts

@@ -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';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T16:00:58",
+  "timestamp": "2024-12-04T15:30:05",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",
@@ -615,6 +615,11 @@
       "docstring": "",
       "path": "src/components/mds-push-notification/meta/event-detail.ts"
     },
+    "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": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -646,7 +651,7 @@
       "path": "src/components/mds-tab-item/meta/event-detail.ts"
     },
     "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": "",
       "path": "src/components/mds-table-header-cell/meta/types.ts"
     },
@@ -655,10 +660,10 @@
       "docstring": "",
       "path": "src/components/mds-text/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"
     },
     "src/type/variant.ts::ThemeLuminanceVariantType": {
       "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",

package/package.json

@@ -1,6 +1,6 @@
 {
   "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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/src/common/aria.ts

@@ -20,6 +20,24 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
   return value
 }
 
+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)}`
 
 const hashRandomValue = (value?: string): string => {
@@ -32,8 +50,10 @@ const hashRandomValue = (value?: string): string => {
 }
 
 export {
-  unslugName,
-  setAttributeIfEmpty,
   hashRandomValue,
   hashValue,
+  removeAttributesIf,
+  setAttributeIfEmpty,
+  ifAttribute,
+  unslugName,
 }

package/src/common/device.ts

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

package/src/common/keyboard-manager.ts

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

package/src/components/mds-progress/mds-progress.tsx

@@ -1,6 +1,7 @@
 import { Component, Element, Host, h, Prop, Watch, State } from '@stencil/core'
 import { DirectionType } from './meta/types'
 import { ThemeVariantType } from '@type/variant'
+import { removeAttributesIf, ifAttribute } from '@common/aria'
 
 @Component({
   tag: 'mds-progress',
@@ -37,10 +38,16 @@ export class MdsProgress {
     this.setProgress(this.progress)
   }
 
+  componentDidLoad (): void {
+    removeAttributesIf(this.element, 'aria-hidden', 'true', ['aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext', 'role'])
+  }
+
   private setProgress (progress: number): void {
     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)
+      }
     }
   }
 
@@ -56,7 +63,7 @@ export class MdsProgress {
 
   render () {
     return (
-      <Host aria-valuemax="100" aria-valuemin="0" aria-valuenow={ Math.round(this.progress * 100) } role="progressbar">
+      <Host aria-valuemax="100" aria-valuemin="0" aria-valuenow={ !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100) } role="progressbar">
         <div class="contrast-area"></div>
         <div class="progress" style={
           this.direction === 'horizontal'

package/src/components/mds-progress/test/mds-progress.stories.tsx

@@ -26,7 +26,7 @@ export default {
 }
 
 const Template = args =>
-  <mds-progress {...args}/>
+  <mds-progress aria-label="Progress bar title" {...args}/>
 
 export const Default = Template.bind({})
 Default.args = {

package/src/dictionary/file-extensions.ts

@@ -11,64 +11,123 @@ interface ExtensionInfo {
 }
 
 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([
   ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
   ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],

package/src/dictionary/text.ts

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