@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

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

@@ -6,7 +6,7 @@ import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 import { isSafari } from "../../common/browser";
 /**
- * @slot default - Put `mds-table-cell` element/s.
+ * @slot - Put `mds-table-cell` element/s.
  * @slot action - Put `mds-button` element/s or other kind of actions as aside menu for the single row.
  */
 // TODO [bug, style]: on Safari actions menu is visually broken
@@ -19,6 +19,9 @@ export class MdsTableRow {
             es: localeEs,
             it: localeIt,
         });
+        /**
+         * Specifies whether the row can be selected via a checkbox.
+         */
         this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
@@ -26,6 +29,9 @@ export class MdsTableRow {
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
@@ -50,13 +56,13 @@ export class MdsTableRow {
             this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: '647098c017c85b3b88975a7a98366afbc7140a07', role: "row" }, this.selectable && (h("mds-table-cell", { key: '42fd6b0fa4f38993b6f824c6fb4adabdee05b277', class: "selection-cell" }, h("div", { key: '4aa67fd4526d675c8486335ebea22a7c94b05f88', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'e178eac73e1485a8009248cbcad6d50437c96a3e' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'dd49057349406107e8e9bf5c552c900c78d3a2f4', class: "actions-cell actions-cell--disable" }, h("div", { key: '8ea991e4c62686c5d2e488c59abbc72cf20d47e1', class: "actions" }, h("slot", { key: 'e4c312f1022dfb2ca120edd5749f795472c1af5f', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '16152eed7d5eb29175ed7db0a046802f2357adad', class: "actions-cell" }, h("div", { key: '8e632cad0c708d6a857db3134a6c979be9893ced', class: "actions-sizer", style: {
+        return (h(Host, { key: '58724450caa507036a51436eee917bf1985b6cf8', role: "row" }, this.selectable && (h("mds-table-cell", { key: '6d139569b397b4ed5255d060078a885807dbf67d', class: "selection-cell" }, h("div", { key: '95608e906cf0d53b0750f13669b6882c5f015887', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'aed24d0ced8de37f9f2ccc1afd6b5b2732db995f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'd83c65bd0ed36ad733c1be6ac75ff75d1e500150' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'b22a8f6812a3acd05cb527a0c730c10629ea5fc6', class: "actions-cell actions-cell--disable" }, h("div", { key: 'f5f725888c3f9d16307ac7986a354a304a383aaa', class: "actions" }, h("slot", { key: 'b0b040e230bb68f4260c9bf79a83026cf776ce5d', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '10e5c24237e19f349b1c957bd1bd6e5463f6cfd3', class: "actions-cell" }, h("div", { key: 'e7c2577896533236dc3c5c3eaa78629bc310a45f', class: "actions-sizer", style: {
                 minHeight: '1px',
                 maxWidth: this.sizerWidth,
                 minWidth: this.sizerWidth,
-            } }), h("div", { key: 'b29ad0849a425b0ca8f5257b27efd0f248edb3fa', class: "actions-view" }, h("div", { key: '0fe5795c3d1cac06487fc7a7df06369815ba2b44', class: "actions", ref: (el) => (this.actions = el), style: {
+            } }), h("div", { key: 'eca88ae1d742b799979dc783734dc93b1ac2b680', class: "actions-view" }, h("div", { key: '3feeb73ec5018219549a2271954c8140137b5aad', class: "actions", ref: (el) => (this.actions = el), style: {
                 marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-            } }, h("slot", { key: '02b63534de3cfcfaca02794ec6043218e887d503', name: "action" })))))));
+            } }, h("slot", { key: '2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71', name: "action" })))))));
     }
     static get is() { return "mds-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -84,7 +90,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row reacts to user interaction (hover/focus)."
                 },
                 "getter": false,
                 "setter": false,
@@ -103,7 +109,7 @@ export class MdsTableRow {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row's actions are shown as an overlay."
                 },
                 "getter": false,
                 "setter": false,
@@ -122,7 +128,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row can be selected via a checkbox."
                 },
                 "getter": false,
                 "setter": false,
@@ -142,7 +148,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row is currently selected."
                 },
                 "getter": false,
                 "setter": false,
@@ -161,7 +167,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The value associated with the row, emitted when the row is selected."
                 },
                 "getter": false,
                 "setter": false,
@@ -191,7 +197,7 @@ export class MdsTableRow {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

package/dist/collection/components/mds-text/mds-text.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import { typographyDefaultsVariant } from "./meta/variants";
 import RandomText from "../../common/yugop/index";
 /**
- * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsText {
     constructor() {
@@ -60,15 +60,15 @@ export class MdsText {
         if (this.animation === 'none') {
             return;
         }
-        if (this.randomText) {
+        if (this.randomText != null) {
             this.randomText.stop();
         }
-        if (newValue) {
+        if (newValue !== undefined && newValue !== '') {
             this.animateText(newValue);
         }
     }
     render() {
-        return (h(Host, { key: 'a17218098b9bd86f05c2dd6940fababb6e4394f5' }, h(this.tag, { key: 'b0ca477f6dee2adf72652e9327dab5f715419080', class: "text" }, !this.text ? h("slot", null) : this.text)));
+        return (h(Host, { key: 'b6ca00bf5570b74f3d21ef1fac4066cae4c6e555' }, h(this.tag, { key: 'c7fb89120d1fba7a558e6ee13a4c627e2e024a34', class: "text" }, this.text === undefined || this.text === '' ? h("slot", null) : this.text)));
     }
     static get is() { return "mds-text"; }
     static get encapsulation() { return "shadow"; }
@@ -94,7 +94,8 @@ export class MdsText {
                         "TextAnimationType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-text/meta/types.ts::TextAnimationType"
+                            "id": "src/components/mds-text/meta/types.ts::TextAnimationType",
+                            "referenceLocation": "TextAnimationType"
                         }
                     }
                 },
@@ -115,12 +116,13 @@ export class MdsText {
                 "mutable": true,
                 "complexType": {
                     "original": "TypographyTagType",
-                    "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"label\" | \"code\" | \"strong\" | \"abbr\" | \"address\" | \"article\" | \"b\" | \"bdo\" | \"blockquote\" | \"cite\" | \"dd\" | \"del\" | \"details\" | \"dfn\" | \"div\" | \"dl\" | \"dt\" | \"em\" | \"figcaption\" | \"i\" | \"ins\" | \"kbd\" | \"legend\" | \"li\" | \"mark\" | \"ol\" | \"p\" | \"pre\" | \"q\" | \"rb\" | \"rt\" | \"ruby\" | \"s\" | \"samp\" | \"small\" | \"span\" | \"sub\" | \"summary\" | \"sup\" | \"time\" | \"u\" | \"ul\" | \"var\"",
+                    "resolved": "\"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\"",
                     "references": {
                         "TypographyTagType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyTagType"
+                            "id": "src/type/text.ts::TypographyTagType",
+                            "referenceLocation": "TypographyTagType"
                         }
                     }
                 },
@@ -164,7 +166,8 @@ export class MdsText {
                         "TypographyTruncateType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyTruncateType"
+                            "id": "src/type/text.ts::TypographyTruncateType",
+                            "referenceLocation": "TypographyTruncateType"
                         }
                     }
                 },
@@ -189,7 +192,8 @@ export class MdsText {
                         "TypographyType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyType"
+                            "id": "src/type/typography.ts::TypographyType",
+                            "referenceLocation": "TypographyType"
                         }
                     }
                 },
@@ -215,7 +219,8 @@ export class MdsText {
                         "TypographyVariants": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyVariants"
+                            "id": "src/type/typography.ts::TypographyVariants",
+                            "referenceLocation": "TypographyVariants"
                         }
                     }
                 },

package/dist/collection/components/mds-toast/mds-toast.js

@@ -2,7 +2,7 @@ import { cssDurationToMilliseconds } from "../../common/unit";
 import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
- * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  * @slot icon - Insert an icon image, it can be `HTML elements` or `components`, it is **recommended** to add `mds-icon` element.
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  */
@@ -28,7 +28,7 @@ export class MdsToast {
         this.reloadTimeListeners = (visible) => {
             if (typeof window === 'undefined')
                 return;
-            if (!this.duration) {
+            if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
                 return;
             }
             if (!visible) {
@@ -62,7 +62,7 @@ export class MdsToast {
     componentWillLoad() {
         this.hasText = this.hostElement.innerHTML !== '';
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
-        if (!this.duration) {
+        if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
             return;
         }
         if (this.visible) {
@@ -79,7 +79,7 @@ export class MdsToast {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (h(Host, { key: '07bd21eb409fba3bd390a18915b71142ab101f05' }, h("div", { key: '2d24435a16e9e0fc22104f7cc55c3a410a5031af', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '113929b405b215eabbdfc79171555fd58ddce51f', name: "icon" }), this.hasText && (h("mds-text", { key: 'c3b763b5a0ea335cbf3451332140bcc12a58c9a8', typography: "caption" }, h("slot", { key: 'd86fe90e7aa7f945cf00addc6c7b82dcd32c438c' }))), this.actions && (h("div", { key: '42212943d1d4e563e459fdd9868ae116fe39fdb3', class: "actions" }, h("slot", { key: 'cf302f49b30627afb5d1c6b1278393292de718ba', name: "action" }))))));
+        return (h(Host, { key: 'f862380888df39c981d61fb122c4812c63c5509f' }, h("div", { key: '8e06caaed76364c1c62cea33f1a05b617dd0b0a4', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '2fb9869a252c87b601209a03928add41fccbc976', name: "icon" }), this.hasText && (h("mds-text", { key: '04c0b0e46ae6b486f68b2c8e0c3e6aed59fd7804', typography: "caption" }, h("slot", { key: 'cc1911a261d3040f6dd69b1980d24432f895f7d8' }))), this.actions && (h("div", { key: 'd4c1cebeecbbdfcf68fe41d2a9497c97c4354cc0', class: "actions" }, h("slot", { key: 'db67e0a9556c15885a5857c74286f18a361baa4e', name: "action" }))))));
     }
     static get is() { return "mds-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -144,7 +144,8 @@ export class MdsToast {
                         "ThemeVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeVariantType"
+                            "id": "src/type/variant.ts::ThemeVariantType",
+                            "referenceLocation": "ThemeVariantType"
                         }
                     }
                 },
@@ -170,7 +171,8 @@ export class MdsToast {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -196,7 +198,8 @@ export class MdsToast {
                         "ToastPosition": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-toast/meta/types.ts::ToastPosition"
+                            "id": "src/components/mds-toast/meta/types.ts::ToastPosition",
+                            "referenceLocation": "ToastPosition"
                         }
                     }
                 },

package/dist/collection/components/mds-tooltip/mds-tooltip.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import arrowSvg from "./assets/arrow.svg";
 import { FloatingController } from "../../common/floating-controller";
 /**
- * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsTooltip {
     constructor() {
@@ -88,7 +88,7 @@ export class MdsTooltip {
     }
     targetChanged() {
         var _a;
-        if (!this.target)
+        if (this.target === '')
             return;
         this.caller = (_a = this.floatingController) === null || _a === void 0 ? void 0 : _a.updateCaller(this.target);
         this.caller.addEventListener('mouseleave', this.handleVisibility.bind(this, false));
@@ -104,7 +104,7 @@ export class MdsTooltip {
         this.floatingController.dismiss();
     }
     render() {
-        return (h(Host, { key: 'd59dca4e9f7d244b236258da080e4692aa9b1aaf' }, h("div", { key: '645586e89d4431aa550e4029c1c4a0cd12482616', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: '04afba74c1539e2065b366699d3ba0cd60cd2442', class: "text", typography: this.typography, part: "text" }, h("slot", { key: '14fdf2a3e7eb1758920b48e2a9bc3ecba7727617' }))));
+        return (h(Host, { key: '3e87a5065fb0785a6c108b47b0508a20b2fcf3d0' }, h("div", { key: '224497f15c7616211c3d7a5eede797bb31f1f022', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: '711e915a632bfcacb16dc1a598d6d817520de363', class: "text", typography: this.typography, part: "text" }, h("slot", { key: 'efad82b8107bf54e566a9c631b536219ba264462' }))));
     }
     static get is() { return "mds-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -255,7 +255,8 @@ export class MdsTooltip {
                         "FloatingUIPlacement": {
                             "location": "import",
                             "path": "@type/floating-ui",
-                            "id": "src/type/floating-ui.ts::FloatingUIPlacement"
+                            "id": "src/type/floating-ui.ts::FloatingUIPlacement",
+                            "referenceLocation": "FloatingUIPlacement"
                         }
                     }
                 },
@@ -281,7 +282,8 @@ export class MdsTooltip {
                         "TypographyTooltipType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTooltipType"
+                            "id": "src/type/typography.ts::TypographyTooltipType",
+                            "referenceLocation": "TypographyTooltipType"
                         }
                     }
                 },
@@ -347,7 +349,8 @@ export class MdsTooltip {
                         "FloatingUIStrategy": {
                             "location": "import",
                             "path": "@type/floating-ui",
-                            "id": "src/type/floating-ui.ts::FloatingUIStrategy"
+                            "id": "src/type/floating-ui.ts::FloatingUIStrategy",
+                            "referenceLocation": "FloatingUIStrategy"
                         }
                     }
                 },

package/dist/collection/components/mds-tree/mds-tree.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-tree-item` element/s.
+ * @slot - Add `mds-tree-item` element/s.
  */
 export class MdsTree {
     constructor() {
@@ -66,14 +66,14 @@ export class MdsTree {
         this.updateChildrenTruncate(this.truncate);
         this.updateChildrenToggle(this.toggle);
         const firstLevelElements = this.host.querySelectorAll(':scope > mds-tree-item');
-        if (firstLevelElements) {
+        if (firstLevelElements != null) {
             firstLevelElements.forEach((element) => {
                 element.depth = 0;
             });
         }
     }
     render() {
-        return (h(Host, { key: 'ebef68448b4b4f0d2f1a560477649cbfa344ebd1' }, h("slot", { key: '470af7ca82cce1cacc7acb173f3f480f10cd1d0c', onSlotchange: this.updateElements })));
+        return (h(Host, { key: '8eea9807bbf709cb9c13900003312a3364b2b0ad' }, h("slot", { key: 'f2ad520332f4d634ddcdf9a5c035d1145635d856', onSlotchange: this.updateElements })));
     }
     static get is() { return "mds-tree"; }
     static get encapsulation() { return "shadow"; }
@@ -99,7 +99,8 @@ export class MdsTree {
                         "TreeAppearance": {
                             "location": "import",
                             "path": "@type/tree",
-                            "id": "src/type/tree.ts::TreeAppearance"
+                            "id": "src/type/tree.ts::TreeAppearance",
+                            "referenceLocation": "TreeAppearance"
                         }
                     }
                 },
@@ -163,7 +164,8 @@ export class MdsTree {
                         "TreeIcon": {
                             "location": "import",
                             "path": "@type/tree",
-                            "id": "src/type/tree.ts::TreeIcon"
+                            "id": "src/type/tree.ts::TreeIcon",
+                            "referenceLocation": "TreeIcon"
                         }
                     }
                 },
@@ -189,7 +191,8 @@ export class MdsTree {
                         "ButtonIconPositionType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonIconPositionType"
+                            "id": "src/type/button.ts::ButtonIconPositionType",
+                            "referenceLocation": "ButtonIconPositionType"
                         }
                     }
                 },
@@ -234,7 +237,8 @@ export class MdsTree {
                         "TypographyTruncateType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyTruncateType"
+                            "id": "src/type/text.ts::TypographyTruncateType",
+                            "referenceLocation": "TypographyTruncateType"
                         }
                     }
                 },
@@ -260,7 +264,8 @@ export class MdsTree {
                         "TreeActions": {
                             "location": "import",
                             "path": "@type/tree",
-                            "id": "src/type/tree.ts::TreeActions"
+                            "id": "src/type/tree.ts::TreeActions",
+                            "referenceLocation": "TreeActions"
                         }
                     }
                 },

package/dist/collection/components/mds-tree-item/mds-tree-item.js

@@ -10,7 +10,7 @@ import { Host, h, } from "@stencil/core";
 import { Locale } from "../../common/locale";
 import { cssDurationToMilliseconds } from "../../common/unit";
 /**
- * @slot default - Add `mds-tree-item` element/s.
+ * @slot - Add `mds-tree-item` element/s.
  * @slot action - Add `mds-button`, `mds-icon` or other types component and HTML element/s.
  * @part actions-container - Selects the wrapper of the container of the actions.
  * @part actions-list - Selects the container of the actions.
@@ -61,6 +61,9 @@ export class MdsTreeItem {
             this.cssToggleChildrenDuration = elementStyles.getPropertyValue('--mds-dropdown-backdrop-duration');
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -77,6 +80,9 @@ export class MdsTreeItem {
             this.collapsedEvent.emit({ element: this.host });
         }, cssDurationToMilliseconds(this.cssToggleChildrenDuration));
     }
+    /**
+     * Expands the tree item, revealing its children.
+     */
     async expand() {
         this.expanded = true;
         this.await = false;
@@ -98,7 +104,7 @@ export class MdsTreeItem {
         this.childrenElement.removeEventListener('transitionend', this.checkChildrenTransitionEnd);
     }
     render() {
-        return (h(Host, { key: '4d9742bb5056fe5ec887cf205e59be84af6f7479' }, h("div", { key: '3b2849f13a57e4bb4ba5420717328454321ccc47', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '73f952b5cf6651cbdcd8a751b6b3f39dd575be53', class: "tree-node" }, h("div", { key: '67251d0dab30cf34ed3d45b28d7c86b3e994cc13', class: "tree-branch" }), h("div", { key: 'c4b5caf369bf18603ef6a6ce6d23131c1852acbd', class: "tree-dot" })), h("div", { key: '2105697b07dde1e064b78f3f1cb594adffe03ea4', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("mds-button", { key: 'a0bae2969bbb2ed2bd7922c7896e33ee54546017', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "text", size: "sm" })), h("div", { key: 'af2ff287dc1a92a7f8b6bd88a608f9f43e63e074', class: "title" }, h("mds-button", { key: '3af511793f88b4464bea2d5345f7ff21183c0cc0', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "text", truncate: this.truncate }, this.label), h("div", { key: 'ee94c987325d1ee8f5f1eb93a563ebd1db83447b', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: 'f32d4e90f0dc0cd903790497e560263586ddf266', class: "actions", part: "actions-list" }, h("slot", { key: 'b10a1d5e85ad00ebd0fb1a4abcafd95b8a3d70e4', name: "action" }))))), h("div", { key: '403e6fa954e7f9d5683ed8106a127b47a39fa607', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: '00011292864c1aeeba6bdf216659d03974bcf1e4' }))));
+        return (h(Host, { key: '1968b16ce09355cfd0846a76ca845541a1d4e10b' }, h("div", { key: 'f337a00b3dd1b2c7d4ea524efa2c62ac620e31aa', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '7c3929085de3ec9c2b4183f65fc7234cb5ecefe6', class: "tree-node" }, h("div", { key: '8c9e692bbd1c38dcb425b8f8cd519dbd67b5548f', class: "tree-branch" }), h("div", { key: '88893e48863cf9ad8042cc83bcedd8f6eade0cbf', class: "tree-dot" })), h("div", { key: '2ebab75cddfc0963310c514151dd379c550c6921', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("mds-button", { key: '56aaa210e2541d1c57b443ca5675accb315847c4', await: this.await, onClick: this.onClick, icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "text", size: "sm" })), h("div", { key: '8e028b67775e9b925179efa649de9381cb69c040', class: "title" }, h("mds-button", { key: '2d74fbe69bae7efab8e8abcde95618b7fee8846f', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick, variant: "dark", tone: "text", truncate: this.truncate }, this.label), h("div", { key: '08f7872ed1464643a2c5d7a22752effe4b6dcf47', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: '3411e6321ac1fe58b03896b447dd7d48d7ca11b6', class: "actions", part: "actions-list" }, h("slot", { key: 'fe8f7cceba502abf3becfa8b2434d0bd1ea52bff', name: "action" }))))), h("div", { key: '74192610dccb1db384c083e0ddc61a980b9878c5', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: '098eb659d7e49634b756779911d9390ab5f109f0' }))));
     }
     static get is() { return "mds-tree-item"; }
     static get encapsulation() { return "shadow"; }
@@ -124,7 +130,8 @@ export class MdsTreeItem {
                         "TreeActions": {
                             "location": "import",
                             "path": "@type/tree",
-                            "id": "src/type/tree.ts::TreeActions"
+                            "id": "src/type/tree.ts::TreeActions",
+                            "referenceLocation": "TreeActions"
                         }
                     }
                 },
@@ -170,7 +177,7 @@ export class MdsTreeItem {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies the tree branch depth. Internal: used by CSS to remove branch lines on first-level elements."
                 },
                 "getter": false,
                 "setter": false,
@@ -206,7 +213,8 @@ export class MdsTreeItem {
                         "TreeIcon": {
                             "location": "import",
                             "path": "@type/tree",
-                            "id": "src/type/tree.ts::TreeIcon"
+                            "id": "src/type/tree.ts::TreeIcon",
+                            "referenceLocation": "TreeIcon"
                         }
                     }
                 },
@@ -250,7 +258,8 @@ export class MdsTreeItem {
                         "TypographyTruncateType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyTruncateType"
+                            "id": "src/type/text.ts::TypographyTruncateType",
+                            "referenceLocation": "TypographyTruncateType"
                         }
                     }
                 },
@@ -314,7 +323,8 @@ export class MdsTreeItem {
                         "MdsTreeItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tree-item/meta/event-detail.ts::MdsTreeItemEventDetail"
+                            "id": "src/components/mds-tree-item/meta/event-detail.ts::MdsTreeItemEventDetail",
+                            "referenceLocation": "MdsTreeItemEventDetail"
                         }
                     }
                 }
@@ -335,7 +345,8 @@ export class MdsTreeItem {
                         "MdsTreeItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tree-item/meta/event-detail.ts::MdsTreeItemEventDetail"
+                            "id": "src/components/mds-tree-item/meta/event-detail.ts::MdsTreeItemEventDetail",
+                            "referenceLocation": "MdsTreeItemEventDetail"
                         }
                     }
                 }
@@ -356,7 +367,7 @@ export class MdsTreeItem {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             },
@@ -373,7 +384,7 @@ export class MdsTreeItem {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Expands the tree item, revealing its children.",
                     "tags": []
                 }
             }

package/dist/collection/components/mds-url-view/mds-url-view.js

@@ -30,10 +30,10 @@ export class MdsUrlView {
             this.closeEvent.emit();
             (_a = this.host.closest('mds-modal')) === null || _a === void 0 ? void 0 : _a.close();
         };
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -46,9 +46,12 @@ export class MdsUrlView {
         this.km.addElement(close);
         this.km.attachClickBehavior();
     }
+    disconnectedCallback() {
+        this.km.detachClickBehavior();
+    }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'db3646514778edd26539244016b06b39f6c0ab7f', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: 'f747eb49ed04e2f0992091ecc927e5315806d2d7', class: "window" }, h("div", { key: '965b87ea11809a8e47f3a90a05520635a81753ab', class: "header" }, h("mds-icon", { key: '29e0996b81341d5d19dad1930b918a45b3e98dc0', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: '554c30e335f9b982036f9de2adef429d78a6e4ba', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: 'ce209ba666d12b97734211f1f8431b168e72d2c6', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "text", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '29cd963366d5407e922f79c9a5afc83183b93715', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src, loading: this.loading }))));
+        return (h(Host, { key: '7cdaedfa3a5f6852a33e04c376df2a46dd5f28a4', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: '2d63ebc6278c37d8a3e6911b6a4606a7f33f6c2e', class: "window" }, h("div", { key: '3ea3657d096bfe1d921eb7853492c4d6ffe36924', class: "header" }, h("mds-icon", { key: 'd8a653fd83cc24550f43a8399c52b244757f02f3', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: 'a39bbe9a04eeeb401aaae6ea2f843cfb2643f969', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: '8f86fd7f760d6b5f70ade98e413010945f30e7e0', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "text", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '92ef7219b3d9e5f6b5250714fc5ed31ed871a0a3', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src, loading: this.loading }))));
     }
     static get is() { return "mds-url-view"; }
     static get encapsulation() { return "shadow"; }
@@ -131,7 +134,8 @@ export class MdsUrlView {
                         "LoadingType": {
                             "location": "import",
                             "path": "@type/loading",
-                            "id": "src/type/loading.ts::LoadingType"
+                            "id": "src/type/loading.ts::LoadingType",
+                            "referenceLocation": "LoadingType"
                         }
                     }
                 },
@@ -187,7 +191,7 @@ export class MdsUrlView {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

package/dist/collection/components/mds-usage/mds-usage.js

@@ -5,7 +5,7 @@ import localeEn from "./meta/locale.en.json";
 import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsUsage {
     constructor() {
@@ -20,12 +20,15 @@ export class MdsUsage {
          */
         this.variant = 'info';
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
     render() {
         var _a;
-        return (h(Host, { key: '448aa090854adc543ebd50653234aae486f21037' }, h("div", { key: 'be4057f81c86c7accb98a003733af802da34b454', class: "header", part: "header" }, h("mds-icon", { key: 'c0264f5e80cf4ef8922f62935592138f0d6de0e9', name: "mi/baseline/info", part: "icon" }), h("mds-text", { key: 'a30fa64ebb19c2b0187d664b153ee35dae409293', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), h("div", { key: '1d0421d1ec8d2cae52c527db24f4bd30a25bb571', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: '80c342f0def0b79695703512c70ecf71da61ab3e' }))));
+        return (h(Host, { key: '3fe417cf16225feff6971a19f708d4bbbe465468' }, h("div", { key: '42921cba1e51f1329990ff410ca9b1998479b90a', class: "header", part: "header" }, h("mds-icon", { key: '1ef5b13324f37b16812c92d1137cde5674a577ae', name: "mi/baseline/info", part: "icon" }), h("mds-text", { key: '554fd00006ffba474cd89a944672181f9434c371', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), h("div", { key: 'cbfb026591913fbee7cb49e31f668ffd03b0051f', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: 'b6922898d370e5ae96bf05c85593428e8ad2f278' }))));
     }
     static get is() { return "mds-usage"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +54,8 @@ export class MdsUsage {
                         "UsageType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-usage/meta/types.ts::UsageType"
+                            "id": "src/components/mds-usage/meta/types.ts::UsageType",
+                            "referenceLocation": "UsageType"
                         }
                     }
                 },
@@ -108,7 +112,7 @@ export class MdsUsage {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }