@maggioli-design-system/mds-push-notification 5.2.0 → 5.2.2

package/dist/collection/common/locale.js

@@ -19,15 +19,17 @@ export class Locale {
         };
         this.update = (doc) => {
             const context = doc !== null && doc !== void 0 ? doc : this.element.shadowRoot;
-            context && context.querySelectorAll('*').forEach(el => {
-                if (el.tagName.toLowerCase().startsWith('mds-')) {
-                    // eslint-disable-next-line no-restricted-syntax
-                    if (el && 'updateLang' in el) {
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        el.updateLang();
+            if (context) {
+                context.querySelectorAll('*').forEach(el => {
+                    if (el.tagName.toLowerCase().startsWith('mds-')) {
+                        // eslint-disable-next-line no-restricted-syntax
+                        if (el && 'updateLang' in el) {
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            el.updateLang();
+                        }
                     }
-                }
-            });
+                });
+            }
         };
         this.pluralize = (tag, context) => {
             const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];

package/dist/collection/common/slot.js

@@ -25,4 +25,13 @@ const hasSlotted = (el, name) => {
     }
     return false;
 };
-export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
+const hasSlottedContent = (el, name) => {
+    var _a;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (!slot)
+        return false;
+    const assignedNodes = slot.assignedNodes({ flatten: true });
+    return assignedNodes.some(node => { var _a; return node.nodeType === Node.TEXT_NODE && ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== ''; });
+};
+export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };

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

@@ -30,14 +30,14 @@ const exampleNotifications = [
     },
 ];
 const PushNotificationElement = ({ index }) => {
-    return h("mds-push-notification-item", { icon: "mi/baseline/attachment", subject: `Notification ${index + 1}`, message: "Sto preparando il documento che mi hai richiesto, dovrei finire in giornata, fammi sapere se hai altri aggiornamenti al riguardo cos\u00EC non mi perdo pezzi per la strada." });
+    return (h("mds-push-notification-item", { icon: "mi/baseline/attachment", subject: `Notification ${index + 1}`, message: "Sto preparando il documento che mi hai richiesto, dovrei finire in giornata, fammi sapere se hai altri aggiornamenti al riguardo cos\u00EC non mi perdo pezzi per la strada." }));
 };
 const GetNotifications = ({ notifications }) => {
     // console.log('getNotifications', notifications)
     if (notifications.length > 0) {
-        return h(Fragment, null, notifications.map((n, i) => {
-            return h("mds-push-notification-item", { key: i, preview: n.preview, src: n.src, subject: n.subject, message: n.message }, h("mds-button", { slot: "actions", variant: "primary", tone: "weak", size: "sm" }, "Rispondi"));
-        }));
+        return (h(Fragment, null, notifications.map((n, i) => {
+            return (h("mds-push-notification-item", { key: i, preview: n.preview, src: n.src, subject: n.subject, message: n.message }, h("mds-button", { slot: "actions", variant: "primary", tone: "weak", size: "sm" }, "Rispondi")));
+        })));
     }
 };
 const Template = args => {
@@ -70,30 +70,36 @@ const Template = args => {
         setNotifications([...notifications, n]);
         // console.log(notifications)
     }
-    return h("div", { class: "-m-600" }, h("div", { class: "fixed top-600 left-600 flex gap-100" }, visible
-        ? h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(false), icon: "mdi/eye-off-outline", variant: "error" }, "Hide notifications")
-        : h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(true), icon: "mi/baseline/remove-red-eye", variant: "primary" }, "Show notifications"), h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", variant: "success", onClick: pushN }, "Carica altre...")), h("mds-push-notification", { class: "mds-push-notification", visible: visible === false ? undefined : true, behavior: args.behavior }, h(GetNotifications, { notifications: notifications })), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 mobile:grid-cols-1 max-w-screen-desktop" }, Array(18).fill(null).map((_item, index) => {
-        return (h("div", { class: "grid gap-25", key: index }, h("mds-text", { typography: 'h5', tag: "h2" }, "This is a section title"), h("mds-text", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus iure, ratione beatae quam optio cumque rerum modi consectetur odit eligendi omnis veniam fuga non ipsam voluptatum a ut neque illum.")));
-    }))));
+    return (h("div", { class: "-m-600" }, h("div", { class: "fixed top-600 left-600 flex gap-100" }, visible ? (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(false), icon: "mdi/eye-off-outline", variant: "error" }, "Hide notifications")) : (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(true), icon: "mi/baseline/remove-red-eye", variant: "primary" }, "Show notifications")), h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", variant: "success", onClick: pushN }, "Carica altre...")), h("mds-push-notification", { class: "mds-push-notification", visible: visible === false ? undefined : true, behavior: args.behavior }, h(GetNotifications, { notifications: notifications })), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 max-mobile:grid-cols-1 max-w-screen-desktop" }, Array(18)
+        .fill(null)
+        .map((_item, index) => {
+        return (h("div", { class: "grid gap-25", key: index }, h("mds-text", { typography: "h5", tag: "h2" }, "This is a section title"), h("mds-text", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus iure, ratione beatae quam optio cumque rerum modi consectetur odit eligendi omnis veniam fuga non ipsam voluptatum a ut neque illum.")));
+    })))));
 };
 const TemplateAddNotifications = () => {
     const [items, setItem] = useState(0);
-    return h("div", null, h("mds-button", { onClick: () => setItem(items + 1) }, "Add notifications"), h("mds-push-notification", null, Array.from(Array(items).keys()).map((_item, index) => h(PushNotificationElement, { index: index }))));
+    return (h("div", null, h("mds-button", { onClick: () => setItem(items + 1) }, "Add notifications"), h("mds-push-notification", null, Array.from(Array(items).keys()).map((_item, index) => (h(PushNotificationElement, { index: index }))))));
 };
 const TemplateAddMultipleNotifications = args => {
     const [items, setItem] = useState(0);
     const addItems = () => {
         setItem(items + 3);
     };
-    return h("div", null, h("mds-button", { onClick: addItems.bind(this) }, "Carica notifiche..."), h("mds-push-notification", Object.assign({}, args), h("mds-button", { slot: "top", variant: "dark", onClick: addItems.bind(this) }, "Carica notifiche..."), Array.from(Array(items).keys()).map((_item, index) => h(PushNotificationElement, { index: index })), h("mds-button", { slot: "bottom", variant: "dark" }, "Cancella notifiche")));
+    return (h("div", null, h("mds-button", { onClick: addItems.bind(this) }, "Carica notifiche..."), h("mds-push-notification", Object.assign({}, args), h("mds-button", { slot: "top", variant: "dark", onClick: addItems.bind(this) }, "Carica notifiche..."), Array.from(Array(items).keys()).map((_item, index) => (h(PushNotificationElement, { index: index }))), h("mds-button", { slot: "bottom", variant: "dark" }, "Cancella notifiche"))));
 };
-export const Default = Template.bind({});
-export const AddNotifications = TemplateAddNotifications.bind({});
-AddNotifications.args = {
-    visible: true,
+export const Default = {
+    render: Template,
 };
-export const AddMultipleNotifications = TemplateAddMultipleNotifications.bind({});
-AddMultipleNotifications.args = {
-    visible: true,
+export const AddNotifications = {
+    render: TemplateAddNotifications,
+    args: {
+        visible: true,
+    },
+};
+export const AddMultipleNotifications = {
+    render: TemplateAddMultipleNotifications,
+    args: {
+        visible: true,
+    },
 };
 export const ManualNotification = Template.bind({}, { behavior: 'manual' });

package/dist/collection/dictionary/button.js

@@ -42,6 +42,10 @@ const buttonSizeDictionary = [
     'lg',
     'xl',
 ];
+const tabSizeDictionary = [
+    'sm',
+    'md',
+];
 const buttonIconPositionDictionary = [
     'left',
     'right',
@@ -51,4 +55,4 @@ const buttonTypeDictionary = [
     'submit',
     'reset',
 ];
-export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };

package/dist/collection/dictionary/icon.js

@@ -1,5 +1,5 @@
 import jsonIconsDictionary from "../fixtures/icons.json";
-import jsonMggIconsDictionary from "../fixtures/iconsauce.json";
+import jsonMggIconsDictionary from "@maggioli-design-system/svg-icons/dist/iconsauce.json";
 const iconsDictionary = jsonIconsDictionary;
 const mggIconsDictionary = jsonMggIconsDictionary;
 const svgIconsDictionary = [

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-23T15:01:25",
+  "timestamp": "2026-01-16T15:19:56",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/stats.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-06-23T15:01:25",
+  "timestamp": "2026-01-16T15:19:56",
   "compiler": {
     "name": "node",
-    "version": "22.11.0"
+    "version": "22.15.0"
   },
   "app": {
     "namespace": "MdsPushNotification",
@@ -804,8 +804,7 @@
     "./src/dictionary/file-extensions.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json",
-      "./src/fixtures/iconsauce.json"
+      "./src/fixtures/icons.json"
     ],
     "./src/dictionary/input.ts": [],
     "./src/dictionary/keyboard.ts": [],

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

@@ -1,4 +1,5 @@
 declare const hasSlottedElements: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlottedNodes: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlotted: (el: HTMLElement, name?: string) => boolean;
-export { hasSlottedElements, hasSlottedNodes, hasSlotted, };
+declare const hasSlottedContent: (el: HTMLElement, name?: string) => boolean;
+export { hasSlottedElements, hasSlottedNodes, hasSlottedContent, hasSlotted, };

package/dist/types/components/mds-push-notification/test/mds-push-notification.stories.d.ts

@@ -10,7 +10,19 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const AddNotifications: any;
-export declare const AddMultipleNotifications: any;
+export declare const Default: {
+    render: (args: any) => any;
+};
+export declare const AddNotifications: {
+    render: () => any;
+    args: {
+        visible: boolean;
+    };
+};
+export declare const AddMultipleNotifications: {
+    render: (args: any) => any;
+    args: {
+        visible: boolean;
+    };
+};
 export declare const ManualNotification: any;

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

@@ -4,6 +4,7 @@ declare const buttonToneVariantDictionary: string[];
 declare const buttonToneMinimalVariantDictionary: string[];
 declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
+declare const tabSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
 declare const buttonTypeDictionary: string[];
-export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
+export { buttonDropdownVariantDictionary, buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneMinimalVariantDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, tabSizeDictionary, };

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

@@ -1,4 +1,4 @@
-declare const iconsDictionary: string[];
+declare const iconsDictionary: any;
 declare const mggIconsDictionary: string[];
 declare const svgIconsDictionary: string[];
 export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

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

@@ -1,6 +1,7 @@
 export type ButtonType = 'a' | 'button' | 'reset' | 'submit';
 export type ButtonTargetType = 'self' | 'blank';
 export type ButtonSizeType = 'sm' | 'md' | 'lg' | 'xl';
+export type TabSizeType = 'sm' | 'md';
 export type ButtonIconPositionType = 'left' | 'right';
 export type ButtonVariantType = 'ai' | 'apple' | 'dark' | 'error' | 'google' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';
 export type ButtonDropdownVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'secondary' | 'success' | 'warning';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-23T13:28:32",
+  "timestamp": "2026-01-16T12:28:24",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -425,7 +425,7 @@
       "path": "src/type/variant.ts"
     },
     "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
-      "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
+      "declaration": "interface MdsChipEvent {\n  event: Event\n  selected?: boolean\n  element: HTMLMdsChipElement\n}",
       "docstring": "",
       "path": "src/components/mds-chip/meta/interface.ts"
     },
@@ -679,6 +679,11 @@
       "docstring": "",
       "path": "src/components/mds-policy-ai/meta/types.ts"
     },
+    "src/type/button.ts::TabSizeType": {
+      "declaration": "export type TabSizeType =\n  | 'sm'\n  | 'md'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
     "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
       "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
       "docstring": "",
@@ -759,6 +764,11 @@
       "docstring": "",
       "path": "src/components/mds-radial-menu/meta/types.ts"
     },
+    "src/components.d.ts::ModalOverflowType": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/components.d.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -769,6 +779,11 @@
       "docstring": "",
       "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
     },
+    "src/components/mds-tab/meta/type.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-tab/meta/type.ts"
+    },
     "src/type/animation.ts::HorizontalActionsAnimationType": {
       "declaration": "export type HorizontalActionsAnimationType =\n  | 'fade'\n  | 'slide'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-push-notification",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "description": "mds-push-notification is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,7 +24,7 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-push-notification-item": "1.2.0",
+    "@maggioli-design-system/mds-push-notification-item": "1.2.2",
     "@maggioli-design-system/styles": "15.11.0",
     "@stencil/core": "4.27.2",
     "clsx": "2.1.0"

package/src/common/locale.ts

@@ -41,15 +41,17 @@ export class Locale {
 
   update = (doc?: Document | ShadowRoot): void => {
     const context = doc ?? this.element.shadowRoot
-    context && context.querySelectorAll('*').forEach(el => {
-      if (el.tagName.toLowerCase().startsWith('mds-')) {
-        // eslint-disable-next-line no-restricted-syntax
-        if (el && 'updateLang' in el) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (el as any).updateLang()
+    if (context) {
+      context.querySelectorAll('*').forEach(el => {
+        if (el.tagName.toLowerCase().startsWith('mds-')) {
+          // eslint-disable-next-line no-restricted-syntax
+          if (el && 'updateLang' in el) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (el as any).updateLang()
+          }
         }
-      }
-    })
+      })
+    }
   }
 
   private pluralize = (tag: string | string[], context: Record<string, string | number | boolean>): string => {

package/src/common/slot.ts

@@ -28,8 +28,20 @@ const hasSlotted = (el: HTMLElement, name?: string): boolean => {
   return false
 }
 
+const hasSlottedContent = (el: HTMLElement, name?: string): boolean => {
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+  const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
+  if (!slot) return false
+
+  const assignedNodes = slot.assignedNodes({ flatten: true })
+  return assignedNodes.some(node =>
+    node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '',
+  )
+}
+
 export {
   hasSlottedElements,
   hasSlottedNodes,
+  hasSlottedContent,
   hasSlotted,
 }