@maggioli-design-system/mds-modal 5.2.1 → 5.3.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-20T08:54:03",
+  "timestamp": "2025-02-06T08:26:43",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,16 +9,17 @@
     "fsNamespace": "mds-modal",
     "components": 1,
     "entries": 1,
-    "bundles": 97,
+    "bundles": 100,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 49,
+        "files": 52,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
           "./dist/collection/common/device.js",
           "./dist/collection/common/file.js",
+          "./dist/collection/common/floating-controller.js",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/locale.js",
@@ -45,6 +46,7 @@
           "./dist/collection/dictionary/input.js",
           "./dist/collection/dictionary/loading.js",
           "./dist/collection/dictionary/text.js",
+          "./dist/collection/dictionary/tree.js",
           "./dist/collection/dictionary/typography.js",
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
@@ -61,6 +63,7 @@
           "./dist/collection/type/loading.js",
           "./dist/collection/type/preference.js",
           "./dist/collection/type/text.js",
+          "./dist/collection/type/tree.js",
           "./dist/collection/type/typography.js",
           "./dist/collection/type/variant-file-format.js",
           "./dist/collection/type/variant.js"
@@ -81,19 +84,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-7b5471f5.js",
+          "./dist/cjs/index-6f236cfa.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-modal.cjs.entry.js",
           "./dist/cjs/mds-modal.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-1c34ac95.js",
+          "./dist/esm-es5/index-f8d2dee4.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-modal.entry.js",
           "./dist/esm-es5/mds-modal.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-1c34ac95.js",
+          "./dist/esm/index-f8d2dee4.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-modal.entry.js",
@@ -103,25 +106,25 @@
           "./dist/mds-modal/index.esm.js",
           "./dist/mds-modal/mds-modal.esm.js",
           "./dist/mds-modal/mds-modal.js",
-          "./dist/mds-modal/p-08a99956.entry.js",
-          "./dist/mds-modal/p-0d78ea55.system.entry.js",
-          "./dist/mds-modal/p-0ed6e0c8.js",
-          "./dist/mds-modal/p-423dac35.system.js",
+          "./dist/mds-modal/p-413a00c5.entry.js",
           "./dist/mds-modal/p-50ea2036.system.js",
           "./dist/mds-modal/p-56ba5cbf.system.js",
-          "./dist/mds-modal/p-67c6f337.system.js",
+          "./dist/mds-modal/p-96958acc.system.entry.js",
+          "./dist/mds-modal/p-bc1fa4e4.system.js",
+          "./dist/mds-modal/p-c6899cb0.system.js",
           "./dist/mds-modal/p-e1255160.js",
+          "./dist/mds-modal/p-ee90f86a.js",
           "./www/build/index.esm.js",
           "./www/build/mds-modal.esm.js",
           "./www/build/mds-modal.js",
-          "./www/build/p-08a99956.entry.js",
-          "./www/build/p-0d78ea55.system.entry.js",
-          "./www/build/p-0ed6e0c8.js",
-          "./www/build/p-423dac35.system.js",
+          "./www/build/p-413a00c5.entry.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-67c6f337.system.js",
-          "./www/build/p-e1255160.js"
+          "./www/build/p-96958acc.system.entry.js",
+          "./www/build/p-bc1fa4e4.system.js",
+          "./www/build/p-c6899cb0.system.js",
+          "./www/build/p-e1255160.js",
+          "./www/build/p-ee90f86a.js"
         ]
       },
       {
@@ -154,12 +157,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-08a99956",
-        "fileName": "p-08a99956.entry.js",
+        "bundleId": "p-413a00c5",
+        "fileName": "p-413a00c5.entry.js",
         "imports": [
-          "p-0ed6e0c8.js"
+          "p-ee90f86a.js"
         ],
-        "originalByteSize": 20016
+        "originalByteSize": 20268
       }
     ],
     "esm": [
@@ -171,9 +174,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-1c34ac95.js"
+          "index-f8d2dee4.js"
         ],
-        "originalByteSize": 20020
+        "originalByteSize": 20272
       }
     ],
     "es5": [
@@ -185,9 +188,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-1c34ac95.js"
+          "index-f8d2dee4.js"
         ],
-        "originalByteSize": 20020
+        "originalByteSize": 20272
       }
     ],
     "system": [
@@ -196,12 +199,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-0d78ea55.system",
-        "fileName": "p-0d78ea55.system.entry.js",
+        "bundleId": "p-96958acc.system",
+        "fileName": "p-96958acc.system.entry.js",
         "imports": [
-          "p-423dac35.system.js"
+          "p-bc1fa4e4.system.js"
         ],
-        "originalByteSize": 21559
+        "originalByteSize": 21919
       }
     ],
     "commonjs": [
@@ -213,9 +216,9 @@
         "bundleId": "mds-modal.cjs",
         "fileName": "mds-modal.cjs.entry.js",
         "imports": [
-          "index-7b5471f5.js"
+          "index-6f236cfa.js"
         ],
-        "originalByteSize": 20103
+        "originalByteSize": 20355
       }
     ]
   },
@@ -330,7 +333,9 @@
             "tags": [],
             "text": "Specifies if the modal is opened or not"
           },
-          "internal": false
+          "internal": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "position",
@@ -356,7 +361,9 @@
             "tags": [],
             "text": "Specifies the animation position of the modal window"
           },
-          "internal": false
+          "internal": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "animating",
@@ -382,7 +389,9 @@
             "tags": [],
             "text": "Specifies if the component is animating itself or not"
           },
-          "internal": false
+          "internal": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "shadowDelegatesFocus": false,
@@ -421,7 +430,9 @@
                 "tags": [],
                 "text": "Specifies if the modal is opened or not"
               },
-              "internal": false
+              "internal": false,
+              "getter": false,
+              "setter": false
             },
             {
               "name": "position",
@@ -447,7 +458,9 @@
                 "tags": [],
                 "text": "Specifies the animation position of the modal window"
               },
-              "internal": false
+              "internal": false,
+              "getter": false,
+              "setter": false
             },
             {
               "name": "animating",
@@ -473,7 +486,9 @@
                 "tags": [],
                 "text": "Specifies if the component is animating itself or not"
               },
-              "internal": false
+              "internal": false,
+              "getter": false,
+              "setter": false
             }
           ],
           "virtualProperties": [],
@@ -657,6 +672,7 @@
           "hasMember": true,
           "hasMethod": false,
           "hasMode": false,
+          "hasModernPropertyDecls": false,
           "hasAttribute": true,
           "hasProp": true,
           "hasPropNumber": false,
@@ -715,7 +731,7 @@
   ],
   "componentGraph": {
     "sc-mds-modal": [
-      "p-0ed6e0c8.js"
+      "p-ee90f86a.js"
     ]
   },
   "sourceGraph": {
@@ -723,6 +739,10 @@
     "./src/common/date.ts": [],
     "./src/common/device.ts": [],
     "./src/common/file.ts": [],
+    "./src/common/floating-controller.ts": [
+      "./src/common/aria",
+      "./src/common/unit"
+    ],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/locale.ts": [],
@@ -763,6 +783,7 @@
     "./src/dictionary/input.ts": [],
     "./src/dictionary/loading.ts": [],
     "./src/dictionary/text.ts": [],
+    "./src/dictionary/tree.ts": [],
     "./src/dictionary/typography.ts": [],
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
@@ -779,6 +800,7 @@
     "./src/type/loading.ts": [],
     "./src/type/preference.ts": [],
     "./src/type/text.ts": [],
+    "./src/type/tree.ts": [],
     "./src/type/typography.ts": [],
     "./src/type/variant-file-format.ts": [],
     "./src/type/variant.ts": []

package/dist/types/common/floating-controller.d.ts

@@ -0,0 +1,46 @@
+import { FloatingUIPlacement, FloatingUIStrategy } from "../type/floating-ui";
+import { HTMLStencilElement } from '../stencil-public-runtime';
+export interface FloatingElement extends PositionOptions {
+    host: HTMLFloatingElement;
+}
+export interface HTMLFloatingElement extends HTMLStencilElement, PositionOptions {
+    visible: boolean;
+}
+export interface PositionOptions {
+    arrow: boolean;
+    arrowPadding: number;
+    autoPlacement: boolean;
+    flip: boolean;
+    offset: number;
+    placement: FloatingUIPlacement;
+    shift: boolean;
+    shiftPadding: number;
+    strategy: FloatingUIStrategy;
+}
+export declare class FloatingController {
+    private _caller;
+    private readonly _host;
+    arrowEl: HTMLElement | undefined;
+    private cleanupAutoUpdate;
+    constructor(host: HTMLFloatingElement, arrowEl?: HTMLElement);
+    updateCaller(target: string): HTMLElement;
+    private readonly arrowInset;
+    private readonly arrowTransform;
+    private readonly arrowTransformOrigin;
+    private readonly calculatePosition;
+    updatePosition(): void;
+    dismiss(): void;
+}
+export declare class Backdrop {
+    private readonly defaultBackdropId;
+    private readonly backdropBackgroundVisible;
+    private readonly backdropBackgroundHidden;
+    private readonly backdropId;
+    private readonly cssBackdropZIndex;
+    private readonly cssBackdropDuration;
+    private backdropEl;
+    private backdropTimer;
+    constructor(backdropId?: string);
+    attachBackdrop(): void;
+    detachBackdrop(): void;
+}

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

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

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

@@ -0,0 +1,4 @@
+declare const treeActionsDictionary: string[];
+declare const treeAppearanceDictionary: string[];
+declare const treeIconDictionary: string[];
+export { treeActionsDictionary, treeAppearanceDictionary, treeIconDictionary, };

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

@@ -0,0 +1,3 @@
+export type TreeAppearance = 'none' | 'depth';
+export type TreeIcon = 'folder' | 'chevron';
+export type TreeActions = 'auto' | 'visible';

package/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-12-19T14:37:09",
+  "timestamp": "2025-02-06T07:52:44",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.2",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -70,7 +70,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "opened",
@@ -92,7 +94,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "position",
@@ -156,7 +160,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -417,6 +423,11 @@
       "docstring": "",
       "path": "src/type/button.ts"
     },
+    "src/type/text.ts::TypographyTruncateType": {
+      "declaration": "export type TypographyTruncateType =\n  | 'all'\n  | 'none'\n  | 'word'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
     "src/type/variant.ts::ChipVariantType": {
       "declaration": "export type ChipVariantType =\n  | 'primary'\n  | 'secondary'\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
       "docstring": "",
@@ -457,11 +468,6 @@
       "docstring": "",
       "path": "src/components/mds-file/meta/event-detail.ts"
     },
-    "src/type/text.ts::TypographyTruncateType": {
-      "declaration": "export type TypographyTruncateType =\n  | 'all'\n  | 'none'\n  | 'word'",
-      "docstring": "",
-      "path": "src/type/text.ts"
-    },
     "src/components/mds-file-preview/meta/event-detail.ts::MdsFilePreviewEventDetail": {
       "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFilePreviewElement\n}",
       "docstring": "",
@@ -782,6 +788,26 @@
       "docstring": "",
       "path": "src/type/typography.ts"
     },
+    "src/type/tree.ts::TreeAppearance": {
+      "declaration": "export type TreeAppearance =\n  | 'none'\n  | 'depth'",
+      "docstring": "",
+      "path": "src/type/tree.ts"
+    },
+    "src/type/tree.ts::TreeIcon": {
+      "declaration": "export type TreeIcon =\n  | 'folder'\n  | 'chevron'",
+      "docstring": "",
+      "path": "src/type/tree.ts"
+    },
+    "src/type/tree.ts::TreeActions": {
+      "declaration": "export type TreeActions =\n  | 'auto'\n  | 'visible'",
+      "docstring": "",
+      "path": "src/type/tree.ts"
+    },
+    "src/components/mds-tree-item/meta/event-detail.ts::MdsTreeItemEventDetail": {
+      "declaration": "export interface MdsTreeItemEventDetail {\n  element: HTMLMdsTreeItemElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-tree-item/meta/event-detail.ts"
+    },
     "src/components/mds-usage/meta/types.ts::UsageType": {
       "declaration": "export type UsageType =\n  | 'do'\n  | 'dont'\n  | 'info'\n  | 'warn'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-modal",
-  "version": "5.2.1",
+  "version": "5.3.0",
   "description": "mds-modal 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,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-button": "6.1.3",
-    "@maggioli-design-system/styles": "15.5.0",
-    "@stencil/core": "4.22.2",
+    "@maggioli-design-system/mds-button": "6.2.0",
+    "@maggioli-design-system/styles": "15.7.0",
+    "@stencil/core": "4.25.1",
     "clsx": "2.1.0"
   },
   "license": "MIT",