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

package/dist/collection/components/mds-price-table-header/mds-price-table-header.js

@@ -1,7 +1,10 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
+ */
 export class MdsPriceTableHeader {
     render() {
-        return (h(Host, { key: '42fabeb365252635792adb6b5f28ba16f6ebe9e3' }, h("slot", { key: '1f2726a1e4df0605cb2e5d635f37193834408d47' })));
+        return (h(Host, { key: 'b882376c905d6e22fddcc441877d7b2ffd2eda12' }, h("slot", { key: 'cc100d18a2026ea3223fefb6207969e8e2ac46ab' })));
     }
     static get is() { return "mds-price-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-list/mds-price-table-list.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  * @part footer - Selects the element which wraps elements added via `slot="price"` and `slot="action"`
  * @part header - Selects the element which wraps elements added via `slot="header"`
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
- * @slot default - Add `mds-price-table-list-item` component, `HTML elements` or other `components` to this slot.
+ * @slot item - Add `mds-price-table-list-item` component, `HTML elements` or other `components` to this slot.
  * @slot header - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot price - Add `text string`, `HTML elements` or `components` to this slot.
  */
@@ -14,7 +14,7 @@ export class MdsPriceTableList {
             this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (h(Host, { key: '9839e2822db4193a8deb66c594a425786a535d1f' }, h("div", { key: '58507843f8e7eae61e26eafaeb99f01c77480ed1', class: "header", part: "header" }, h("slot", { key: '5f7541028888ada10f64725d1ecf0ebb5e4d9832', name: "header" })), this.hasItems && h("mds-separator", { key: '566ca8c9ba02b76f47f3bfcaa0100449b07e6146', class: "separator" }), this.hasItems && (h("main", { key: '0f03d7c886ce609ee8efa658408ba2c53e38015b', class: "main", part: "content" }, h("slot", { key: '1044b8d53d3234bcd10dd9cd912c4574c0d3436a', name: "item" }))), h("div", { key: '4f5ace1034982ee7f4d8942819a987439ba36509', class: "footer", part: "footer" }, h("slot", { key: 'a8f206d356219f57376bd341c7447497a6e88c52', name: "price" }), h("slot", { key: 'c9ed7291e71ee29a1c0a7542fb79065934523ec0', name: "action" }))));
+        return (h(Host, { key: 'bb6d784c26371390055494e96fb4194f6525113f' }, h("div", { key: '4158b4739e07535d56db97ff286f6c6339da5f76', class: "header", part: "header" }, h("slot", { key: 'bccecac7c5f63db407b2658e6a9d5ef1eb2f5468', name: "header" })), this.hasItems && h("mds-separator", { key: '2822bfea0edcf58ea26f5ac8f3b2c4f0751f0318', class: "separator" }), this.hasItems && (h("main", { key: '32c5d76670faf634a9d386a78e2e201c16b270b2', class: "main", part: "content" }, h("slot", { key: 'd3c61f5f594a1e4e323e86ecded79587deb875ae', name: "item" }))), h("div", { key: '422d6ac5f00182b404b32fd7adf7bf9214e5bedd', class: "footer", part: "footer" }, h("slot", { key: '74fdaaf493a48a6251f4ca7d38abea6e560d201b', name: "price" }), h("slot", { key: 'eff0dfa6116d33f667f342ccd79b9bff13364511', name: "action" }))));
     }
     static get is() { return "mds-price-table-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-list-item/mds-price-table-list-item.js

@@ -1,6 +1,9 @@
 import { Host, h } from "@stencil/core";
 import miBaselineCheckCircle from "@icon/mi/baseline/check-circle.svg";
 import miBaselineHorizontalRule from "@icon/mi/baseline/horizontal-rule.svg";
+/**
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
+ */
 export class MdsPriceTableListItem {
     constructor() {
         /**
@@ -13,7 +16,7 @@ export class MdsPriceTableListItem {
         this.typography = 'detail';
     }
     render() {
-        return (h(Host, { key: '90b909850952b68e79aecf6222ca9eb2e0d32a3f', slot: "item" }, h("mds-text", { key: '16c8618310b452ac9f478036605655139eec1513', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: '5cc3f23b819caebb5b5c25401da75dbc9b023659', class: "text", typography: this.typography }, h("slot", { key: 'd824314eb2e3e056b2924a159ffa85152ebbf9e4' }))));
+        return (h(Host, { key: '10cdc06ed8d528e21a4d5c9d40752e61e5a670a0', slot: "item" }, h("mds-text", { key: '93487f55363206856aa655044df9b4190b486a77', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: '8e91a53122918c3629d7d2db466f66e8f0a2d838', class: "text", typography: this.typography }, h("slot", { key: '9d6d6071ca509914c1b6f467b6cda11d4eb51fec' }))));
     }
     static get is() { return "mds-price-table-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -59,7 +62,8 @@ export class MdsPriceTableListItem {
                         "TypographyReadType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyReadType"
+                            "id": "src/type/typography.ts::TypographyReadType",
+                            "referenceLocation": "TypographyReadType"
                         }
                     }
                 },

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

@@ -46,7 +46,7 @@ export class MdsProgress {
         ]);
     }
     setProgress(progress) {
-        if (this.steps) {
+        if (this.steps !== '') {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
             if (!ifAttribute(this.element, 'aria-hidden')) {
                 this.element.setAttribute('aria-valuetext', this.currentStep);
@@ -60,7 +60,7 @@ export class MdsProgress {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (h(Host, { key: 'b515b4bc8d9bb3e124374ad1adc90a50016c1434', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '55ba8cb650c555ca15fd05464edfed54eb419787', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } }))));
     }
@@ -108,7 +108,8 @@ export class MdsProgress {
                         "DirectionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-progress/meta/types.ts::DirectionType"
+                            "id": "src/components/mds-progress/meta/types.ts::DirectionType",
+                            "referenceLocation": "DirectionType"
                         }
                     }
                 },
@@ -134,7 +135,8 @@ export class MdsProgress {
                         "ThemeVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeVariantType"
+                            "id": "src/type/variant.ts::ThemeVariantType",
+                            "referenceLocation": "ThemeVariantType"
                         }
                     }
                 },
@@ -160,7 +162,8 @@ export class MdsProgress {
                         "TypographyTechnicalType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTechnicalType"
+                            "id": "src/type/typography.ts::TypographyTechnicalType",
+                            "referenceLocation": "TypographyTechnicalType"
                         }
                     }
                 },
@@ -186,7 +189,8 @@ export class MdsProgress {
                         "ProgressBarSizeType": {
                             "location": "import",
                             "path": "@type/progress",
-                            "id": "src/type/progress.ts::ProgressBarSizeType"
+                            "id": "src/type/progress.ts::ProgressBarSizeType",
+                            "referenceLocation": "ProgressBarSizeType"
                         }
                     }
                 },

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

@@ -2,9 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { cssDurationToMilliseconds, cssSizeToNumber } from "../../common/unit";
 /**
  * @part notifications - The container wrapper of the notifications.
- * @slot top - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
- * @slot bottom - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
- * @slot default - Add `HTML elements` or `components`, it is **recommended** to use `mds-push-notification` element.
+ * @slot - Add `HTML elements` or `components`, it is **recommended** to use `mds-push-notification` element.
  */
 export class MdsPushNotification {
     constructor() {
@@ -79,7 +77,7 @@ export class MdsPushNotification {
             const elements = this.slotNotifications
                 .assignedElements()
                 .map((e) => e)
-                .filter((e) => !e.style.visibility);
+                .filter((e) => e.style.visibility === '');
             if (elements.length === 0)
                 return;
             elements.forEach(async (e) => {
@@ -99,19 +97,29 @@ export class MdsPushNotification {
             this.cssItemsOutroDuration =
                 (_c = elementStyles.getPropertyValue('--mds-push-notification-items-outro-delay')) !== null && _c !== void 0 ? _c : '0ms';
         };
+        this.clear = () => {
+            this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
+            this.hide();
+        };
     }
-    clear() {
-        this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
-        this.hide();
-    }
+    /**
+     * Shows the notification container.
+     */
     show() {
         this.visible = true;
         return Promise.resolve();
     }
+    /**
+     * Hides the notification container.
+     */
     hide() {
         this.visible = undefined;
         return Promise.resolve();
     }
+    /**
+     * Removes the given notification item(s) from the stack.
+     * @param notification the notification item or items to remove
+     */
     removeNotification(notification) {
         if (Array.isArray(notification)) {
             notification.forEach(this.outroItem);
@@ -140,7 +148,7 @@ export class MdsPushNotification {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '018cec5fec78b7abed252a3acc8a13352f534306' }, h("mds-button", { key: 'c96d02897f1fed58ae9d6252d9e53f8023d2c14a', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), h("div", { key: 'aabdf019411f23c91a3352ab9bc1a9c8aa02df9e', class: "notifications", part: "notifications" }, h("slot", { key: '52e483e93b453f8f860eaba64f4a2223a2eceb38', ref: (el) => (this.slotNotifications = el) }))));
+        return (h(Host, { key: 'd115a147fe975c346f325931e496bc5a725faca2' }, h("mds-button", { key: 'b9155d4e0666827ff1745da75db1595b2b2530aa', variant: "dark", onClick: this.clear }, "Cancella notifiche"), h("div", { key: '3d73cddf9bc67c9c4c7e68486c7091cd12979b0c', class: "notifications", part: "notifications" }, h("slot", { key: '1a46c225c799b00f02f6e0e44da4a8c490cc6268', ref: (el) => (this.slotNotifications = el) }))));
     }
     static get is() { return "mds-push-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -215,7 +223,8 @@ export class MdsPushNotification {
                         "MdsPushNotificationEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail"
+                            "id": "src/components/mds-push-notification/meta/event-detail.ts::MdsPushNotificationEventDetail",
+                            "referenceLocation": "MdsPushNotificationEventDetail"
                         }
                     }
                 }
@@ -266,7 +275,7 @@ export class MdsPushNotification {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Shows the notification container.",
                     "tags": []
                 }
             },
@@ -283,7 +292,7 @@ export class MdsPushNotification {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Hides the notification container.",
                     "tags": []
                 }
             },
@@ -293,7 +302,7 @@ export class MdsPushNotification {
                     "parameters": [{
                             "name": "notification",
                             "type": "HTMLMdsPushNotificationItemElement | HTMLMdsPushNotificationItemElement[]",
-                            "docs": ""
+                            "docs": "the notification item or items to remove"
                         }],
                     "references": {
                         "Promise": {
@@ -308,8 +317,11 @@ export class MdsPushNotification {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
-                    "tags": []
+                    "text": "Removes the given notification item(s) from the stack.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "notification the notification item or items to remove"
+                        }]
                 }
             }
         };

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

@@ -50,6 +50,9 @@ export class MdsPushNotificationItem {
             this.closedEvent.emit();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -60,7 +63,7 @@ export class MdsPushNotificationItem {
         var _a;
         this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
         this.hasBadge = this.host.querySelector(':scope > [slot="badge"]') !== null;
-        if (this.datetime) {
+        if (this.datetime !== undefined && this.datetime !== '') {
             this.datetime = sanitizeISO8601Date((_a = this.datetime) === null || _a === void 0 ? void 0 : _a.toString());
         }
         this.t.lang(this.host);
@@ -88,9 +91,9 @@ export class MdsPushNotificationItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'cef1482e9e16dcc52b6fc255c7392f575f0c1772' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (h("mds-avatar", { key: '0bfdb9ecf0fa36599c981aa778a02f73d0b80a32', 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: '719fe7dae8dc94021f0efd96c50b86b614572aca', class: "picture", part: "picture", src: this.src })), h("div", { key: 'a5ead1ed262e19ed60a37f23cce81a29889daedb', class: "content", part: "content" }, h("div", { key: 'a747e13b1fcb292b193db53ebf2c6174eac99fd9', class: "header" }, h("div", { key: '4a402d86378e9b5269dc4ffbbc25a1b0b54be36d', class: "infos" }, this.hasBadge && (h("div", { key: '40eb647711cb32839e9ee5cec391c800b5a8d983' }, h("slot", { key: 'f73ddcfd20ebb75f62a0ff3b7dfe5dfa0a9477a4', name: "badge" }))), this.subject && (h("mds-text", { key: 'aab0df869115c44eecc4d5fa180210392c72e1e1', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (h("mds-text", { key: 'e93ee1684aeb8a4df9203a9b416df5181bc2342f', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h(Host, { key: 'fe5ea12872387bc99ada81d55dee421a4d37ba39' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (h("mds-avatar", { key: '06e5ff16f76708c1cc79f48552c8bb8c2a72e723', 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: '1bb87768a03fd62aecbbc7386bcaf401ecbe1259', class: "picture", part: "picture", src: this.src })), h("div", { key: '28c4c0b772b782f9762c04f0cc427ff4da3945b5', class: "content", part: "content" }, h("div", { key: '301eb2070f2533ed6b8b8d845dda4d84c3a9cc03', class: "header" }, h("div", { key: '6dbd4c9f6eb046caf3c71fea61e93aafd26b052b', class: "infos" }, this.hasBadge && (h("div", { key: '13193cf6115c77c24530b037a1dead25b5107d26' }, h("slot", { key: '028a3b61823ba984c6a66134eeeff7099712eed1', name: "badge" }))), this.subject && (h("mds-text", { key: '0b6e0d5fac1ad8862a445ecf648aff1b5e5ddf96', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (h("mds-text", { key: 'd198e534b59b39ccc8f34179b6e7cc8e875cbba4', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat)))), h("mds-text", { key: '4554d9ae482fefec3899d740d74227657d612fd5', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (h("div", { key: 'ddc27141fb944f8ecf6c1e72082c9fc2428edb4e', class: "actions", part: "actions" }, h("slot", { key: '315db21f5d2f6e3f43849c64de4407422dfafed2', name: "action" })))), this.deletable && (h("mds-button", { key: '25190761bcc0b1afb4ae807bc6e880edd98d7dcc', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) }))));
+            : dayjs(this.datetime).format(this.dateFormat)))), h("mds-text", { key: '4ae6ff7676fb2915ba1f0c11c3c888c2e0e90227', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (h("div", { key: '4fdaef14f44055d0b8067a6d5e5c468b3bce978c', class: "actions", part: "actions" }, h("slot", { key: '9133fc9fc13f8b049b4c527ee69e536b79404e12', name: "action" })))), this.deletable && (h("mds-button", { key: '18673378fcf8dbb38c3db8c0e5c2f95da606f1e3', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose }))));
     }
     static get is() { return "mds-push-notification-item"; }
     static get encapsulation() { return "shadow"; }
@@ -135,7 +138,8 @@ export class MdsPushNotificationItem {
                         "NotificationItemDateFormatType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-push-notification-item/meta/types.ts::NotificationItemDateFormatType"
+                            "id": "src/components/mds-push-notification-item/meta/types.ts::NotificationItemDateFormatType",
+                            "referenceLocation": "NotificationItemDateFormatType"
                         }
                     }
                 },
@@ -239,7 +243,8 @@ export class MdsPushNotificationItem {
                         "NotificationItemPreviewType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-push-notification-item/meta/types.ts::NotificationItemPreviewType"
+                            "id": "src/components/mds-push-notification-item/meta/types.ts::NotificationItemPreviewType",
+                            "referenceLocation": "NotificationItemPreviewType"
                         }
                     }
                 },
@@ -303,7 +308,8 @@ export class MdsPushNotificationItem {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -329,7 +335,8 @@ export class MdsPushNotificationItem {
                         "ThemeFullVariantAvatarType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType"
+                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType",
+                            "referenceLocation": "ThemeFullVariantAvatarType"
                         }
                     }
                 },
@@ -369,7 +376,8 @@ export class MdsPushNotificationItem {
                         "MdsPushNotificationItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-push-notification-item/meta/event-detail.ts::MdsPushNotificationItemEventDetail"
+                            "id": "src/components/mds-push-notification-item/meta/event-detail.ts::MdsPushNotificationItemEventDetail",
+                            "referenceLocation": "MdsPushNotificationItemEventDetail"
                         }
                     }
                 }
@@ -390,7 +398,7 @@ export class MdsPushNotificationItem {
                     "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-quote/mds-quote.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot author - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsQuote {
@@ -15,7 +15,7 @@ export class MdsQuote {
         this.tag = 'h3';
     }
     render() {
-        return (h(Host, { key: '26db9230c187400e8df30d1c9300e0a39b4a709f' }, h("mds-text", { key: '4a1227b9e6e66376831c457746e26ec0d47b3144', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '9d6f5ae659999f27d8de5b8e92ee13bdff75244b' }, h("i", { key: '89a139df5d605e4695f67a995174a2fbe3ca263b' }, "\u275D\u00A0"))), h("div", { key: '73d10c6274ac92bf79f1acdad40c4e7144738b4f', class: "quote" }, h("mds-text", { key: '8e6d76eec0ed6ca49b1ce01bdf5448b14c84fc1a', tag: this.tag, typography: this.typography }, h("i", { key: 'b7f817a0eda2745607a9c84d77d1059763f3d5e3' }, h("slot", { key: '1617cb4cd4ed8dc8608447c49e8872677bf69367' }), h("span", { key: '2d9982646e27a1f642d3c62bc4007caab348012e' }, "\u00A0\u275E"))), h("slot", { key: '4283ff3a9b4a31cb1e98e88e3ead9aa7e27fedb3', name: "author" }))));
+        return (h(Host, { key: 'e0461e5b838a8e7db53d39384f327fd843e21eda' }, h("mds-text", { key: 'beded9d2cbc0f1a3c723bea0fd7f6068cf7ab27c', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '351fd3ab34a3416385141a27247334bab07f74e3' }, h("i", { key: '4ae64a9448f4a62e0bd70477c67ed64c8d2a40ff' }, "\u275D\u00A0"))), h("div", { key: '802b1c82e542f35db1979f2dac7453ca9e861827', class: "quote" }, h("mds-text", { key: '9932770037d60dfa3735981e61ef932970b8e25c', tag: this.tag, typography: this.typography }, h("i", { key: '369ec5348d4da453780dbb07010e9532efcfc5a4' }, h("slot", { key: 'f10a113f38016c56ccd8664197f2fc81f4b4accd' }), h("span", { key: 'dc6c06d16515abdcbb988e2334bb6e0994700114' }, "\u00A0\u275E"))), h("slot", { key: '9240410db5eae81038a3275087fa0edf04d0ce86', name: "author" }))));
     }
     static get is() { return "mds-quote"; }
     static get encapsulation() { return "shadow"; }
@@ -41,7 +41,8 @@ export class MdsQuote {
                         "TypographyTitleType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTitleType"
+                            "id": "src/type/typography.ts::TypographyTitleType",
+                            "referenceLocation": "TypographyTitleType"
                         }
                     }
                 },
@@ -67,7 +68,8 @@ export class MdsQuote {
                         "TypographyHeadingTagType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyHeadingTagType"
+                            "id": "src/type/text.ts::TypographyHeadingTagType",
+                            "referenceLocation": "TypographyHeadingTagType"
                         }
                     }
                 },

package/dist/collection/components/mds-radial-menu/mds-radial-menu.js

@@ -3,6 +3,9 @@ import miBaselineMoreVert from "@icon/mi/baseline/more-vert.svg";
 import miBaselineClose from "@icon/mi/baseline/close.svg";
 import clsx from "clsx";
 import { Backdrop } from "../../common/floating-controller";
+/**
+ * @slot item - Add `mds-radial-menu-item` elements or `components` to this slot.
+ */
 export class MdsRadialMenu {
     constructor() {
         this.backdropController = new Backdrop('mds-radial-menu-backdrop');
@@ -111,7 +114,7 @@ export class MdsRadialMenu {
         this.onInteractionChange(this.interaction);
     }
     disconnectedCallback() {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         document.removeEventListener('contextmenu', this.toggleRightClickMenu);
     }
@@ -127,7 +130,7 @@ export class MdsRadialMenu {
         this.handleBackdrop();
     }
     onInteractionChange(newValue) {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         if (newValue === 'rightclick') {
             document.addEventListener('contextmenu', this.toggleRightClickMenu);
@@ -158,7 +161,7 @@ export class MdsRadialMenu {
         this.handleBackdrop();
     }
     render() {
-        return (h(Host, { key: '18679022a9759985a3c518df2d733b94d28473dc' }, h("mds-button", { key: '156f0692417d19bc2f9418469d1b011ea5f0f72f', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), h("div", { key: '4277fb28c411a3ec3808d46e260e0800fc92eebb', class: "radial-menu", part: "radial-menu" }, h("slot", { key: 'ff21f4e1110c14954128ec0e891507ff178fa548', name: "item", onSlotchange: this.updateItems })), h("div", { key: 'e5dc3a9fbd3f813721bfdefbbf445fb4b4301995', class: "disc" })));
+        return (h(Host, { key: 'c17ebeeb32b4986baceb48b61e814c6ca2830caf' }, h("mds-button", { key: '7e57c42d3dd0f5067da69c327810f70a31370750', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), h("div", { key: '107da816c1d1aba0cd8f660e6911c6e603728747', class: "radial-menu", part: "radial-menu" }, h("slot", { key: '67c7f462a71df73038287f5fb5cf1a83eb78bc22', name: "item", onSlotchange: this.updateItems })), h("div", { key: '405b0c970a702148029f52c628974f6e38b179df', class: "disc" })));
     }
     static get is() { return "mds-radial-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -244,7 +247,8 @@ export class MdsRadialMenu {
                         "Direction": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-radial-menu/meta/types.ts::Direction"
+                            "id": "src/components/mds-radial-menu/meta/types.ts::Direction",
+                            "referenceLocation": "Direction"
                         }
                     }
                 },
@@ -328,7 +332,8 @@ export class MdsRadialMenu {
                         "Interaction": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-radial-menu/meta/types.ts::Interaction"
+                            "id": "src/components/mds-radial-menu/meta/types.ts::Interaction",
+                            "referenceLocation": "Interaction"
                         }
                     }
                 },
@@ -373,7 +378,8 @@ export class MdsRadialMenu {
                         "ButtonVariantType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonVariantType"
+                            "id": "src/type/button.ts::ButtonVariantType",
+                            "referenceLocation": "ButtonVariantType"
                         }
                     }
                 },
@@ -399,7 +405,8 @@ export class MdsRadialMenu {
                         "ToneVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneVariantType"
+                            "id": "src/type/tone.ts::ToneVariantType",
+                            "referenceLocation": "ToneVariantType"
                         }
                     }
                 },
@@ -425,7 +432,8 @@ export class MdsRadialMenu {
                         "ButtonSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonSizeType"
+                            "id": "src/type/button.ts::ButtonSizeType",
+                            "referenceLocation": "ButtonSizeType"
                         }
                     }
                 },

package/dist/collection/components/mds-radial-menu-item/mds-radial-menu-item.js

@@ -9,10 +9,13 @@ export class MdsRadialMenuItem {
          * Specifies the color variant for the button
          */
         this.variant = 'dark';
+        /**
+         * Specifies the size of the menu item.
+         */
         this.size = 'lg';
     }
     render() {
-        return (h(Host, { key: '9611b4afe26d59d69b5e934e6048998a5a6b15a1', slot: "item" }, h("mds-button", { key: '93984131bf9fe5aafcb1e08e3ceb86df18a2ee39', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (h("mds-tooltip", { key: '849a979a53edeca55985f31b88f4e136558fea48', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
+        return (h(Host, { key: 'aa8e1d03c590ad9efbf6e5090a59f70460782a33', slot: "item" }, h("mds-button", { key: '06ca066406df3e40b262bc0ffbbda3cc65c190cf', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (h("mds-tooltip", { key: '50a03f527adb6ead0757ea380d31c51943129570', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
     }
     static get is() { return "mds-radial-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -76,7 +79,8 @@ export class MdsRadialMenuItem {
                         "ToneVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneVariantType"
+                            "id": "src/type/tone.ts::ToneVariantType",
+                            "referenceLocation": "ToneVariantType"
                         }
                     }
                 },
@@ -102,7 +106,8 @@ export class MdsRadialMenuItem {
                         "ButtonVariantType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonVariantType"
+                            "id": "src/type/button.ts::ButtonVariantType",
+                            "referenceLocation": "ButtonVariantType"
                         }
                     }
                 },
@@ -128,7 +133,8 @@ export class MdsRadialMenuItem {
                         "ButtonSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonSizeType"
+                            "id": "src/type/button.ts::ButtonSizeType",
+                            "referenceLocation": "ButtonSizeType"
                         }
                     }
                 },
@@ -136,7 +142,7 @@ export class MdsRadialMenuItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies the size of the menu item."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/mds-radial-progress/mds-radial-progress.js

@@ -71,7 +71,7 @@ export class MdsRadialProgress {
     render() {
         const progressVar = `${(this.animatedProgress * 100).toFixed(2)}%`;
         const progressText = this.progressPercentage(this.clampProgress(this.progress));
-        return (h(Host, { key: 'bcac88e69c445c6bfb5de1cbbfc649ffd507dc12', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: 'c874c37272324a7edfa12252e22547c4ae6a8c5b', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'ab14594f35d5ed15f6997c2cce47ca44612eab1d', class: "icon", name: this.icon, part: "icon" }), h("div", { key: '107216f2319c2895f0a9c6936c1c1ae42a54a0b5', class: "value-container__text" }, h("mds-text", { key: '27127a11de571b6b1703690aa37553b20db84aff', class: "value", typography: this.typography }, progressText)))));
+        return (h(Host, { key: '68c58b94fb1a5b12e843323d1d497a33a2e91e8f', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: '0d8b174656f21146ac18a0c613ecc9482262b205', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'd17e55a7ba548f7e603f717a828907a873eaa4d6', class: "icon", name: this.icon, part: "icon" }), h("div", { key: 'c4f2d539d974d3a63ec73381d60abc9afc9be8e7', class: "value-container__text" }, h("mds-text", { key: 'c40e43da4bb6d581569cb515c30dd8554a8bfcd2', class: "value", typography: this.typography }, progressText)))));
     }
     static get is() { return "mds-radial-progress"; }
     static get encapsulation() { return "shadow"; }
@@ -136,7 +136,8 @@ export class MdsRadialProgress {
                         "TypographyTechnicalType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTechnicalType"
+                            "id": "src/type/typography.ts::TypographyTechnicalType",
+                            "referenceLocation": "TypographyTechnicalType"
                         }
                     }
                 },
@@ -162,7 +163,8 @@ export class MdsRadialProgress {
                         "ThemeVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeVariantType"
+                            "id": "src/type/variant.ts::ThemeVariantType",
+                            "referenceLocation": "ThemeVariantType"
                         }
                     }
                 },

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsSeparator {
     render() {
-        return h(Host, { key: 'b77bfa637825f2c45736df617eaac64b69427ad0' });
+        return h(Host, { key: '8056c695f2c418fbcb7041fb5f343a0ce76f80a7' });
     }
     static get is() { return "mds-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class MdsSpinner {
         }
     }
     render() {
-        return (h(Host, { key: 'da29b22d2ddd2824a2f71aa9a6ea2c31da835b14' }, h("i", { key: 'c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1', class: "await-icon", innerHTML: awaitIcon })));
+        return (h(Host, { key: '687dc98a043d362db35bf00ec71052097b3f509c' }, h("i", { key: '9b374e6a3aeebf211fbc56ad1446dec19cd1da9e', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get is() { return "mds-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-status-bar/mds-status-bar.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
+ * @slot - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @part actions - Selects the `actions` container element wrapped in shadowDOM.
  * @part status-bar - Selects the `status-bar` window component wrapped in shadowDOM.
  * @part status-bar-area - Selects the `status-bar-area` which wraps `status-bar` element with darker area in shadowDOM.
@@ -26,11 +26,14 @@ export class MdsStatusBar {
             this.visible = undefined;
         }
     }
+    /**
+     * Hides the status bar.
+     */
     async hide() {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '2e37f49ed168ac4f92de372d2174073b193ed5f3' }, h("mds-modal", { key: '248f8662369de074f704d86b3ff83597b2403592', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, h("div", { key: '3acce82b21bd279dab72e67cf3ecaa6c2c88c228', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: '40b7f67c8e568860cbdf843ca46b98f5fa61a765', class: "status-bar", part: "status-bar" }, this.description && (h("mds-text", { key: 'e669ba5dfe960c3a11812f55720f35ad2d1514a6', typography: "caption", class: "description" }, this.description)), h("div", { key: 'bb0266d41aa9eabd340e1a709a625e94c08682ed', class: "actions", part: "actions" }, h("slot", { key: 'aac6557450ec7509c1126dfc1ccc629474e4d5e8' })))))));
+        return (h(Host, { key: '8b1a0fd4300583d834e1f33796bb8d01b4b585a8' }, h("mds-modal", { key: 'f1ab035918beff8cffd0c10474fff898b00952cf', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, h("div", { key: 'a2a57a2c80322db3622b8e44ea5ca29f12946eea', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: 'ea668180e6691b33d2a5377e6c6f510be23a227f', class: "status-bar", part: "status-bar" }, this.description && (h("mds-text", { key: '3db7d7efc103c0186f3504db52aea0406c1e57bb', typography: "caption", class: "description" }, this.description)), h("div", { key: 'd1daa893d59a6f7b1c5e7316bc3fec6352b919b8', class: "actions", part: "actions" }, h("slot", { key: 'd24bdaf3e0e25b3f2e8594dbe050436ea270f338' })))))));
     }
     static get is() { return "mds-status-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -75,7 +78,8 @@ export class MdsStatusBar {
                         "ModalOverflowType": {
                             "location": "import",
                             "path": "src/components",
-                            "id": "src/components.d.ts::ModalOverflowType"
+                            "id": "src/components.d.ts::ModalOverflowType",
+                            "referenceLocation": "ModalOverflowType"
                         }
                     }
                 },
@@ -101,7 +105,8 @@ export class MdsStatusBar {
                         "StatusBarPositionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-status-bar/meta/types.ts::StatusBarPositionType"
+                            "id": "src/components/mds-status-bar/meta/types.ts::StatusBarPositionType",
+                            "referenceLocation": "StatusBarPositionType"
                         }
                     }
                 },
@@ -153,7 +158,7 @@ export class MdsStatusBar {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Hides the status bar.",
                     "tags": []
                 }
             }