npm - @maggioli-design-system/magma - Versions diffs - 1.0.0-beta → 1.0.1 - Mend

@maggioli-design-system/magma 1.0.0-beta → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (907) hide show

package/dist/collection/components/mds-file-preview/mds-file-preview.css CHANGED Viewed

@@ -35,7 +35,7 @@
   aspect-ratio: 1/1;
-  background-color: var(--mds-file-preview-icon-bacground);
+  background-color: var(--mds-file-preview-icon-background);
   border-radius: 0.25rem;
   box-sizing: border-box;
   color:  var(--mds-file-preview-color);
@@ -76,7 +76,6 @@
 .action-delete {
   background-color: var(--mds-file-preview-background-color);
-  fill: var(--mds-file-preview-color);
   position: absolute;
   right: 0;
   top: 0;
@@ -107,359 +106,404 @@
 :host([format="archive"]),
 :host([format="executable"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));
   --mds-file-preview-color: rgb(var(--label-amaranth-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-amaranth-10));
+  --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));
+  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));
 }
 :host([format="attachment"]) {
-  --mds-file-preview-icon-color: rgb(var(--tone-neutral-04));
   --mds-file-preview-color: rgb(var(--tone-neutral-04));
-  --mds-file-preview-icon-bacground: rgb(var(--tone-neutral-10));
+  --mds-file-preview-icon-background: rgb(var(--tone-neutral-10));
+  --mds-file-preview-icon-color: rgb(var(--tone-neutral-04));
 }
 :host([format="audio"]),
 :host([format="video"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-violet-04));
   --mds-file-preview-color: rgb(var(--label-violet-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-violet-10));
+  --mds-file-preview-icon-background: rgb(var(--label-violet-10));
+  --mds-file-preview-icon-color: rgb(var(--label-violet-04));
 }
 :host([format="code"]),
 :host([format="data"]),
 :host([format="markup"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));
   --mds-file-preview-color: rgb(var(--label-yellow-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-yellow-10));
+  --mds-file-preview-icon-background: rgb(var(--label-yellow-10));
+  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));
 }
 :host([format="document"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-orange-04));
   --mds-file-preview-color: rgb(var(--label-orange-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-orange-10));
+  --mds-file-preview-icon-background: rgb(var(--label-orange-10));
+  --mds-file-preview-icon-color: rgb(var(--label-orange-04));
 }
 :host([format="email"]),
 :host([format="text"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-blue-04));
   --mds-file-preview-color: rgb(var(--label-blue-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-blue-10));
+  --mds-file-preview-icon-background: rgb(var(--label-blue-10));
+  --mds-file-preview-icon-color: rgb(var(--label-blue-04));
 }
 :host([format="image"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-green-04));
   --mds-file-preview-color: rgb(var(--label-green-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-green-10));
+  --mds-file-preview-icon-background: rgb(var(--label-green-10));
+  --mds-file-preview-icon-color: rgb(var(--label-green-04));
 }
 :host([format="slide"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));
   --mds-file-preview-color: rgb(var(--label-orchid-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-orchid-10));
+  --mds-file-preview-icon-background: rgb(var(--label-orchid-10));
+  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));
 }
 :host([format="spreadsheet"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-lime-04));
   --mds-file-preview-color: rgb(var(--label-lime-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-lime-10));
+  --mds-file-preview-icon-background: rgb(var(--label-lime-10));
+  --mds-file-preview-icon-color: rgb(var(--label-lime-04));
 }
 :host([format="vector"]) {
-  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));
   --mds-file-preview-color: rgb(var(--label-aqua-04));
-  --mds-file-preview-icon-bacground: rgb(var(--label-aqua-10));
+  --mds-file-preview-icon-background: rgb(var(--label-aqua-10));
+  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));
 }
 @tailwind utilities;
+:host( [variant="primary"][message] ) {
+  --mds-file-preview-icon-background: rgb(var(--variant-primary-09));
+  --mds-file-preview-icon-color: rgb(var(--variant-primary-04));
+}
 :host( [variant="info"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--status-info-09));
+  --mds-file-preview-icon-background: rgb(var(--status-info-09));
   --mds-file-preview-icon-color: rgb(var(--status-info-04));
+  --mds-file-preview-color: rgb(var(--status-info-03));
 }
 :host( [variant="success"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--status-success-09));
+  --mds-file-preview-icon-background: rgb(var(--status-success-09));
   --mds-file-preview-icon-color: rgb(var(--status-success-04));
+  --mds-file-preview-color: rgb(var(--status-success-03));
 }
 :host( [variant="warning"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--status-warning-09));
+  --mds-file-preview-icon-background: rgb(var(--status-warning-09));
   --mds-file-preview-icon-color: rgb(var(--status-warning-04));
+  --mds-file-preview-color: rgb(var(--status-warning-03));
 }
 :host( [variant="error"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--status-error-09));
+  --mds-file-preview-icon-background: rgb(var(--status-error-09));
   --mds-file-preview-icon-color: rgb(var(--status-error-04));
+  --mds-file-preview-color: rgb(var(--status-error-03));
 }
 :host( [variant="amaranth"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-09));
+  --mds-file-preview-icon-background: rgb(var(--label-amaranth-09));
   --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));
+  --mds-file-preview-color: rgb(var(--label-amaranth-03));
 }
 :host( [variant="aqua"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-aqua-09));
+  --mds-file-preview-icon-background: rgb(var(--label-aqua-09));
   --mds-file-preview-icon-color: rgb(var(--label-aqua-04));
+  --mds-file-preview-color: rgb(var(--label-aqua-03));
 }
 :host( [variant="blue"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-blue-09));
+  --mds-file-preview-icon-background: rgb(var(--label-blue-09));
   --mds-file-preview-icon-color: rgb(var(--label-blue-04));
+  --mds-file-preview-color: rgb(var(--label-blue-03));
 }
 :host( [variant="green"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-green-09));
+  --mds-file-preview-icon-background: rgb(var(--label-green-09));
   --mds-file-preview-icon-color: rgb(var(--label-green-04));
+  --mds-file-preview-color: rgb(var(--label-green-03));
 }
 :host( [variant="lime"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-lime-09));
+  --mds-file-preview-icon-background: rgb(var(--label-lime-09));
   --mds-file-preview-icon-color: rgb(var(--label-lime-04));
+  --mds-file-preview-color: rgb(var(--label-lime-03));
 }
 :host( [variant="orange"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-orange-09));
+  --mds-file-preview-icon-background: rgb(var(--label-orange-09));
   --mds-file-preview-icon-color: rgb(var(--label-orange-04));
+  --mds-file-preview-color: rgb(var(--label-orange-03));
 }
 :host( [variant="orchid"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-orchid-09));
+  --mds-file-preview-icon-background: rgb(var(--label-orchid-09));
   --mds-file-preview-icon-color: rgb(var(--label-orchid-04));
-}
-:host( [variant="primary"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-09));
-  --mds-file-preview-icon-color: rgb(var(--brand-maggioli-04));
+  --mds-file-preview-color: rgb(var(--label-orchid-03));
 }
 :host( [variant="sky"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-sky-09));
+  --mds-file-preview-icon-background: rgb(var(--label-sky-09));
   --mds-file-preview-icon-color: rgb(var(--label-sky-04));
+  --mds-file-preview-color: rgb(var(--label-sky-03));
 }
 :host( [variant="violet"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-violet-09));
+  --mds-file-preview-icon-background: rgb(var(--label-violet-09));
   --mds-file-preview-icon-color: rgb(var(--label-violet-04));
+  --mds-file-preview-color: rgb(var(--label-violet-03));
 }
 :host( [variant="yellow"][message] ) {
-  --mds-file-preview-icon-background-color: rgb(var(--label-yellow-09));
+  --mds-file-preview-icon-background: rgb(var(--label-yellow-09));
   --mds-file-preview-icon-color: rgb(var(--label-yellow-04));
+  --mds-file-preview-color: rgb(var(--label-yellow-03));
 }
 @container style(--magma-pref-contrast: more) {
+  :host( [variant="primary"][message] ) {
+    --mds-file-preview-icon-background: rgb(var(--variant-primary-10));
+    --mds-file-preview-icon-color: rgb(var(--variant-primary-02));
+    --mds-file-preview-color: rgb(var(--variant-primary-01));
+  }
   :host( [variant="info"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--status-info-10));
+    --mds-file-preview-icon-background: rgb(var(--status-info-10));
     --mds-file-preview-icon-color: rgb(var(--status-info-02));
+    --mds-file-preview-color: rgb(var(--status-info-01));
   }
   :host( [variant="success"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--status-success-10));
+    --mds-file-preview-icon-background: rgb(var(--status-success-10));
     --mds-file-preview-icon-color: rgb(var(--status-success-02));
+    --mds-file-preview-color: rgb(var(--status-success-01));
   }
   :host( [variant="warning"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--status-warning-10));
+    --mds-file-preview-icon-background: rgb(var(--status-warning-10));
     --mds-file-preview-icon-color: rgb(var(--status-warning-02));
+    --mds-file-preview-color: rgb(var(--status-warning-01));
   }
   :host( [variant="error"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--status-error-10));
+    --mds-file-preview-icon-background: rgb(var(--status-error-10));
     --mds-file-preview-icon-color: rgb(var(--status-error-02));
+    --mds-file-preview-color: rgb(var(--status-error-01));
   }
   :host( [variant="amaranth"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-10));
+    --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));
     --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));
+    --mds-file-preview-color: rgb(var(--label-amaranth-01));
   }
   :host( [variant="aqua"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-aqua-10));
+    --mds-file-preview-icon-background: rgb(var(--label-aqua-10));
     --mds-file-preview-icon-color: rgb(var(--label-aqua-02));
+    --mds-file-preview-color: rgb(var(--label-aqua-01));
   }
   :host( [variant="blue"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-blue-10));
+    --mds-file-preview-icon-background: rgb(var(--label-blue-10));
     --mds-file-preview-icon-color: rgb(var(--label-blue-02));
+    --mds-file-preview-color: rgb(var(--label-blue-01));
   }
   :host( [variant="green"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-green-10));
+    --mds-file-preview-icon-background: rgb(var(--label-green-10));
     --mds-file-preview-icon-color: rgb(var(--label-green-02));
+    --mds-file-preview-color: rgb(var(--label-green-01));
   }
   :host( [variant="lime"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-lime-10));
+    --mds-file-preview-icon-background: rgb(var(--label-lime-10));
     --mds-file-preview-icon-color: rgb(var(--label-lime-02));
+    --mds-file-preview-color: rgb(var(--label-lime-01));
   }
   :host( [variant="orange"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-orange-10));
+    --mds-file-preview-icon-background: rgb(var(--label-orange-10));
     --mds-file-preview-icon-color: rgb(var(--label-orange-02));
+    --mds-file-preview-color: rgb(var(--label-orange-01));
   }
   :host( [variant="orchid"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-orchid-10));
+    --mds-file-preview-icon-background: rgb(var(--label-orchid-10));
     --mds-file-preview-icon-color: rgb(var(--label-orchid-02));
-  }
-  :host( [variant="primary"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-10));
-    --mds-file-preview-icon-color: rgb(var(--brand-maggioli-02));
+    --mds-file-preview-color: rgb(var(--label-orchid-01));
   }
   :host( [variant="sky"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-sky-10));
+    --mds-file-preview-icon-background: rgb(var(--label-sky-10));
     --mds-file-preview-icon-color: rgb(var(--label-sky-02));
+    --mds-file-preview-color: rgb(var(--label-sky-01));
   }
   :host( [variant="violet"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-violet-10));
+    --mds-file-preview-icon-background: rgb(var(--label-violet-10));
     --mds-file-preview-icon-color: rgb(var(--label-violet-02));
+    --mds-file-preview-color: rgb(var(--label-violet-01));
   }
   :host( [variant="yellow"][message] ) {
-    --mds-file-preview-icon-background-color: rgb(var(--label-yellow-10));
+    --mds-file-preview-icon-background: rgb(var(--label-yellow-10));
     --mds-file-preview-icon-color: rgb(var(--label-yellow-02));
+    --mds-file-preview-color: rgb(var(--label-yellow-01));
   }
 }
 @container style(--magma-pref-contrast: system) {
   @media (prefers-contrast: more) {
+    :host( [variant="primary"][message] ) {
+      --mds-file-preview-icon-background: rgb(var(--variant-primary-10));
+      --mds-file-preview-icon-color: rgb(var(--variant-primary-02));
+      --mds-file-preview-color: rgb(var(--variant-primary-01));
+    }
     :host( [variant="info"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--status-info-10));
+      --mds-file-preview-icon-background: rgb(var(--status-info-10));
       --mds-file-preview-icon-color: rgb(var(--status-info-02));
+      --mds-file-preview-color: rgb(var(--status-info-01));
     }
     :host( [variant="success"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--status-success-10));
+      --mds-file-preview-icon-background: rgb(var(--status-success-10));
       --mds-file-preview-icon-color: rgb(var(--status-success-02));
+      --mds-file-preview-color: rgb(var(--status-success-01));
     }
     :host( [variant="warning"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--status-warning-10));
+      --mds-file-preview-icon-background: rgb(var(--status-warning-10));
       --mds-file-preview-icon-color: rgb(var(--status-warning-02));
+      --mds-file-preview-color: rgb(var(--status-warning-01));
     }
     :host( [variant="error"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--status-error-10));
+      --mds-file-preview-icon-background: rgb(var(--status-error-10));
       --mds-file-preview-icon-color: rgb(var(--status-error-02));
+      --mds-file-preview-color: rgb(var(--status-error-01));
     }
     :host( [variant="amaranth"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-10));
+      --mds-file-preview-icon-background: rgb(var(--label-amaranth-10));
       --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));
+      --mds-file-preview-color: rgb(var(--label-amaranth-01));
     }
     :host( [variant="aqua"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-aqua-10));
+      --mds-file-preview-icon-background: rgb(var(--label-aqua-10));
       --mds-file-preview-icon-color: rgb(var(--label-aqua-02));
+      --mds-file-preview-color: rgb(var(--label-aqua-01));
     }
     :host( [variant="blue"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-blue-10));
+      --mds-file-preview-icon-background: rgb(var(--label-blue-10));
       --mds-file-preview-icon-color: rgb(var(--label-blue-02));
+      --mds-file-preview-color: rgb(var(--label-blue-01));
     }
     :host( [variant="green"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-green-10));
+      --mds-file-preview-icon-background: rgb(var(--label-green-10));
       --mds-file-preview-icon-color: rgb(var(--label-green-02));
+      --mds-file-preview-color: rgb(var(--label-green-01));
     }
     :host( [variant="lime"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-lime-10));
+      --mds-file-preview-icon-background: rgb(var(--label-lime-10));
       --mds-file-preview-icon-color: rgb(var(--label-lime-02));
+      --mds-file-preview-color: rgb(var(--label-lime-01));
     }
     :host( [variant="orange"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-orange-10));
+      --mds-file-preview-icon-background: rgb(var(--label-orange-10));
       --mds-file-preview-icon-color: rgb(var(--label-orange-02));
+      --mds-file-preview-color: rgb(var(--label-orange-01));
     }
     :host( [variant="orchid"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-orchid-10));
+      --mds-file-preview-icon-background: rgb(var(--label-orchid-10));
       --mds-file-preview-icon-color: rgb(var(--label-orchid-02));
-    }
-    :host( [variant="primary"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-10));
-      --mds-file-preview-icon-color: rgb(var(--brand-maggioli-02));
+      --mds-file-preview-color: rgb(var(--label-orchid-01));
     }
     :host( [variant="sky"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-sky-10));
+      --mds-file-preview-icon-background: rgb(var(--label-sky-10));
       --mds-file-preview-icon-color: rgb(var(--label-sky-02));
+      --mds-file-preview-color: rgb(var(--label-sky-01));
     }
     :host( [variant="violet"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-violet-10));
+      --mds-file-preview-icon-background: rgb(var(--label-violet-10));
       --mds-file-preview-icon-color: rgb(var(--label-violet-02));
+      --mds-file-preview-color: rgb(var(--label-violet-01));
     }
     :host( [variant="yellow"][message] ) {
-      --mds-file-preview-icon-background-color: rgb(var(--label-yellow-10));
+      --mds-file-preview-icon-background: rgb(var(--label-yellow-10));
       --mds-file-preview-icon-color: rgb(var(--label-yellow-02));
+      --mds-file-preview-color: rgb(var(--label-yellow-01));
     }
   }
 }

package/dist/collection/components/mds-file-preview/mds-file-preview.js CHANGED Viewed

@@ -3,15 +3,31 @@ import { Host, h } from "@stencil/core";
 import { clsx } from "clsx";
 import { filesize } from "filesize";
 import { getFormatsVariant, getSuffix, getExtensionInfos } from "../../common/file";
+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";
+import fileDescriptionLocaleEl from "../../meta/file-format/locale.el";
+import fileDescriptionLocaleEn from "../../meta/file-format/locale.en";
+import fileDescriptionLocaleEs from "../../meta/file-format/locale.es";
+import fileDescriptionLocaleIt from "../../meta/file-format/locale.it";
 export class MdsFilePreview {
     constructor() {
-        this.getDefaultDescription = () => getExtensionInfos(this.filename, this.suffix).description;
+        this.t = new Locale({
+            el: Object.assign(Object.assign({}, localeEl), fileDescriptionLocaleEl),
+            en: Object.assign(Object.assign({}, localeEn), fileDescriptionLocaleEn),
+            es: Object.assign(Object.assign({}, localeEs), fileDescriptionLocaleEs),
+            it: Object.assign(Object.assign({}, localeIt), fileDescriptionLocaleIt),
+        });
+        this.getDefaultKeyDescription = () => getExtensionInfos(this.filename, this.suffix).description;
         this.onClickDeletedEvent = () => {
             this.deletedEvent.emit({ target: this.host, filename: this.filename, extension: getSuffix(this.filename, this.suffix) });
         };
         this.onClickDownloadEvent = () => {
             this.downloadedEvent.emit({ target: this.host, filename: this.filename, extension: getSuffix(this.filename, this.suffix) });
         };
+        this.language = undefined;
         this.deletable = undefined;
         this.downloadable = undefined;
         this.description = undefined;
@@ -25,7 +41,11 @@ export class MdsFilePreview {
         this.variant = undefined;
         this.format = undefined;
     }
+    async updateLang() {
+        this.language = this.t.lang(this.host);
+    }
     componentWillLoad() {
+        this.t.lang(this.host);
         this.format = getExtensionInfos(this.filename, this.suffix).format;
     }
     componentDidLoad() {
@@ -47,11 +67,11 @@ export class MdsFilePreview {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '3e22f95a410b9587d25c1360c3a83ba4fbb49265' }, this.deletable && h("mds-button", { key: '69ae6f4de44d37eb587c7c88cb854cd198f058b4', class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: '172674682f4e217dc3f385b420df9449b0ef686d', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
+        return (h(Host, { key: 'a7dda123874919af0842b36f88f84de14e9dc85a' }, this.deletable && h("mds-button", { key: '7e36d34ac76dd06d03ea07ff5d1be37bbec7a19d', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: '5f43336b09414404595fd96b0f885fea892401fd', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
             ? h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })
             : h("div", { class: clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon
                 ? h("mds-icon", { class: "icon", name: this.icon })
-                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: '1186dbc3b2e1efa2e3c89e2dd58709f3c0bd3d73', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '3b31040cdfa14434df1dcbf39b09ba38ee36579e', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("mds-text", { key: '46b176c04ee6a7fe9d305caf18ec6fecdd75d5f7', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && h("mds-text", { key: '0b7c0caa88e1ddd877c8fb3b3c912eae7952ace9', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("mds-badge", { key: '8408bc6bf58b09c086140616adc2badd81a2142f', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.getDefaultDescription() }, getSuffix(this.filename, this.suffix)), !this.filesize && h("mds-text", { key: 'bf57ea88022bc53569b2453f2be6394ec086713e', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.getDefaultDescription() }, (_c = this.description) !== null && _c !== void 0 ? _c : this.getDefaultDescription())))));
+                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: 'fb4b233d9d7b2c53404865013102c349b1b97400', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '00b1ba509692b5de8dc88ce8d480b96a0c7c8344', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("mds-text", { key: '2f2db2eb690b1c47de551a05618c495382bedf1b', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && h("mds-text", { key: '4fe83b584365b422f7fa31c91ddfb5168a7a213b', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'e40bb98da46ed616f9c67223ecbed54d76a38454', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix)), !this.filesize && h("mds-text", { key: '299abc283bed28e4410249d5140b1fbeec9b2eb5', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription()))))));
     }
     static get is() { return "mds-file-preview"; }
     static get encapsulation() { return "shadow"; }
@@ -292,6 +312,11 @@ export class MdsFilePreview {
             }
         };
     }
+    static get states() {
+        return {
+            "language": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "downloadedEvent",
@@ -337,6 +362,27 @@ export class MdsFilePreview {
                 }
             }];
     }
+    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"; }
     static get watchers() {
         return [{

package/dist/collection/components/mds-filter/mds-filter.js CHANGED Viewed

@@ -95,7 +95,7 @@ export class MdsFilter {
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (h(Host, { key: '61c5754cdcd567e371ec9a75f2b36fd3363aa6f0', "aria-label": this.label }, this.label && h("mds-text", { key: 'cb4ff8cd7d6097c4423e868ef3f26fce99422b09', class: "label", typography: "label" }, this.label), h("div", { key: '87ac4b2b871819d332c9c0d31273ab308e88ac8d', class: clsx('items', this.active && 'active') }, h("slot", { key: '557196c9f319bb440ee21f92a7687298f415b00d' }), this.reset && h("div", { key: '37f77b71d97601600fc9838f032b38287b16bc0c', class: clsx('reset', this.active && 'reset-opened') }, h("mds-filter-item", { key: '4baf098d356900355ef769dd5ee4a040ae83de16', selected: this.active, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: "mi/baseline/close", onClick: this.resetItems })))));
+        return (h(Host, { key: '7215fb2de82e3f33a94ab1c101fc732a9a05cf27', "aria-label": this.label, role: "menubar" }, this.label && h("mds-text", { key: '4a95f76c175f7b9db14ea616a1556a17abe32ba1', class: "label", typography: "label" }, this.label), h("div", { key: '91a7cbd971f9bba667665a2119ab76fc2905d06d', class: clsx('items', this.active && 'active') }, h("slot", { key: 'f927719daa34281b0220d45e88dfbeea2a23560a' }), this.reset && h("div", { key: '8ec10d0b9d88a9808beb5cabc511d932820817a4', class: clsx('reset', this.active && 'reset-opened') }, h("mds-filter-item", { key: '22ea88c487a3f339fe9f1501a7bd30e484633671', selected: this.active, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: "mi/baseline/close", onClick: this.resetItems })))));
     }
     static get is() { return "mds-filter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-filter-item/mds-filter-item.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class MdsFilterItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd0e961fc8d9d43f2cdb815b5a86c7ce90c467727', tabindex: "0", role: "button", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && h("mds-icon", { key: '36d226a87a366b3bd0ffc6153f131bdddf0befa7', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: 'b72ef63fa7cece74b3efdac212108714f786d519', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)));
+        return (h(Host, { key: 'e9cc0e7bcb05b01294f9ae954f00f330a48520e6', tabindex: "0", role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && h("mds-icon", { key: '27c86b0b6b923d94c9cb5abad53bb040d91a0f4f', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: '6981635e56ac780070b6c9e12f7e90612845867e', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)));
     }
     static get is() { return "mds-filter-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-header/mds-header.js CHANGED Viewed

@@ -76,6 +76,8 @@ export class MdsHeader {
             this.appearance = (_b = this.sanitizedAppearance[0]) !== null && _b !== void 0 ? _b : this.appearance;
         };
         this.handleScroll = () => {
+            if (typeof window === 'undefined')
+                return;
             if (this.autoHide) {
                 this.handleVisibility();
             }
@@ -137,8 +139,8 @@ export class MdsHeader {
         }
     }
     render() {
-        return (h(Host, { key: 'ebc52d4727506d8c50fa145d1858db54a6b4938e' }, h("slot", { key: 'b374010090e6f61bd1f580da30b75b0275f29455' }), this.hasMenu &&
-            h("div", { key: 'fd05fd451551513b603f0ef0b3885b27505a4a4e', class: "menu", part: "menu" }, h("mds-modal", { key: 'cb2539a1835537f69d5da1fd3ceb02824ceae246', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: '14a900ad5150c6a6673bb164ee7dd0386ca2d90f', name: "menu" })))));
+        return (h(Host, { key: '9595147f138d9d0e5abd37fe62687b6fcb9ae0fa' }, h("slot", { key: 'c14dbedd7b3e3a9b58ec7b32aaa3b65c35ce0308' }), this.hasMenu &&
+            h("div", { key: 'e9428c80b5cccadebcd7a82b66eb6fb35c80b039', class: "menu", part: "menu" }, h("mds-modal", { key: '93ce4d76d087adff4982b0a74874c4ca2a25d432', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: 'ee8647c583f3203314da681e5b8aec4d15332157', name: "menu" })))));
     }
     static get is() { return "mds-header"; }
     static get encapsulation() { return "shadow"; }