@maggioli-design-system/mds-input-range 2.0.0 → 2.0.1

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T18:44:37",
+  "timestamp": "2024-12-04T17:41:47",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,14 +9,15 @@
     "fsNamespace": "mds-input-range",
     "components": 1,
     "entries": 1,
-    "bundles": 91,
+    "bundles": 92,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 43,
+        "files": 44,
         "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",
@@ -97,23 +98,23 @@
           "./dist/mds-input-range/index.esm.js",
           "./dist/mds-input-range/mds-input-range.esm.js",
           "./dist/mds-input-range/mds-input-range.js",
+          "./dist/mds-input-range/p-48fdc5db.system.entry.js",
           "./dist/mds-input-range/p-4e0b934e.system.js",
           "./dist/mds-input-range/p-50ea2036.system.js",
           "./dist/mds-input-range/p-56ba5cbf.system.js",
           "./dist/mds-input-range/p-76412b19.system.js",
-          "./dist/mds-input-range/p-a84fc6af.system.entry.js",
-          "./dist/mds-input-range/p-b81446a9.entry.js",
+          "./dist/mds-input-range/p-d697edb0.entry.js",
           "./dist/mds-input-range/p-e1255160.js",
           "./dist/mds-input-range/p-f6cc8c2e.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-range.esm.js",
           "./www/build/mds-input-range.js",
+          "./www/build/p-48fdc5db.system.entry.js",
           "./www/build/p-4e0b934e.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
           "./www/build/p-76412b19.system.js",
-          "./www/build/p-a84fc6af.system.entry.js",
-          "./www/build/p-b81446a9.entry.js",
+          "./www/build/p-d697edb0.entry.js",
           "./www/build/p-e1255160.js",
           "./www/build/p-f6cc8c2e.js"
         ]
@@ -148,12 +149,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-b81446a9",
-        "fileName": "p-b81446a9.entry.js",
+        "bundleId": "p-d697edb0",
+        "fileName": "p-d697edb0.entry.js",
         "imports": [
           "p-f6cc8c2e.js"
         ],
-        "originalByteSize": 10975
+        "originalByteSize": 11095
       }
     ],
     "esm": [
@@ -167,7 +168,7 @@
         "imports": [
           "index-e0ac0a55.js"
         ],
-        "originalByteSize": 10979
+        "originalByteSize": 11099
       }
     ],
     "es5": [
@@ -181,7 +182,7 @@
         "imports": [
           "index-e0ac0a55.js"
         ],
-        "originalByteSize": 10979
+        "originalByteSize": 11099
       }
     ],
     "system": [
@@ -190,12 +191,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-a84fc6af.system",
-        "fileName": "p-a84fc6af.system.entry.js",
+        "bundleId": "p-48fdc5db.system",
+        "fileName": "p-48fdc5db.system.entry.js",
         "imports": [
           "p-4e0b934e.system.js"
         ],
-        "originalByteSize": 11661
+        "originalByteSize": 11787
       }
     ],
     "commonjs": [
@@ -209,7 +210,7 @@
         "imports": [
           "index-f984e289.js"
         ],
-        "originalByteSize": 11080
+        "originalByteSize": 11200
       }
     ]
   },
@@ -602,6 +603,7 @@
             "part",
             "typography",
             "style",
+            "aria-label",
             "max",
             "min",
             "onInput",
@@ -640,6 +642,7 @@
   "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-input-range/mds-input-range.d.ts

@@ -4,6 +4,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class MdsInputRange {
     private progress;
+    private label;
     private inputElement;
     private element;
     internals: ElementInternals;

package/dist/types/components/mds-input-range/test/mds-input-range.stories.d.ts

@@ -4,28 +4,24 @@ declare const _default: {
         min: {
             type: {
                 name: string;
-                required: boolean;
             };
             description: string;
         };
         max: {
             type: {
                 name: string;
-                required: boolean;
             };
             description: string;
         };
         step: {
             type: {
                 name: string;
-                required: boolean;
             };
             description: string;
         };
         value: {
             type: {
                 name: string;
-                required: boolean;
             };
             description: string;
         };

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",
@@ -582,6 +582,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": "",
@@ -613,7 +618,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"
     },
@@ -622,10 +627,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-input-range",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "mds-input-range 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",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@maggioli-design-system/styles": "15.5.0",
-    "@maggioli-design-system/mds-text": "4.5.1",
+    "@maggioli-design-system/mds-text": "4.5.2",
     "@stencil/core": "4.22.2"
   },
   "license": "MIT",

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-input-range/mds-input-range.tsx

@@ -12,6 +12,7 @@ import { AttachInternals, Component, Element, Event, EventEmitter, Host, h, Prop
 export class MdsInputRange {
 
   @State() private progress: number
+  private label: string
   private inputElement: HTMLInputElement
 
   @Element() private element: HTMLMdsInputRangeElement
@@ -85,6 +86,7 @@ export class MdsInputRange {
   }
 
   componentDidLoad (): void {
+    this.label = this.element.textContent ?? ''
     this.inputElement = this.element.shadowRoot?.querySelector('.field') as HTMLInputElement
     this.value = parseInt(this.inputElement.value)
     this.calculateProgress()
@@ -106,6 +108,7 @@ export class MdsInputRange {
           </div>
           <input
             class="field"
+            aria-label={this.label}
             max={this.max}
             min={this.min}
             onInput={this.onInput}

package/src/components/mds-input-range/test/mds-input-range.stories.tsx

@@ -4,19 +4,19 @@ export default {
   title: 'Form / Range',
   argTypes: {
     min: {
-      type: { name: 'number', required: true },
+      type: { name: 'number' },
       description: 'The lowest value in the range of permitted values',
     },
     max: {
-      type: { name: 'number', required: true },
+      type: { name: 'number' },
       description: 'The greatest value in the range of permitted values',
     },
     step: {
-      type: { name: 'number', required: true },
+      type: { name: 'number' },
       description: 'The step attribute is a number that specifies the granularity that the value must adhere to, or the special value any, which is described below',
     },
     value: {
-      type: { name: 'number', required: true },
+      type: { name: 'number' },
       description: 'The value attribute contains a number which contains a representation of the selected number',
     },
   },

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,
 }