@maggioli-design-system/mds-table-row 4.8.1 → 5.0.1

package/dist/cjs/mds-table-row.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19c36c53.js');
+const index = require('./index-cb928c36.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
+  return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.2",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/common/floating-controller.js

@@ -0,0 +1,180 @@
+import { arrow, autoPlacement, autoUpdate, computePosition, flip, offset, shift, } from "@floating-ui/dom";
+import { cssDurationToMilliseconds } from "./unit";
+import { setAttributeIfEmpty } from "./aria";
+export class FloatingController {
+    constructor(host, arrowEl) {
+        this.arrowInset = (middleware, arrowPosition) => {
+            const { arrow } = middleware;
+            const inset = { bottom: '', left: '', right: '', top: '' };
+            if (arrow === undefined) {
+                return {};
+            }
+            switch (arrowPosition) {
+                case 'bottom':
+                    inset.left = arrow.x !== null ? `${arrow.x}px` : '';
+                    inset.top = '100%';
+                    break;
+                case 'left':
+                    inset.right = '100%';
+                    inset.top = arrow.y !== null ? `${arrow.y}px` : '';
+                    break;
+                case 'right':
+                    inset.left = '100%';
+                    inset.top = arrow.y !== null ? `${arrow.y}px` : '';
+                    break;
+                case 'top':
+                    inset.left = arrow.x !== null ? `${arrow.x}px` : '';
+                    inset.top = '';
+                    break;
+                default:
+                    break;
+            }
+            return inset;
+        };
+        this.arrowTransform = (arrowPosition) => {
+            let transformProps = this._host.arrow && this._host.visible ? 'scale(1)' : 'scale(0)';
+            switch (arrowPosition) {
+                case 'bottom':
+                    transformProps = `rotate(180deg) ${transformProps} translate(0, -100%)`;
+                    break;
+                case 'left':
+                    transformProps = `rotate(-90deg) ${transformProps} translate(50%, -50%)`;
+                    break;
+                case 'right':
+                    transformProps = `rotate(90deg) ${transformProps} translate(-50%, -50%)`;
+                    break;
+                case 'top':
+                    transformProps = `rotate(0deg) ${transformProps} translate(0, 0)`;
+                    break;
+                default:
+                    break;
+            }
+            return { transform: transformProps };
+        };
+        this.arrowTransformOrigin = (arrowPosition) => {
+            switch (arrowPosition) {
+                case 'bottom':
+                    return { transformOrigin: 'center top' };
+                case 'left':
+                    return { transformOrigin: 'right center' };
+                case 'right':
+                    return { transformOrigin: 'left center' };
+                case 'top':
+                    return { transformOrigin: 'center bottom' };
+                default:
+                    return { transformOrigin: 'center top' };
+            }
+        };
+        this.calculatePosition = () => {
+            if (!this._caller)
+                return;
+            const middleware = new Array();
+            const config = {};
+            if (this._host.shiftPadding) {
+                config.padding = this._host.shiftPadding;
+            }
+            if (this._host.autoPlacement) {
+                middleware.push(autoPlacement());
+            }
+            if (this._host.offset) {
+                middleware.push(offset(this._host.offset));
+            }
+            if (!this._host.autoPlacement && this._host.flip) {
+                middleware.push(flip(config));
+            }
+            if (this._host.shift) {
+                middleware.push(shift(config));
+            }
+            if (this.arrowEl && this._host.arrow) {
+                middleware.push(arrow({
+                    element: this.arrowEl,
+                    padding: this._host.arrowPadding,
+                }));
+            }
+            computePosition(this._caller, this._host, {
+                middleware,
+                placement: this._host.placement,
+                strategy: this._host.strategy,
+            }).then(({ x, y, placement, middlewareData }) => {
+                Object.assign(this._host.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+                const arrowStyle = {};
+                const arrowPosition = {
+                    top: 'bottom',
+                    right: 'left',
+                    bottom: 'top',
+                    left: 'right',
+                }[placement.split('-')[0]];
+                if (arrowPosition && this.arrowEl) {
+                    Object.assign(arrowStyle, this.arrowTransform(arrowPosition));
+                    Object.assign(arrowStyle, this.arrowInset(middlewareData, arrowPosition));
+                    Object.assign(arrowStyle, this.arrowTransformOrigin(arrowPosition));
+                    Object.assign(this.arrowEl.style, arrowStyle);
+                }
+            });
+        };
+        this._host = host;
+        this.arrowEl = arrowEl;
+    }
+    updateCaller(target) {
+        var _a, _b, _c;
+        // search caller in document or rootNode of host (if target is in shadowDOM)
+        const caller = (_c = (_b = (_a = this._host.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(target)) !== null && _c !== void 0 ? _c : this._host.getRootNode().querySelector(target);
+        if (!caller) {
+            throw Error(`Target not found: ${target}`);
+        }
+        this._caller = caller;
+        setAttributeIfEmpty(this._caller, 'aria-haspopup', 'true');
+        setAttributeIfEmpty(this._caller, 'aria-controls', target);
+        setAttributeIfEmpty(this._host, 'role', 'menu');
+        setAttributeIfEmpty(this._host, 'aria-labelledby', target);
+        return caller;
+    }
+    updatePosition() {
+        if (this.cleanupAutoUpdate)
+            this.cleanupAutoUpdate();
+        this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition);
+    }
+    dismiss() {
+        this.cleanupAutoUpdate();
+    }
+}
+export class Backdrop {
+    constructor(backdropId) {
+        this.defaultBackdropId = 'mds-backdrop';
+        this.backdropBackgroundVisible = 'rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))';
+        this.backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)';
+        this.backdropId = backdropId !== null && backdropId !== void 0 ? backdropId : this.defaultBackdropId;
+        this.cssBackdropZIndex = `var(--${this.backdropId}-z-index)`;
+        this.cssBackdropDuration = `var(--${this.backdropId}-duration)`;
+    }
+    attachBackdrop() {
+        if (!this.backdropEl) {
+            this.backdropEl = document.createElement('div');
+            this.backdropEl.className = this.backdropId;
+            this.backdropEl.style.inset = '0';
+            this.backdropEl.style.pointerEvents = 'none';
+            this.backdropEl.style.position = 'fixed';
+            this.backdropEl.style.transition = `background-color ${this.cssBackdropDuration} ease-out`;
+            this.backdropEl.style.zIndex = this.cssBackdropZIndex;
+        }
+        this.backdropEl.style.backgroundColor = this.backdropBackgroundHidden;
+        document.body.appendChild(this.backdropEl);
+        clearTimeout(this.backdropTimer);
+        this.backdropTimer = setTimeout(() => {
+            this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible;
+        }, 1);
+    }
+    detachBackdrop() {
+        if (!this.backdropEl) {
+            return;
+        }
+        this.backdropEl.style.backgroundColor = 'transparent';
+        clearTimeout(this.backdropTimer);
+        this.backdropTimer = setTimeout(() => {
+            this.backdropEl.remove();
+        }, cssDurationToMilliseconds(this.cssBackdropDuration));
+    }
+}

package/dist/collection/common/slot.js

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

package/dist/collection/components/mds-table-row/mds-table-row.css

@@ -2,8 +2,10 @@
 
 :host {
 
-  --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));
-  --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));
+  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));
+  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));
+  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));
+  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));
   --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
@@ -15,31 +17,37 @@
 
 }
 
-:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {
+.selection-cell {
+  vertical-align: middle;
+}
 
-  --mds-table-cell-background: var(--mds-table-cell-background-hover);
+.checkbox-wrapper {
+  display: flex;
 }
 
-:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {
+:host([interactive]:hover) {
 
-  --mds-table-cell-background: var(--mds-table-body-background-hover);
+  --mds-table-row-actions-background: var(--mds-table-row-background-hover);
+  --mds-table-row-background: var(--mds-table-row-background-hover);
+  --mds-table-row-color: var(--mds-table-row-color-hover);
 }
 
-:host([interactive]:not([interactive="false"]):hover) {
+:host([selected]) {
 
-  --mds-table-cell-background: var(--mds-table-cell-background-hover);
+  --mds-table-row-background: var(--mds-table-row-background-hover);
   --mds-table-row-color: var(--mds-table-row-color-hover);
 }
 
+:host([sorted]) {
 
-:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {
-
-  --mds-table-cell-background: var(--mds-table-cell-background-hover);
+  --mds-table-row-background: var(--mds-table-row-background-alt);
+  --mds-table-row-color: var(--mds-table-row-color-alt);
 }
 
-:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {
+:host([sorted][selected]) {
 
-  --mds-table-cell-background: var(--mds-table-body-background-hover);
+  --mds-table-row-background: var(--mds-table-row-background-hover);
+  --mds-table-row-color: var(--mds-table-row-color-hover);
 }
 
 .actions-view {
@@ -52,8 +60,11 @@
 }
 
 .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background);
+
   align-items: center;
-  background-color: var(--mds-table-cell-background);
+  background-color: var(--mds-table-row-actions-background);
   display: inline-flex;
   gap: var(--mds-table-row-actions-gap);
   inset: 0;
@@ -72,12 +83,16 @@
   transform: translateX(100%);
 }
 
-:host([overlay-actions]:not([overlay-actions="false"])) .actions {
+
+:host([overlay-actions]) .actions {
   padding-right: var(--mds-table-cell-padding);
   transform: translateX(100%);
 }
 
-:host([overlay-actions]:not([overlay-actions="false"]):hover) .actions {
+:host([overlay-actions]:hover) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background);
+
   transform: translateX(0);
 }
 

package/dist/collection/components/mds-table-row/mds-table-row.js

@@ -1,18 +1,33 @@
 import { Host, h } from "@stencil/core";
-// import { isMobileDevice } from '@common/device'
-// import clsx from 'clsx'
+import { Locale } from "../../common/locale";
+import localeEl from "./meta/locale.el.json";
+import localeEn from "./meta/locale.en.json";
+import localeEs from "./meta/locale.es.json";
+import localeIt from "./meta/locale.it.json";
 /**
  * @slot default - Put `mds-table-cell` element/s.
  */
 export class MdsTableRow {
     constructor() {
-        this.interactive = undefined;
-        this.overlayActions = undefined;
+        this.t = new Locale({
+            el: localeEl,
+            en: localeEn,
+            es: localeEs,
+            it: localeIt,
+        });
+        this.selectable = undefined;
+        this.handleSelectionChange = (e) => {
+            var _a;
+            this.selected = e.detail.checked;
+            (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
+        };
     }
-    tableInteractiveHandler(event) {
-        this.interactive = event.detail;
+    async updateLang() {
+        this.language = this.t.lang(this.host);
+        this.t.update();
     }
     componentWillLoad() {
+        this.language = this.t.lang(this.host);
         this.hasActions = this.host.querySelector('[slot="action"]') !== null;
     }
     componentDidLoad() {
@@ -23,14 +38,15 @@ export class MdsTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '44d102599e90a2abb4cf32ea398d6c3f194e6177', role: "row" }, h("slot", { key: '3bc595925a4dafac49d206692fae394754b10d70' }), this.hasActions &&
-            h("mds-table-cell", { key: '8b1a1b0e32db91cc03988de856fea521d25b8424', class: "actions-cell" }, h("div", { key: '5867330d68358f30429123a85027b72def045933', class: "actions-sizer", style: {
+        return (h(Host, { key: '4905591b94a0af846d25e3cf55fe5805ecec76be', role: "row" }, this.selectable &&
+            h("mds-table-cell", { key: '07f8596969f20148250cc42fde0a806435825274', class: "selection-cell" }, h("div", { key: '2d0bb74f3f5edaf6180c68a60457b374dcd7a4bd', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'e04fafd6a53ed1c6a4208b0317419fe21d08f28e', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: 'd71c2ec9e675fd8190eeeb7d816a5e2566c6afc4' }), this.hasActions &&
+            h("mds-table-cell", { key: '0ede2c5f98d7541920c4170d70c21f9f61ac93cb', class: "actions-cell" }, h("div", { key: '8a097d4b04bd594778f51bedfe438fe1fd3479b3', class: "actions-sizer", style: {
                     minHeight: '1px',
                     maxWidth: this.sizerWidth,
                     minWidth: this.sizerWidth,
-                } }), h("div", { key: '15d6e37bb432b0671e8a5fa447a17fde060e2d60', class: "actions-view" }, h("div", { key: '63cf3b620e6c428ce7cb318e07fb35cec631b0c3', class: "actions", style: {
+                } }), h("div", { key: '31f1fe8d7e4ee01f33f1c6a5b76e23fd875dfd82', class: "actions-view" }, h("div", { key: '762785e31a306ba3c1e7654218bdf8cb33044cd3', class: "actions", style: {
                     marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-                } }, h("slot", { key: '0a479f584fd1ed0c927b39006de79747c7e3ed87', name: "action" }))))));
+                } }, h("slot", { key: '05ea2b5edc71e58859e55e52c1ab65ca0c5354f8', name: "action" }))))));
     }
     static get is() { return "mds-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -48,24 +64,26 @@ export class MdsTableRow {
         return {
             "interactive": {
                 "type": "boolean",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interactive",
                 "reflect": true
             },
             "overlayActions": {
                 "type": "boolean",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -77,19 +95,96 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "overlay-actions",
                 "reflect": true
+            },
+            "selectable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selectable",
+                "reflect": true,
+                "defaultValue": "undefined"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selected",
+                "reflect": true
+            },
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": true
             }
         };
     }
-    static get elementRef() { return "host"; }
-    static get listeners() {
-        return [{
-                "name": "mdsTableInteractiveChange",
-                "method": "tableInteractiveHandler",
-                "target": "document",
-                "capture": false,
-                "passive": false
-            }];
+    static get states() {
+        return {
+            "language": {}
+        };
+    }
+    static get methods() {
+        return {
+            "updateLang": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
     }
+    static get elementRef() { return "host"; }
 }

package/dist/collection/dictionary/animation.js

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

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

@@ -14,8 +14,8 @@ const fileExtensionsDictionary = {
     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' },
+    htm: { format: 'markup', description: 'documentWeb' },
     html: { format: 'markup', description: 'documentWeb' },
     jpe: { format: 'image', description: 'compressedImage', preview: true },
     jpeg: { format: 'image', description: 'compressedImage', preview: true },
@@ -32,9 +32,12 @@ const fileExtensionsDictionary = {
     mpg4: { format: 'video', description: 'videoSD' },
     mpg: { format: 'video', description: 'videoSD' },
     mpga: { format: 'audio', description: 'compressedAudio' },
+    odf: { format: 'document', description: 'openDocumentFormat' },
     odp: { format: 'slide', description: 'slideLO' },
     ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
     odt: { format: 'text', description: 'documentLO' },
+    ole: { format: 'document', description: 'objectLinkingAndEmbedding' },
+    p7m: { format: 'certificate', description: 'documentDigitalSingnature' },
     pdf: { format: 'document', description: 'documentAdobe' },
     php: { format: 'code', description: 'filePHP' },
     png: { format: 'image', description: 'imagePNG', preview: true },
@@ -47,6 +50,7 @@ const fileExtensionsDictionary = {
     tar: { format: 'archive', description: 'uncompressedArchive' },
     tiff: { format: 'image', description: 'imageTIFF' },
     ts: { format: 'code', description: 'fileTS' },
+    tsd: { format: 'certificate', description: 'certificateTSD' },
     tsx: { format: 'code', description: 'fileTSX' },
     txt: { format: 'text', description: 'documentTXT' },
     wav: { format: 'audio', description: 'uncompressedAudio' },
@@ -54,66 +58,9 @@ const fileExtensionsDictionary = {
     xar: { format: 'archive', description: 'compressedArchive' },
     xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
     xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xml: { format: 'markup', description: 'extensibleMarkupLanguage' },
     zip: { format: 'archive', description: 'compressedArchive' },
 };
-// const 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([
     ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
     ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],

package/dist/collection/dictionary/tree.js

@@ -0,0 +1,13 @@
+const treeActionsDictionary = [
+    'auto',
+    'visible',
+];
+const treeAppearanceDictionary = [
+    'depth',
+    'none',
+];
+const treeIconDictionary = [
+    'folder',
+    'chevron',
+];
+export { treeActionsDictionary, treeAppearanceDictionary, treeIconDictionary, };