@maggioli-design-system/mds-push-notification 2.0.0 → 2.1.0

package/dist/cjs/mds-push-notification.cjs.entry.js

@@ -1062,9 +1062,9 @@ const MdsPushNotification = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && index.h("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && index.h("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), index.h("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, index.h("header", { key: '0673a643d9f5f0c4350df429e8b4a782cca0c6f0' }, index.h("div", { key: 'edfceaf57ce5c6c6597c5864be5e12ac3d64e842', class: "infos" }, this.hasBadge && index.h("div", { key: '984d185fd61df8d68986bbd6a46874c0e60b3070' }, index.h("slot", { key: '91533f3a68cc370c80d7f29206861e3dd2e5144a', name: "badge" })), this.subject && index.h("mds-text", { key: '6b25611c4570c83e7fdef45d47611b064f454aa4', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && index.h("mds-text", { key: '7b28326ef4929415fa98f116da9bc41fd4efe3fa', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (index.h(index.Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && index.h("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && index.h("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), index.h("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, index.h("div", { key: 'fe60e8aea9f4000bf9f31ac1c220bf9c002dcbd3', class: "header" }, index.h("div", { key: '7f9e374181c23bbab5241ba0565d96c6a2bf03e3', class: "infos" }, this.hasBadge && index.h("div", { key: '6387436e7e79d3055e7ff598a5b5b545dd22d19c' }, index.h("slot", { key: '6e9b980cbe8de429bd3efc394006a89c2917fbcd', name: "badge" })), this.subject && index.h("mds-text", { key: '699b5966d694cb9cee8c3614c2d49743f020bb93', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && index.h("mds-text", { key: '44a473a607e2f5c3be55313fd0f5722d6635017c', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), index.h("mds-text", { key: '35fbaa45a75692110b5cb208890eef2c950142bf', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && index.h("div", { key: 'e598977250e3ada7945e941f2df452f99d2e37ee', class: "actions", part: "actions" }, index.h("slot", { key: 'd2310a3fbd53d9cda3b51d92f0f00476c9958537', name: "actions" }))), this.deletable && index.h("mds-button", { key: 'c4910b11b63b52fbfc7b8d3e8aa6a848bd408d54', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), index.h("mds-text", { key: '06bcc873d47b26418a71a7e2064c6bebe786a6c3', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && index.h("div", { key: 'c5de013ae3f29e2e972576b6c6a012de935a7491', class: "actions", part: "actions" }, index.h("slot", { key: 'bfe621eff62949f8416f695e8c2a85a430674044', name: "actions" }))), this.deletable && index.h("mds-button", { key: '6d2970a2aaf90f5a9ce1be74da0da78b3a1b2016', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/collection/common/aria.js

@@ -18,6 +18,22 @@ const setAttributeIfEmpty = (element, attribute, value) => {
     element.setAttribute(attribute, value);
     return value;
 };
+const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => {
+    if (ifAttribute(element, attribute, valueCheck)) {
+        const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes];
+        attributesList.forEach(attributeToRemove => {
+            element.removeAttribute(attributeToRemove);
+        });
+        return true;
+    }
+    return false;
+};
+const ifAttribute = (element, attribute, valueCheck = 'true') => {
+    if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+        return true;
+    }
+    return false;
+};
 const hashValue = (value) => `${value}-${hash(value)}`;
 const hashRandomValue = (value) => {
     const randomValue = randomInt(1000000);
@@ -26,4 +42,4 @@ const hashRandomValue = (value) => {
     }
     return hash(randomValue.toString());
 };
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

package/dist/collection/common/device.js

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

package/dist/collection/common/keyboard-manager.js

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

package/dist/collection/components/mds-push-notification/mds-push-notification.js

@@ -72,9 +72,9 @@ export class MdsPushNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h("header", { key: '0673a643d9f5f0c4350df429e8b4a782cca0c6f0' }, h("div", { key: 'edfceaf57ce5c6c6597c5864be5e12ac3d64e842', class: "infos" }, this.hasBadge && h("div", { key: '984d185fd61df8d68986bbd6a46874c0e60b3070' }, h("slot", { key: '91533f3a68cc370c80d7f29206861e3dd2e5144a', name: "badge" })), this.subject && h("mds-text", { key: '6b25611c4570c83e7fdef45d47611b064f454aa4', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h("mds-text", { key: '7b28326ef4929415fa98f116da9bc41fd4efe3fa', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h("div", { key: 'fe60e8aea9f4000bf9f31ac1c220bf9c002dcbd3', class: "header" }, h("div", { key: '7f9e374181c23bbab5241ba0565d96c6a2bf03e3', class: "infos" }, this.hasBadge && h("div", { key: '6387436e7e79d3055e7ff598a5b5b545dd22d19c' }, h("slot", { key: '6e9b980cbe8de429bd3efc394006a89c2917fbcd', name: "badge" })), this.subject && h("mds-text", { key: '699b5966d694cb9cee8c3614c2d49743f020bb93', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h("mds-text", { key: '44a473a607e2f5c3be55313fd0f5722d6635017c', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), h("mds-text", { key: '35fbaa45a75692110b5cb208890eef2c950142bf', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h("div", { key: 'e598977250e3ada7945e941f2df452f99d2e37ee', class: "actions", part: "actions" }, h("slot", { key: 'd2310a3fbd53d9cda3b51d92f0f00476c9958537', name: "actions" }))), this.deletable && h("mds-button", { key: 'c4910b11b63b52fbfc7b8d3e8aa6a848bd408d54', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), h("mds-text", { key: '06bcc873d47b26418a71a7e2064c6bebe786a6c3', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h("div", { key: 'c5de013ae3f29e2e972576b6c6a012de935a7491', class: "actions", part: "actions" }, h("slot", { key: 'bfe621eff62949f8416f695e8c2a85a430674044', name: "actions" }))), this.deletable && h("mds-button", { key: '6d2970a2aaf90f5a9ce1be74da0da78b3a1b2016', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     static get is() { return "mds-push-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,61 +1,119 @@
 const fileExtensionsDictionary = {
-    '7z': { format: 'archive', description: 'Archivio compresso' },
-    ace: { format: 'archive', description: 'Archivio compresso' },
-    ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
-    dart: { format: 'code', description: 'Dart' },
-    db: { format: 'data', description: 'File di database' },
-    default: { format: 'attachment', description: 'Formato sconosciuto' },
-    dmg: { format: 'executable', description: 'Apple Disk Image' },
-    doc: { format: 'text', description: 'Documento Microsoft Word' },
-    docm: { format: 'text', description: 'Documento Microsoft Word' },
-    docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
-    eml: { format: 'email', description: 'E-mail di posta elettronica' },
-    eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
-    exe: { format: 'executable', description: 'File eseguibile Windows' },
-    flac: { format: 'audio', description: 'Audio non compresso' },
-    gif: { format: 'image', description: 'Immagine compressa', preview: true },
-    htm: { format: 'markup', description: 'Pagina web' },
-    heic: { format: 'image', description: 'High Efficiency Image File Format' },
-    html: { format: 'markup', description: 'Pagina web' },
-    jpe: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpg: { format: 'image', description: 'Immagine compressa', preview: true },
-    js: { format: 'code', description: 'JavaScript' },
-    json: { format: 'data', description: 'JavaScript Object Notation' },
-    jsx: { format: 'code', description: 'JavaScript' },
-    m2v: { format: 'video', description: 'Filmato SD' },
-    mp2: { format: 'audio', description: 'Audio compresso' },
-    mp3: { format: 'audio', description: 'Audio compresso' },
-    mp4: { format: 'video', description: 'Filmato HD' },
-    mp4v: { format: 'video', description: 'Filmato HD' },
-    mpeg: { format: 'video', description: 'Filmato SD' },
-    mpg4: { format: 'video', description: 'Filmato SD' },
-    mpg: { format: 'video', description: 'Filmato SD' },
-    mpga: { format: 'audio', description: 'Audio compresso' },
-    odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
-    ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
-    odt: { format: 'text', description: 'File di testo LibreOffice' },
-    pdf: { format: 'document', description: 'Documento Adobe' },
-    php: { format: 'code', description: 'Hypertext Preprocessor' },
-    png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
-    ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
-    rar: { format: 'archive', description: 'Archivio compresso' },
-    rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
-    sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
-    shtml: { format: 'markup', description: 'Pagina web' },
-    svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
-    tar: { format: 'archive', description: 'Archivio non compresso' },
-    tiff: { format: 'image', description: 'Tag Image File Format' },
-    ts: { format: 'code', description: 'TypeScript' },
-    tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
-    txt: { format: 'text', description: 'Documento di testo non formattato' },
-    wav: { format: 'audio', description: 'Audio non compresso' },
-    webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
-    xar: { format: 'archive', description: 'Archivio compresso' },
-    xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    zip: { format: 'archive', description: 'Archivio compresso' },
+    '7z': { format: 'archive', description: 'compressedArchive' },
+    ace: { format: 'archive', description: 'compressedArchive' },
+    ai: { format: 'vector', description: 'fileAI' },
+    dart: { format: 'code', description: 'dart' },
+    db: { format: 'data', description: 'fileDB' },
+    default: { format: 'attachment', description: 'unknown' },
+    dmg: { format: 'executable', description: 'appleDiskImage' },
+    doc: { format: 'text', description: 'documentMS' },
+    docm: { format: 'text', description: 'documentMS' },
+    docx: { format: 'text', description: 'compressedDocumentMS' },
+    eml: { format: 'email', description: 'email' },
+    eps: { format: 'vector', description: 'fileEPS' },
+    exe: { format: 'executable', description: 'fileEXE' },
+    flac: { format: 'audio', description: 'uncompressedAudio' },
+    gif: { format: 'image', description: 'compressedImage', preview: true },
+    htm: { format: 'markup', description: 'documentWeb' },
+    heic: { format: 'image', description: 'imageHEFF' },
+    html: { format: 'markup', description: 'documentWeb' },
+    jpe: { format: 'image', description: 'compressedImage', preview: true },
+    jpeg: { format: 'image', description: 'compressedImage', preview: true },
+    jpg: { format: 'image', description: 'compressedImage', preview: true },
+    js: { format: 'code', description: 'fileJS' },
+    json: { format: 'data', description: 'fileJSON' },
+    jsx: { format: 'code', description: 'fileJS' },
+    m2v: { format: 'video', description: 'videoSD' },
+    mp2: { format: 'audio', description: 'compressedAudio' },
+    mp3: { format: 'audio', description: 'compressedAudio' },
+    mp4: { format: 'video', description: 'videoHD' },
+    mp4v: { format: 'video', description: 'videoHD' },
+    mpeg: { format: 'video', description: 'videoSD' },
+    mpg4: { format: 'video', description: 'videoSD' },
+    mpg: { format: 'video', description: 'videoSD' },
+    mpga: { format: 'audio', description: 'compressedAudio' },
+    odp: { format: 'slide', description: 'slideLO' },
+    ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+    odt: { format: 'text', description: 'documentLO' },
+    pdf: { format: 'document', description: 'documentAdobe' },
+    php: { format: 'code', description: 'filePHP' },
+    png: { format: 'image', description: 'imagePNG', preview: true },
+    ppt: { format: 'slide', description: 'slidePowerPoint' },
+    rar: { format: 'archive', description: 'compressedArchive' },
+    rtf: { format: 'text', description: 'documentRTF' },
+    sass: { format: 'code', description: 'fileSASS' },
+    shtml: { format: 'markup', description: 'documentWeb' },
+    svg: { format: 'vector', description: 'imageSVG', preview: true },
+    tar: { format: 'archive', description: 'uncompressedArchive' },
+    tiff: { format: 'image', description: 'imageTIFF' },
+    ts: { format: 'code', description: 'fileTS' },
+    tsx: { format: 'code', description: 'fileTSX' },
+    txt: { format: 'text', description: 'documentTXT' },
+    wav: { format: 'audio', description: 'uncompressedAudio' },
+    webp: { format: 'image', description: 'imageWEBP', preview: true },
+    xar: { format: 'archive', description: 'compressedArchive' },
+    xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    zip: { format: 'archive', description: 'compressedArchive' },
 };
+// const fileExtensionsDictionary: FileExtenstion = {
+//   '7z': { format: 'archive', description: 'Archivio compresso' },
+//   ace: { format: 'archive', description: 'Archivio compresso' },
+//   ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
+//   dart: { format: 'code', description: 'Dart' },
+//   db: { format: 'data', description: 'File di database' },
+//   default: { format: 'attachment', description: 'Formato sconosciuto' },
+//   dmg: { format: 'executable', description: 'Apple Disk Image' },
+//   doc: { format: 'text', description: 'Documento Microsoft Word' },
+//   docm: { format: 'text', description: 'Documento Microsoft Word' },
+//   docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
+//   eml: { format: 'email', description: 'E-mail di posta elettronica' },
+//   eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
+//   exe: { format: 'executable', description: 'File eseguibile Windows' },
+//   flac: { format: 'audio', description: 'Audio non compresso' },
+//   gif: { format: 'image', description: 'Immagine compressa', preview: true },
+//   htm: { format: 'markup', description: 'Pagina web' },
+//   heic: { format: 'image', description: 'High Efficiency Image File Format' },
+//   html: { format: 'markup', description: 'Pagina web' },
+//   jpe: { format: 'image', description: 'Immagine compressa', preview: true },
+//   jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
+//   jpg: { format: 'image', description: 'Immagine compressa', preview: true },
+//   js: { format: 'code', description: 'JavaScript' },
+//   json: { format: 'data', description: 'JavaScript Object Notation' },
+//   jsx: { format: 'code', description: 'JavaScript' },
+//   m2v: { format: 'video', description: 'Filmato SD' },
+//   mp2: { format: 'audio', description: 'Audio compresso' },
+//   mp3: { format: 'audio', description: 'Audio compresso' },
+//   mp4: { format: 'video', description: 'Filmato HD' },
+//   mp4v: { format: 'video', description: 'Filmato HD' },
+//   mpeg: { format: 'video', description: 'Filmato SD' },
+//   mpg4: { format: 'video', description: 'Filmato SD' },
+//   mpg: { format: 'video', description: 'Filmato SD' },
+//   mpga: { format: 'audio', description: 'Audio compresso' },
+//   odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
+//   ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
+//   odt: { format: 'text', description: 'File di testo LibreOffice' },
+//   pdf: { format: 'document', description: 'Documento Adobe' },
+//   php: { format: 'code', description: 'Hypertext Preprocessor' },
+//   png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
+//   ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
+//   rar: { format: 'archive', description: 'Archivio compresso' },
+//   rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
+//   sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
+//   shtml: { format: 'markup', description: 'Pagina web' },
+//   svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
+//   tar: { format: 'archive', description: 'Archivio non compresso' },
+//   tiff: { format: 'image', description: 'Tag Image File Format' },
+//   ts: { format: 'code', description: 'TypeScript' },
+//   tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
+//   txt: { format: 'text', description: 'Documento di testo non formattato' },
+//   wav: { format: 'audio', description: 'Audio non compresso' },
+//   webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
+//   xar: { format: 'archive', description: 'Archivio compresso' },
+//   xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+//   xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+//   zip: { format: 'archive', description: 'Archivio compresso' },
+// }
 const genericMimeToExt = new Map([
     ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
     ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],

package/dist/collection/dictionary/text.js

@@ -1,6 +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',
     'word',
 ];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

package/dist/components/mds-push-notification.js

@@ -1060,9 +1060,9 @@ const MdsPushNotification$1 = /*@__PURE__*/ proxyCustomElement(class MdsPushNoti
     }
     render() {
         var _a;
-        return (h$4(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h$4("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h$4("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h$4("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h$4("header", { key: '0673a643d9f5f0c4350df429e8b4a782cca0c6f0' }, h$4("div", { key: 'edfceaf57ce5c6c6597c5864be5e12ac3d64e842', class: "infos" }, this.hasBadge && h$4("div", { key: '984d185fd61df8d68986bbd6a46874c0e60b3070' }, h$4("slot", { key: '91533f3a68cc370c80d7f29206861e3dd2e5144a', name: "badge" })), this.subject && h$4("mds-text", { key: '6b25611c4570c83e7fdef45d47611b064f454aa4', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h$4("mds-text", { key: '7b28326ef4929415fa98f116da9bc41fd4efe3fa', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h$4(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h$4("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h$4("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h$4("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h$4("div", { key: 'fe60e8aea9f4000bf9f31ac1c220bf9c002dcbd3', class: "header" }, h$4("div", { key: '7f9e374181c23bbab5241ba0565d96c6a2bf03e3', class: "infos" }, this.hasBadge && h$4("div", { key: '6387436e7e79d3055e7ff598a5b5b545dd22d19c' }, h$4("slot", { key: '6e9b980cbe8de429bd3efc394006a89c2917fbcd', name: "badge" })), this.subject && h$4("mds-text", { key: '699b5966d694cb9cee8c3614c2d49743f020bb93', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h$4("mds-text", { key: '44a473a607e2f5c3be55313fd0f5722d6635017c', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), h$4("mds-text", { key: '35fbaa45a75692110b5cb208890eef2c950142bf', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h$4("div", { key: 'e598977250e3ada7945e941f2df452f99d2e37ee', class: "actions", part: "actions" }, h$4("slot", { key: 'd2310a3fbd53d9cda3b51d92f0f00476c9958537', name: "actions" }))), this.deletable && h$4("mds-button", { key: 'c4910b11b63b52fbfc7b8d3e8aa6a848bd408d54', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), h$4("mds-text", { key: '06bcc873d47b26418a71a7e2064c6bebe786a6c3', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h$4("div", { key: 'c5de013ae3f29e2e972576b6c6a012de935a7491', class: "actions", part: "actions" }, h$4("slot", { key: 'bfe621eff62949f8416f695e8c2a85a430674044', name: "actions" }))), this.deletable && h$4("mds-button", { key: '6d2970a2aaf90f5a9ce1be74da0da78b3a1b2016', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return this; }
     static get style() { return MdsPushNotificationStyle0; }

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T18:56:26",
+  "timestamp": "2024-12-04T16:32:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",

package/dist/esm/mds-push-notification.entry.js

@@ -1058,9 +1058,9 @@ const MdsPushNotification = class {
     }
     render() {
         var _a;
-        return (h$4(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h$4("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h$4("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h$4("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h$4("header", { key: '0673a643d9f5f0c4350df429e8b4a782cca0c6f0' }, h$4("div", { key: 'edfceaf57ce5c6c6597c5864be5e12ac3d64e842', class: "infos" }, this.hasBadge && h$4("div", { key: '984d185fd61df8d68986bbd6a46874c0e60b3070' }, h$4("slot", { key: '91533f3a68cc370c80d7f29206861e3dd2e5144a', name: "badge" })), this.subject && h$4("mds-text", { key: '6b25611c4570c83e7fdef45d47611b064f454aa4', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h$4("mds-text", { key: '7b28326ef4929415fa98f116da9bc41fd4efe3fa', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h$4(Host, { key: '682d4b39768b61439873b6ac308fb69d4c0bd32c' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h$4("mds-avatar", { key: '2ea4ca72b7b3ce2077612ec1083369e1a638f69b', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h$4("mds-img", { key: 'e128e32c4421aa07640898a2139780cfe21962e1', class: "picture", part: "picture", src: this.src }), h$4("div", { key: 'e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f', class: "content", part: "content" }, h$4("div", { key: 'fe60e8aea9f4000bf9f31ac1c220bf9c002dcbd3', class: "header" }, h$4("div", { key: '7f9e374181c23bbab5241ba0565d96c6a2bf03e3', class: "infos" }, this.hasBadge && h$4("div", { key: '6387436e7e79d3055e7ff598a5b5b545dd22d19c' }, h$4("slot", { key: '6e9b980cbe8de429bd3efc394006a89c2917fbcd', name: "badge" })), this.subject && h$4("mds-text", { key: '699b5966d694cb9cee8c3614c2d49743f020bb93', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h$4("mds-text", { key: '44a473a607e2f5c3be55313fd0f5722d6635017c', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), h$4("mds-text", { key: '35fbaa45a75692110b5cb208890eef2c950142bf', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h$4("div", { key: 'e598977250e3ada7945e941f2df452f99d2e37ee', class: "actions", part: "actions" }, h$4("slot", { key: 'd2310a3fbd53d9cda3b51d92f0f00476c9958537', name: "actions" }))), this.deletable && h$4("mds-button", { key: 'c4910b11b63b52fbfc7b8d3e8aa6a848bd408d54', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), h$4("mds-text", { key: '06bcc873d47b26418a71a7e2064c6bebe786a6c3', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h$4("div", { key: 'c5de013ae3f29e2e972576b6c6a012de935a7491', class: "actions", part: "actions" }, h$4("slot", { key: 'bfe621eff62949f8416f695e8c2a85a430674044', name: "actions" }))), this.deletable && h$4("mds-button", { key: '6d2970a2aaf90f5a9ce1be74da0da78b3a1b2016', class: "close-button", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm-es5/mds-push-notification.entry.js

@@ -3,4 +3,4 @@ var __awaiter=this&&this.__awaiter||function(n,t,i,r){function a(n){return n ins
          * mustache.js - Logic-less {{mustache}} templates with JavaScript
          * http://github.com/janl/mustache.js
          */
-var n=Object.prototype.toString;var t=Array.isArray||function t(i){return n.call(i)==="[object Array]"};function i(n){return typeof n==="function"}function r(n){return t(n)?"array":typeof n}function a(n){return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function o(n,t){return n!=null&&typeof n==="object"&&t in n}function e(n,t){return n!=null&&typeof n!=="object"&&n.hasOwnProperty&&n.hasOwnProperty(t)}var s=RegExp.prototype.test;function c(n,t){return s.call(n,t)}var u=/\S/;function h(n){return!c(u,n)}var l={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function f(n){return String(n).replace(/[&<>"'`=\/]/g,(function n(t){return l[t]}))}var d=/\s*/;var v=/\s+/;var m=/\s*=/;var b=/\s*\}/;var p=/#|\^|\/|>|\{|&|=|!/;function g(n,i){if(!n)return[];var r=false;var o=[];var e=[];var s=[];var c=false;var u=false;var l="";var f=0;function g(){if(c&&!u){while(s.length)delete e[s.pop()]}else{s=[]}c=false;u=false}var $,x,S;function _(n){if(typeof n==="string")n=n.split(v,2);if(!t(n)||n.length!==2)throw new Error("Invalid tags: "+n);$=new RegExp(a(n[0])+"\\s*");x=new RegExp("\\s*"+a(n[1]));S=new RegExp("\\s*"+a("}"+n[1]))}_(i||M.tags);var j=new k(n);var D,q,E,T,C,L;while(!j.eos()){D=j.pos;E=j.scanUntil($);if(E){for(var I=0,N=E.length;I<N;++I){T=E.charAt(I);if(h(T)){s.push(e.length);l+=T}else{u=true;r=true;l+=" "}e.push(["text",T,D,D+1]);D+=1;if(T==="\n"){g();l="";f=0;r=false}}}if(!j.scan($))break;c=true;q=j.scan(p)||"name";j.scan(d);if(q==="="){E=j.scanUntil(m);j.scan(m);j.scanUntil(x)}else if(q==="{"){E=j.scanUntil(S);j.scan(b);j.scanUntil(x);q="&"}else{E=j.scanUntil(x)}if(!j.scan(x))throw new Error("Unclosed tag at "+j.pos);if(q==">"){C=[q,E,D,j.pos,l,f,r]}else{C=[q,E,D,j.pos]}f++;e.push(C);if(q==="#"||q==="^"){o.push(C)}else if(q==="/"){L=o.pop();if(!L)throw new Error('Unopened section "'+E+'" at '+D);if(L[1]!==E)throw new Error('Unclosed section "'+L[1]+'" at '+D)}else if(q==="name"||q==="{"||q==="&"){u=true}else if(q==="="){_(E)}}g();L=o.pop();if(L)throw new Error('Unclosed section "'+L[1]+'" at '+j.pos);return w(y(e))}function y(n){var t=[];var i,r;for(var a=0,o=n.length;a<o;++a){i=n[a];if(i){if(i[0]==="text"&&r&&r[0]==="text"){r[1]+=i[1];r[3]=i[3]}else{t.push(i);r=i}}}return t}function w(n){var t=[];var i=t;var r=[];var a,o;for(var e=0,s=n.length;e<s;++e){a=n[e];switch(a[0]){case"#":case"^":i.push(a);r.push(a);i=a[4]=[];break;case"/":o=r.pop();o[5]=a[2];i=r.length>0?r[r.length-1][4]:t;break;default:i.push(a)}}return t}function k(n){this.string=n;this.tail=n;this.pos=0}k.prototype.eos=function n(){return this.tail===""};k.prototype.scan=function n(t){var i=this.tail.match(t);if(!i||i.index!==0)return"";var r=i[0];this.tail=this.tail.substring(r.length);this.pos+=r.length;return r};k.prototype.scanUntil=function n(t){var i=this.tail.search(t),r;switch(i){case-1:r=this.tail;this.tail="";break;case 0:r="";break;default:r=this.tail.substring(0,i);this.tail=this.tail.substring(i)}this.pos+=r.length;return r};function $(n,t){this.view=n;this.cache={".":this.view};this.parent=t}$.prototype.push=function n(t){return new $(t,this)};$.prototype.lookup=function n(t){var r=this.cache;var a;if(r.hasOwnProperty(t)){a=r[t]}else{var s=this,c,u,h,l=false;while(s){if(t.indexOf(".")>0){c=s.view;u=t.split(".");h=0;while(c!=null&&h<u.length){if(h===u.length-1)l=o(c,u[h])||e(c,u[h]);c=c[u[h++]]}}else{c=s.view[t];l=o(s.view,t)}if(l){a=c;break}s=s.parent}r[t]=a}if(i(a))a=a.call(this.view);return a};function x(){this.templateCache={_cache:{},set:function n(t,i){this._cache[t]=i},get:function n(t){return this._cache[t]},clear:function n(){this._cache={}}}}x.prototype.clearCache=function n(){if(typeof this.templateCache!=="undefined"){this.templateCache.clear()}};x.prototype.parse=function n(t,i){var r=this.templateCache;var a=t+":"+(i||M.tags).join(":");var o=typeof r!=="undefined";var e=o?r.get(a):undefined;if(e==undefined){e=g(t,i);o&&r.set(a,e)}return e};x.prototype.render=function n(t,i,r,a){var o=this.getConfigTags(a);var e=this.parse(t,o);var s=i instanceof $?i:new $(i,undefined);return this.renderTokens(e,s,r,t,a)};x.prototype.renderTokens=function n(t,i,r,a,o){var e="";var s,c,u;for(var h=0,l=t.length;h<l;++h){u=undefined;s=t[h];c=s[0];if(c==="#")u=this.renderSection(s,i,r,a,o);else if(c==="^")u=this.renderInverted(s,i,r,a,o);else if(c===">")u=this.renderPartial(s,i,r,o);else if(c==="&")u=this.unescapedValue(s,i);else if(c==="name")u=this.escapedValue(s,i,o);else if(c==="text")u=this.rawValue(s);if(u!==undefined)e+=u}return e};x.prototype.renderSection=function n(r,a,o,e,s){var c=this;var u="";var h=a.lookup(r[1]);function l(n){return c.render(n,a,o,s)}if(!h)return;if(t(h)){for(var f=0,d=h.length;f<d;++f){u+=this.renderTokens(r[4],a.push(h[f]),o,e,s)}}else if(typeof h==="object"||typeof h==="string"||typeof h==="number"){u+=this.renderTokens(r[4],a.push(h),o,e,s)}else if(i(h)){if(typeof e!=="string")throw new Error("Cannot use higher-order sections without the original template");h=h.call(a.view,e.slice(r[3],r[5]),l);if(h!=null)u+=h}else{u+=this.renderTokens(r[4],a,o,e,s)}return u};x.prototype.renderInverted=function n(i,r,a,o,e){var s=r.lookup(i[1]);if(!s||t(s)&&s.length===0)return this.renderTokens(i[4],r,a,o,e)};x.prototype.indentPartial=function n(t,i,r){var a=i.replace(/[^ \t]/g,"");var o=t.split("\n");for(var e=0;e<o.length;e++){if(o[e].length&&(e>0||!r)){o[e]=a+o[e]}}return o.join("\n")};x.prototype.renderPartial=function n(t,r,a,o){if(!a)return;var e=this.getConfigTags(o);var s=i(a)?a(t[1]):a[t[1]];if(s!=null){var c=t[6];var u=t[5];var h=t[4];var l=s;if(u==0&&h){l=this.indentPartial(s,h,c)}var f=this.parse(l,e);return this.renderTokens(f,r,a,l,o)}};x.prototype.unescapedValue=function n(t,i){var r=i.lookup(t[1]);if(r!=null)return r};x.prototype.escapedValue=function n(t,i,r){var a=this.getConfigEscape(r)||M.escape;var o=i.lookup(t[1]);if(o!=null)return typeof o==="number"&&a===M.escape?String(o):a(o)};x.prototype.rawValue=function n(t){return t[1]};x.prototype.getConfigTags=function n(i){if(t(i)){return i}else if(i&&typeof i==="object"){return i.tags}else{return undefined}};x.prototype.getConfigEscape=function n(i){if(i&&typeof i==="object"&&!t(i)){return i.escape}else{return undefined}};var M={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:undefined,escape:undefined,parse:undefined,render:undefined,Scanner:undefined,Context:undefined,Writer:undefined,set templateCache(n){S.templateCache=n},get templateCache(){return S.templateCache}};var S=new x;M.clearCache=function n(){return S.clearCache()};M.parse=function n(t,i){return S.parse(t,i)};M.render=function n(t,i,a,o){if(typeof t!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+r(t)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return S.render(t,i,a,o)};M.escape=f;M.Scanner=k;M.Context=$;M.Writer=x;return M}))})(mustache);var Locale=function(){function n(n){var t=this;this.rollbackLanguage="en";this.set=function(n){t.config=n};this.lang=function(n){t.element=n;t.closestElement=t.element.closest("[lang]");if(t.closestElement){if(t.closestElement.lang){t.language=t.closestElement.lang;return t.language}}t.language=t.rollbackLanguage;return t.language};this.update=function(n){var i=n!==null&&n!==void 0?n:t.element.shadowRoot;i&&i.querySelectorAll("*").forEach((function(n){if(n.tagName.toLowerCase().startsWith("mds-")){if(n&&"updateLang"in n){n.updateLang()}}}))};this.pluralize=function(n,i){var r=t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n];var a=[];if(Array.isArray(r)){a.push(r[0]);a.push(r[1])}else{a.push(r);a.push(r)}var o=a[0];var e=o;var s=Object.keys(i);if(s.length>0){var c=s[0];if(typeof i[c]==="number"){if(i[c]!==1){e=a[1]}}}return mustache.exports.render(e,i)};this.get=function(n,i){if(i){return t.pluralize(n,i)}return t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n]};if(n){this.set(n)}}return n}();var ISO8601RegexString="^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$";var isISO8601Date=function(n){var t=new RegExp(ISO8601RegexString);return t.test(n)};var sanitizeISO8601Date=function(n){if(isISO8601Date(n)){return n}return new Date(n).toISOString()};var mdsPushNotificationCss='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-push-notification-duration: 200ms;\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--tone-neutral-04));\n  --mds-push-notification-message-line-clamp: 2;\n  --mds-push-notification-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --mds-push-notification-subject-line-clamp: 1;\n  --mds-push-notification-timing-function: cubic-bezier(1, 0, 0, 1);\n  min-width: 18rem;\n  max-width: 20rem;\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1rem;\n  padding-right: 2rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: var(--mds-push-notification-shadow);\n  box-shadow: var(--mds-push-notification-shadow);\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: auto;\n  position: relative;\n  -webkit-transition-duration: var(--mds-push-notification-duration);\n  transition-duration: var(--mds-push-notification-duration);\n  -webkit-transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, box-shadow, color, margin, transform;\n  transition-property: background-color, box-shadow, color, margin, transform, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-push-notification-timing-function);\n  transition-timing-function: var(--mds-push-notification-timing-function);\n}\n\n:host([deletable="false"]){\n\n  padding-right: 1rem;\n}\n\n.content {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  padding-top: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  min-width: 1px;\n}\n\n.avatar,\n.picture {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.picture{\n\n  max-width: 3rem;\n\n  border-radius: 0.25rem;\n\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  width: 100%;\n}\n\n.close-button{\n\n  padding: 0.375rem;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  background-color: transparent;\n  fill: rgb(var(--tone-neutral-06));\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n:host(:hover) .close-button {\n  opacity: 1;\n}\n\n.close-button:focus-visible,\n.close-button:hover {\n  fill: rgb(var(--tone-neutral-03));\n  opacity: 1;\n}\n\nheader{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: baseline;\n\n  align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.infos {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.time{\n\n  margin-right: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.subject {\n\n  --mds-text-line-clamp: var(--mds-push-notification-subject-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.message {\n\n  --mds-text-line-clamp: var(--mds-push-notification-message-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.avatar{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n\n  background-color: var(--mds-push-notification-icon-background-color);\n  border-radius: 1000px;\n  fill: var(--mds-push-notification-icon-color);\n}\n\n.avatar::part(svg){\n\n  width: 1.5rem;\n}\n\n:host([src]) .avatar {\n  background-color: transparent;\n}\n\n:host([icon]) .avatar::part(wrapper){\n\n  padding: 0.375rem;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-05));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-10));\n}\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-09));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-05));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-09));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-05));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-09));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-05));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-09));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-05));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-09));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-05));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-09));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-green-05));\n  --mds-push-notification-icon-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-green-09));\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-05));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-09));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-05));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-09));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-05));\n  --mds-push-notification-icon-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-09));\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-05));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-09));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="success"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-success-05));\n  --mds-push-notification-icon-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-success-09));\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="info"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-info-05));\n  --mds-push-notification-icon-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-info-09));\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .close-button {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .close-button {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsPushNotificationStyle0=mdsPushNotificationCss;dayjs.extend(relativeTime);var MdsPushNotification=function(){function n(n){var t=this;registerInstance(this,n);this.closedEvent=createEvent(this,"mdsPushNotificationClose",7);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.onClickClose=function(n){n.stopPropagation();t.closedEvent.emit()};this.language=undefined;this.datetime=undefined;this.dateFormat="timeago";this.deletable=true;this.icon=undefined;this.initials=undefined;this.message="Nessun messaggio disponibile";this.preview="image";this.src=undefined;this.subject=undefined;this.tone="weak";this.variant=undefined}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};n.prototype.componentWillLoad=function(){var n;this.hasActions=this.host.querySelector('[slot="actions"]')!==null;this.hasBadge=this.host.querySelector('[slot="badge"]')!==null;if(this.datetime){this.datetime=sanitizeISO8601Date((n=this.datetime)===null||n===void 0?void 0:n.toString())}this.t.lang(this.host);var t={future:this.t.get("future"),past:this.t.get("past"),s:this.t.get("s"),m:this.t.get("m"),mm:this.t.get("mm"),h:this.t.get("h"),hh:this.t.get("hh"),d:this.t.get("d"),dd:this.t.get("dd"),M:this.t.get("M"),MM:this.t.get("MM"),y:this.t.get("y"),yy:this.t.get("yy")};dayjs.locale("custom-locale",{relativeTime:t})};n.prototype.render=function(){var n;return h$4(Host,{key:"682d4b39768b61439873b6ac308fb69d4c0bd32c"},((n=this.icon)!==null&&n!==void 0?n:this.preview==="avatar")&&h$4("mds-avatar",{key:"2ea4ca72b7b3ce2077612ec1083369e1a638f69b",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&this.preview!=="avatar"&&h$4("mds-img",{key:"e128e32c4421aa07640898a2139780cfe21962e1",class:"picture",part:"picture",src:this.src}),h$4("div",{key:"e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f",class:"content",part:"content"},h$4("header",{key:"0673a643d9f5f0c4350df429e8b4a782cca0c6f0"},h$4("div",{key:"edfceaf57ce5c6c6597c5864be5e12ac3d64e842",class:"infos"},this.hasBadge&&h$4("div",{key:"984d185fd61df8d68986bbd6a46874c0e60b3070"},h$4("slot",{key:"91533f3a68cc370c80d7f29206861e3dd2e5144a",name:"badge"})),this.subject&&h$4("mds-text",{key:"6b25611c4570c83e7fdef45d47611b064f454aa4",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&h$4("mds-text",{key:"7b28326ef4929415fa98f116da9bc41fd4efe3fa",class:"time",typography:"option"},this.dateFormat==="timeago"?dayjs(this.datetime).fromNow():dayjs(this.datetime).format(this.dateFormat))),h$4("mds-text",{key:"35fbaa45a75692110b5cb208890eef2c950142bf",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&h$4("div",{key:"e598977250e3ada7945e941f2df452f99d2e37ee",class:"actions",part:"actions"},h$4("slot",{key:"d2310a3fbd53d9cda3b51d92f0f00476c9958537",name:"actions"}))),this.deletable&&h$4("mds-button",{key:"c4910b11b63b52fbfc7b8d3e8aa6a848bd408d54",class:"close-button",title:this.t.get("dismiss"),icon:miBaselineCancel,onClick:this.onClickClose.bind(this)}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsPushNotification.style=MdsPushNotificationStyle0;export{MdsPushNotification as mds_push_notification};
+var n=Object.prototype.toString;var t=Array.isArray||function t(i){return n.call(i)==="[object Array]"};function i(n){return typeof n==="function"}function r(n){return t(n)?"array":typeof n}function a(n){return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function o(n,t){return n!=null&&typeof n==="object"&&t in n}function e(n,t){return n!=null&&typeof n!=="object"&&n.hasOwnProperty&&n.hasOwnProperty(t)}var s=RegExp.prototype.test;function c(n,t){return s.call(n,t)}var u=/\S/;function h(n){return!c(u,n)}var l={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function f(n){return String(n).replace(/[&<>"'`=\/]/g,(function n(t){return l[t]}))}var d=/\s*/;var v=/\s+/;var m=/\s*=/;var b=/\s*\}/;var p=/#|\^|\/|>|\{|&|=|!/;function g(n,i){if(!n)return[];var r=false;var o=[];var e=[];var s=[];var c=false;var u=false;var l="";var f=0;function g(){if(c&&!u){while(s.length)delete e[s.pop()]}else{s=[]}c=false;u=false}var $,x,S;function _(n){if(typeof n==="string")n=n.split(v,2);if(!t(n)||n.length!==2)throw new Error("Invalid tags: "+n);$=new RegExp(a(n[0])+"\\s*");x=new RegExp("\\s*"+a(n[1]));S=new RegExp("\\s*"+a("}"+n[1]))}_(i||M.tags);var j=new k(n);var D,q,E,T,C,L;while(!j.eos()){D=j.pos;E=j.scanUntil($);if(E){for(var I=0,N=E.length;I<N;++I){T=E.charAt(I);if(h(T)){s.push(e.length);l+=T}else{u=true;r=true;l+=" "}e.push(["text",T,D,D+1]);D+=1;if(T==="\n"){g();l="";f=0;r=false}}}if(!j.scan($))break;c=true;q=j.scan(p)||"name";j.scan(d);if(q==="="){E=j.scanUntil(m);j.scan(m);j.scanUntil(x)}else if(q==="{"){E=j.scanUntil(S);j.scan(b);j.scanUntil(x);q="&"}else{E=j.scanUntil(x)}if(!j.scan(x))throw new Error("Unclosed tag at "+j.pos);if(q==">"){C=[q,E,D,j.pos,l,f,r]}else{C=[q,E,D,j.pos]}f++;e.push(C);if(q==="#"||q==="^"){o.push(C)}else if(q==="/"){L=o.pop();if(!L)throw new Error('Unopened section "'+E+'" at '+D);if(L[1]!==E)throw new Error('Unclosed section "'+L[1]+'" at '+D)}else if(q==="name"||q==="{"||q==="&"){u=true}else if(q==="="){_(E)}}g();L=o.pop();if(L)throw new Error('Unclosed section "'+L[1]+'" at '+j.pos);return w(y(e))}function y(n){var t=[];var i,r;for(var a=0,o=n.length;a<o;++a){i=n[a];if(i){if(i[0]==="text"&&r&&r[0]==="text"){r[1]+=i[1];r[3]=i[3]}else{t.push(i);r=i}}}return t}function w(n){var t=[];var i=t;var r=[];var a,o;for(var e=0,s=n.length;e<s;++e){a=n[e];switch(a[0]){case"#":case"^":i.push(a);r.push(a);i=a[4]=[];break;case"/":o=r.pop();o[5]=a[2];i=r.length>0?r[r.length-1][4]:t;break;default:i.push(a)}}return t}function k(n){this.string=n;this.tail=n;this.pos=0}k.prototype.eos=function n(){return this.tail===""};k.prototype.scan=function n(t){var i=this.tail.match(t);if(!i||i.index!==0)return"";var r=i[0];this.tail=this.tail.substring(r.length);this.pos+=r.length;return r};k.prototype.scanUntil=function n(t){var i=this.tail.search(t),r;switch(i){case-1:r=this.tail;this.tail="";break;case 0:r="";break;default:r=this.tail.substring(0,i);this.tail=this.tail.substring(i)}this.pos+=r.length;return r};function $(n,t){this.view=n;this.cache={".":this.view};this.parent=t}$.prototype.push=function n(t){return new $(t,this)};$.prototype.lookup=function n(t){var r=this.cache;var a;if(r.hasOwnProperty(t)){a=r[t]}else{var s=this,c,u,h,l=false;while(s){if(t.indexOf(".")>0){c=s.view;u=t.split(".");h=0;while(c!=null&&h<u.length){if(h===u.length-1)l=o(c,u[h])||e(c,u[h]);c=c[u[h++]]}}else{c=s.view[t];l=o(s.view,t)}if(l){a=c;break}s=s.parent}r[t]=a}if(i(a))a=a.call(this.view);return a};function x(){this.templateCache={_cache:{},set:function n(t,i){this._cache[t]=i},get:function n(t){return this._cache[t]},clear:function n(){this._cache={}}}}x.prototype.clearCache=function n(){if(typeof this.templateCache!=="undefined"){this.templateCache.clear()}};x.prototype.parse=function n(t,i){var r=this.templateCache;var a=t+":"+(i||M.tags).join(":");var o=typeof r!=="undefined";var e=o?r.get(a):undefined;if(e==undefined){e=g(t,i);o&&r.set(a,e)}return e};x.prototype.render=function n(t,i,r,a){var o=this.getConfigTags(a);var e=this.parse(t,o);var s=i instanceof $?i:new $(i,undefined);return this.renderTokens(e,s,r,t,a)};x.prototype.renderTokens=function n(t,i,r,a,o){var e="";var s,c,u;for(var h=0,l=t.length;h<l;++h){u=undefined;s=t[h];c=s[0];if(c==="#")u=this.renderSection(s,i,r,a,o);else if(c==="^")u=this.renderInverted(s,i,r,a,o);else if(c===">")u=this.renderPartial(s,i,r,o);else if(c==="&")u=this.unescapedValue(s,i);else if(c==="name")u=this.escapedValue(s,i,o);else if(c==="text")u=this.rawValue(s);if(u!==undefined)e+=u}return e};x.prototype.renderSection=function n(r,a,o,e,s){var c=this;var u="";var h=a.lookup(r[1]);function l(n){return c.render(n,a,o,s)}if(!h)return;if(t(h)){for(var f=0,d=h.length;f<d;++f){u+=this.renderTokens(r[4],a.push(h[f]),o,e,s)}}else if(typeof h==="object"||typeof h==="string"||typeof h==="number"){u+=this.renderTokens(r[4],a.push(h),o,e,s)}else if(i(h)){if(typeof e!=="string")throw new Error("Cannot use higher-order sections without the original template");h=h.call(a.view,e.slice(r[3],r[5]),l);if(h!=null)u+=h}else{u+=this.renderTokens(r[4],a,o,e,s)}return u};x.prototype.renderInverted=function n(i,r,a,o,e){var s=r.lookup(i[1]);if(!s||t(s)&&s.length===0)return this.renderTokens(i[4],r,a,o,e)};x.prototype.indentPartial=function n(t,i,r){var a=i.replace(/[^ \t]/g,"");var o=t.split("\n");for(var e=0;e<o.length;e++){if(o[e].length&&(e>0||!r)){o[e]=a+o[e]}}return o.join("\n")};x.prototype.renderPartial=function n(t,r,a,o){if(!a)return;var e=this.getConfigTags(o);var s=i(a)?a(t[1]):a[t[1]];if(s!=null){var c=t[6];var u=t[5];var h=t[4];var l=s;if(u==0&&h){l=this.indentPartial(s,h,c)}var f=this.parse(l,e);return this.renderTokens(f,r,a,l,o)}};x.prototype.unescapedValue=function n(t,i){var r=i.lookup(t[1]);if(r!=null)return r};x.prototype.escapedValue=function n(t,i,r){var a=this.getConfigEscape(r)||M.escape;var o=i.lookup(t[1]);if(o!=null)return typeof o==="number"&&a===M.escape?String(o):a(o)};x.prototype.rawValue=function n(t){return t[1]};x.prototype.getConfigTags=function n(i){if(t(i)){return i}else if(i&&typeof i==="object"){return i.tags}else{return undefined}};x.prototype.getConfigEscape=function n(i){if(i&&typeof i==="object"&&!t(i)){return i.escape}else{return undefined}};var M={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:undefined,escape:undefined,parse:undefined,render:undefined,Scanner:undefined,Context:undefined,Writer:undefined,set templateCache(n){S.templateCache=n},get templateCache(){return S.templateCache}};var S=new x;M.clearCache=function n(){return S.clearCache()};M.parse=function n(t,i){return S.parse(t,i)};M.render=function n(t,i,a,o){if(typeof t!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+r(t)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return S.render(t,i,a,o)};M.escape=f;M.Scanner=k;M.Context=$;M.Writer=x;return M}))})(mustache);var Locale=function(){function n(n){var t=this;this.rollbackLanguage="en";this.set=function(n){t.config=n};this.lang=function(n){t.element=n;t.closestElement=t.element.closest("[lang]");if(t.closestElement){if(t.closestElement.lang){t.language=t.closestElement.lang;return t.language}}t.language=t.rollbackLanguage;return t.language};this.update=function(n){var i=n!==null&&n!==void 0?n:t.element.shadowRoot;i&&i.querySelectorAll("*").forEach((function(n){if(n.tagName.toLowerCase().startsWith("mds-")){if(n&&"updateLang"in n){n.updateLang()}}}))};this.pluralize=function(n,i){var r=t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n];var a=[];if(Array.isArray(r)){a.push(r[0]);a.push(r[1])}else{a.push(r);a.push(r)}var o=a[0];var e=o;var s=Object.keys(i);if(s.length>0){var c=s[0];if(typeof i[c]==="number"){if(i[c]!==1){e=a[1]}}}return mustache.exports.render(e,i)};this.get=function(n,i){if(i){return t.pluralize(n,i)}return t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n]};if(n){this.set(n)}}return n}();var ISO8601RegexString="^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$";var isISO8601Date=function(n){var t=new RegExp(ISO8601RegexString);return t.test(n)};var sanitizeISO8601Date=function(n){if(isISO8601Date(n)){return n}return new Date(n).toISOString()};var mdsPushNotificationCss='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-push-notification-duration: 200ms;\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--tone-neutral-04));\n  --mds-push-notification-message-line-clamp: 2;\n  --mds-push-notification-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --mds-push-notification-subject-line-clamp: 1;\n  --mds-push-notification-timing-function: cubic-bezier(1, 0, 0, 1);\n  min-width: 18rem;\n  max-width: 20rem;\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1rem;\n  padding-right: 2rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: var(--mds-push-notification-shadow);\n  box-shadow: var(--mds-push-notification-shadow);\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: auto;\n  position: relative;\n  -webkit-transition-duration: var(--mds-push-notification-duration);\n  transition-duration: var(--mds-push-notification-duration);\n  -webkit-transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, box-shadow, color, margin, transform;\n  transition-property: background-color, box-shadow, color, margin, transform, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-push-notification-timing-function);\n  transition-timing-function: var(--mds-push-notification-timing-function);\n}\n\n:host([deletable="false"]){\n\n  padding-right: 1rem;\n}\n\n.content {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  padding-top: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  min-width: 1px;\n}\n\n.avatar,\n.picture {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.picture{\n\n  max-width: 3rem;\n\n  border-radius: 0.25rem;\n\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  width: 100%;\n}\n\n.close-button{\n\n  padding: 0.375rem;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  background-color: transparent;\n  fill: rgb(var(--tone-neutral-06));\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n:host(:hover) .close-button {\n  opacity: 1;\n}\n\n.close-button:focus-visible,\n.close-button:hover {\n  fill: rgb(var(--tone-neutral-03));\n  opacity: 1;\n}\n\nheader{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: baseline;\n\n  align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.infos {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.time{\n\n  margin-right: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.subject {\n\n  --mds-text-line-clamp: var(--mds-push-notification-subject-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.message {\n\n  --mds-text-line-clamp: var(--mds-push-notification-message-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.avatar{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n\n  background-color: var(--mds-push-notification-icon-background-color);\n  border-radius: 1000px;\n  fill: var(--mds-push-notification-icon-color);\n}\n\n.avatar::part(svg){\n\n  width: 1.5rem;\n}\n\n:host([src]) .avatar {\n  background-color: transparent;\n}\n\n:host([icon]) .avatar::part(wrapper){\n\n  padding: 0.375rem;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-05));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-10));\n}\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-09));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-05));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-09));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-05));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-09));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-05));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-09));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-05));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-09));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-05));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-09));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-green-05));\n  --mds-push-notification-icon-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-green-09));\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-05));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-09));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-05));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-09));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-05));\n  --mds-push-notification-icon-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-09));\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-05));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-09));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="success"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-success-05));\n  --mds-push-notification-icon-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-success-09));\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="info"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-info-05));\n  --mds-push-notification-icon-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-info-09));\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .close-button {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .close-button {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsPushNotificationStyle0=mdsPushNotificationCss;dayjs.extend(relativeTime);var MdsPushNotification=function(){function n(n){var t=this;registerInstance(this,n);this.closedEvent=createEvent(this,"mdsPushNotificationClose",7);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.onClickClose=function(n){n.stopPropagation();t.closedEvent.emit()};this.language=undefined;this.datetime=undefined;this.dateFormat="timeago";this.deletable=true;this.icon=undefined;this.initials=undefined;this.message="Nessun messaggio disponibile";this.preview="image";this.src=undefined;this.subject=undefined;this.tone="weak";this.variant=undefined}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};n.prototype.componentWillLoad=function(){var n;this.hasActions=this.host.querySelector('[slot="actions"]')!==null;this.hasBadge=this.host.querySelector('[slot="badge"]')!==null;if(this.datetime){this.datetime=sanitizeISO8601Date((n=this.datetime)===null||n===void 0?void 0:n.toString())}this.t.lang(this.host);var t={future:this.t.get("future"),past:this.t.get("past"),s:this.t.get("s"),m:this.t.get("m"),mm:this.t.get("mm"),h:this.t.get("h"),hh:this.t.get("hh"),d:this.t.get("d"),dd:this.t.get("dd"),M:this.t.get("M"),MM:this.t.get("MM"),y:this.t.get("y"),yy:this.t.get("yy")};dayjs.locale("custom-locale",{relativeTime:t})};n.prototype.render=function(){var n;return h$4(Host,{key:"682d4b39768b61439873b6ac308fb69d4c0bd32c"},((n=this.icon)!==null&&n!==void 0?n:this.preview==="avatar")&&h$4("mds-avatar",{key:"2ea4ca72b7b3ce2077612ec1083369e1a638f69b",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&this.preview!=="avatar"&&h$4("mds-img",{key:"e128e32c4421aa07640898a2139780cfe21962e1",class:"picture",part:"picture",src:this.src}),h$4("div",{key:"e38b8e1e6eaa637e6a75f9ea22b3f143cc420b8f",class:"content",part:"content"},h$4("div",{key:"fe60e8aea9f4000bf9f31ac1c220bf9c002dcbd3",class:"header"},h$4("div",{key:"7f9e374181c23bbab5241ba0565d96c6a2bf03e3",class:"infos"},this.hasBadge&&h$4("div",{key:"6387436e7e79d3055e7ff598a5b5b545dd22d19c"},h$4("slot",{key:"6e9b980cbe8de429bd3efc394006a89c2917fbcd",name:"badge"})),this.subject&&h$4("mds-text",{key:"699b5966d694cb9cee8c3614c2d49743f020bb93",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&h$4("mds-text",{key:"44a473a607e2f5c3be55313fd0f5722d6635017c",class:"time",typography:"option"},this.dateFormat==="timeago"?dayjs(this.datetime).fromNow():dayjs(this.datetime).format(this.dateFormat))),h$4("mds-text",{key:"06bcc873d47b26418a71a7e2064c6bebe786a6c3",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&h$4("div",{key:"c5de013ae3f29e2e972576b6c6a012de935a7491",class:"actions",part:"actions"},h$4("slot",{key:"bfe621eff62949f8416f695e8c2a85a430674044",name:"actions"}))),this.deletable&&h$4("mds-button",{key:"6d2970a2aaf90f5a9ce1be74da0da78b3a1b2016",class:"close-button",title:this.t.get("dismiss"),icon:miBaselineCancel,onClick:this.onClickClose.bind(this)}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsPushNotification.style=MdsPushNotificationStyle0;export{MdsPushNotification as mds_push_notification};

package/dist/mds-push-notification/mds-push-notification.esm.js

@@ -1 +1 @@
-import{p as a,b as t}from"./p-7857bd4f.js";export{s as setNonce}from"./p-7857bd4f.js";import{g as e}from"./p-e1255160.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),a(e)})().then((async a=>(await e(),t([["p-3484acd7",[[1,"mds-push-notification",{datetime:[1040],dateFormat:[513,"date-format"],deletable:[516],icon:[513],initials:[1537],message:[513],preview:[513],src:[513],subject:[513],tone:[513],variant:[513],language:[32],updateLang:[64]}]]]],a))));
+import{p as a,b as e}from"./p-7857bd4f.js";export{s as setNonce}from"./p-7857bd4f.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-c60d85de",[[1,"mds-push-notification",{datetime:[1040],dateFormat:[513,"date-format"],deletable:[516],icon:[513],initials:[1537],message:[513],preview:[513],src:[513],subject:[513],tone:[513],variant:[513],language:[32],updateLang:[64]}]]]],a))));