@duetds/components 9.2.2 → 9.2.3

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -38,11 +38,11 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '360bc435fef7b15aa942d401e90445ed308649f0' }, h("button", { key: '0caa0a28506e68c0e70dd723177dccbb01654d70', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (h(Host, { key: 'e15846eb1696236fe6aba826e5c0fcea835d7c9b' }, h("button", { key: '995033945e9c069143e7ff97a7728766761f8a7b', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("svg", { key: '6efc80b2caaa461f37a50eed0db34d9021d2e9cd', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ff0015bdd563f7974c9e017947da732e9f3486d8', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '3dc766b793c4a4bf697f9f78b9f742c6f9c1e1ab', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'd5c64375ff914fd586b9c0a54458c2498cc7b0dc', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, h("svg", { key: '38aa8adbeed3df60e30be0a72a9dc23376cf9d47', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '30e417ff8878c2ed36bd59fd92e9e1970aa6c235', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { key: '83f4a042160be7dd998ef3247bccebd955498c5b', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: '81bd29e6c558d9f3551d65d7f1172c1ba327bbec', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }
@@ -72,6 +72,8 @@ export class DuetTooltipButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -90,6 +92,8 @@ export class DuetTooltipButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -113,6 +117,8 @@ export class DuetTooltipButton {
                     "tags": [],
                     "text": "Theme of the card. Can be one of: \"default\", \"turva\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -131,6 +137,8 @@ export class DuetTooltipButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false
             },
@@ -148,6 +156,8 @@ export class DuetTooltipButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip-id",
                 "reflect": false
             }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '9343f1579c908ded68ce8100b7fd2b3564627607' }, h("div", { key: '5fe8a03ff3fdb177498bc623aeb8f852b81b22b2', class: {
+        return (h(Host, { key: '3f38cf64a79c94b97a530e000c41bf9fe66dc1d3' }, h("div", { key: '8263e22fea17fce355c8dca137501fcebcbac59a', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '99bd903d13fedaef62d858ec84716a86b68fec81', moveFocusTo: this.buttonEl }), h("div", { key: '03e42cf23c0116034b2632c49073d59674c36401', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '4c1aa1b66580eba27c55b6dd6f2f2a2207992937' })), h("div", { key: '00572971db0f698532d313358b0061f1663886d7', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '369a932964660a82b4e30a479059dddd14bc944b', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '0aa05fa0c54d83a82b8b0ec77d72e80976dddaae', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '7d951071b8525d3d29e5949b1643067ed83f4f7c', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c4c392ec261bd9f0f63a8f94acba93e697afe580' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'e3a763bc0c245f43d9bf128064be5d3140f20f3b', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '45e183fcae3b5a0007ee9bc74f91211911c2c7ee', moveFocusTo: this.buttonEl }), h("div", { key: 'd713e42ca6802b18c6123efd6055b19fc334df03', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'be6787f83b2cd73ccc626643618463eccfb03f09' })), h("div", { key: '0017934953c28e0d1259b2c4d7604ef58d2e4e76', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '48a2789dc17b78d40b10b87f2a640dd2b08922b7', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'a83a9247e89b8a41b57e89ca7bf5e0676f3770f2', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '3ed992460103ed794a1f3f3ee13308970d0a117e', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'a3698d2049410e3098610bcc4c4514b767ac13ef' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '94de660c3ca5a21bbd0d9bb892e0d91b6a1b1f10', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }
@@ -93,6 +93,8 @@ export class DuetTooltipPopup {
                     "tags": [],
                     "text": "Theme of the tooltip."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -111,6 +113,8 @@ export class DuetTooltipPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false
             },
@@ -128,6 +132,8 @@ export class DuetTooltipPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip-id",
                 "reflect": false
             },
@@ -144,7 +150,9 @@ export class DuetTooltipPopup {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "placement": {
                 "type": "string",
@@ -160,6 +168,8 @@ export class DuetTooltipPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placement",
                 "reflect": false
             },
@@ -177,6 +187,8 @@ export class DuetTooltipPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-close-label",
                 "reflect": false
             }

package/lib/collection/components/duet-tooltip/duet-tooltip.js

@@ -230,6 +230,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Theme of the tooltip."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -260,6 +262,8 @@ export class DuetTooltip {
                         }],
                     "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
@@ -287,6 +291,8 @@ export class DuetTooltip {
                         }],
                     "text": "Default language strings for the accessibleLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\",\n    en: \"Show more information\",\n    sv: \"Visa mer till\u00E4ggsuppgifter\",\n  }"
@@ -308,6 +314,8 @@ export class DuetTooltip {
                         }],
                     "text": "Adds accessible label for the info icon that is only shown for screen\nreaders. This property is always required to create an accessible interface!"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelDefault, this.language)"
@@ -326,6 +334,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "String to add after the accessibleLabel to give more context to the tooltip. Preposition \"about\" is\nadded between the strings. In Finnish, the preposition is \"aiheesta\" and in Swedish \"om\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-about-label",
                 "reflect": false
             },
@@ -346,6 +356,8 @@ export class DuetTooltip {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-input-label",
                 "reflect": false
             },
@@ -372,6 +384,8 @@ export class DuetTooltip {
                         }],
                     "text": "Default language strings for the accessibleCloseLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-close-label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"Sulje lis\u00E4tiedot\",\n    en: \"Close details\",\n    sv: \"St\u00E4ng till\u00E4ggsuppgifter\",\n  }"
@@ -393,6 +407,8 @@ export class DuetTooltip {
                         }],
                     "text": "Adds accessible label for the close icon that is only shown for screen\nreaders. This property is always required to create an accessibly interface!"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-close-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(\n    this.accessibleCloseLabelDefault,\n    this.language\n  )"
@@ -411,6 +427,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Label of the tooltip. If used, replaces the accessibleLabel option."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -424,7 +442,7 @@ export class DuetTooltip {
                     "references": {
                         "DuetTooltipBreakpoint": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
                             "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
                         }
                     }
@@ -435,6 +453,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Adjust the responsive breakpoint where tooltip starts opening towards left."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "breakpoint",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -459,6 +479,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "With direction setting you can force the tooltip to always open towards left\nor right instead of automatically determining the direction."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -477,6 +499,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Adjust the vertical positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position-vertical",
                 "reflect": true,
                 "defaultValue": "\"0\""
@@ -495,6 +519,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Adjust the horizontal positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position-horizontal",
                 "reflect": true,
                 "defaultValue": "\"0\""
@@ -513,6 +539,8 @@ export class DuetTooltip {
                     "tags": [],
                     "text": "Toggle whether the tooltip is initially visible or not. This property should\nnot be used in production in most cases."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"

package/lib/collection/components/duet-tray/duet-tray.js

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'eab25fd81da57e62376472de7a34ad172a3d87c1', class: {
+        return (h("div", { key: 'af731c19d4212111de75c1139143fb61ead407f9', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: '00287ee0f266c18d7dc48f60959255f87df76aee', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '35204c591845b32d4cad662e924241b5902a0d85' })), this.hasAdditionalContent && (h(Fragment, { key: '5497fec464c742440e94f7984cc990c11f23e800' }, h("button", { key: 'c3e8b4a826f65a3d4dd7a63ff4e6d14a954c9737', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '2a888d94001aa2480386b4102d292a8ecd0b946c', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '629834fc0172c6a9c297cf35395a3ab91f25ee91' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: 'c50912636246e98dd25201bfc97658c9c64942f3', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'e14080be01b6df9842d241511d58690bba33ecb0', class: "duet-tray-expandable-content" }, h("slot", { key: 'e8143dd8dd7f6e187efd4c186747edd7808cfa11', name: "additional" })))))));
+            } }, h("div", { key: 'd30232c120431a614bfc0d09d76d4a7f05566438', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '7f80168e4f76c059270f5953bfd21ff246bb1c8b' })), this.hasAdditionalContent && (h(Fragment, { key: 'f9471563527b0eb48b97e9a54ab79e077c84f870' }, h("button", { key: 'ee0f09f493a9232167d519e2f411a4155fb78daf', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: 'a3e68b89194d9cabe4fb47353fb4205f144a1f2f', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'c2061393b18fc5b5dfb45212d4368c35539d4085' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '9071e6c8781bfc923180274f4abfd7176a910e64', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '05da9977c8cec61537e1e5ef2764e8332d734794', class: "duet-tray-expandable-content" }, h("slot", { key: 'db5336ed7b03e1bbc98c56b8ebe1af91b46e308c', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }
@@ -136,6 +136,8 @@ export class DuetTray {
                         }],
                     "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
@@ -163,6 +165,8 @@ export class DuetTray {
                         }],
                     "text": "Defaults for accessibleCloseLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-close-label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"Sulje\",\n    en: \"Close\",\n    sv: \"St\u00E4ng\",\n  }"
@@ -184,6 +188,8 @@ export class DuetTray {
                         }],
                     "text": "Accessible label that is shown for screen reader users in the expandable\nclose toggle. Not visible for normal users."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-close-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(\n    this.accessibleCloseLabelDefaults,\n    this.language\n  )"
@@ -211,6 +217,8 @@ export class DuetTray {
                         }],
                     "text": "Defaults for accessibleOpenLabel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-open-label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"Avaa\",\n    en: \"Open\",\n    sv: \"\u00D6ppna\",\n  }"
@@ -232,6 +240,8 @@ export class DuetTray {
                         }],
                     "text": "Accessible label that is shown for screen reader users in the expandable\nopen toggle. Not visible for normal users."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-open-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(\n    this.accessibleOpenLabelDefaults,\n    this.language\n  )"
@@ -256,6 +266,8 @@ export class DuetTray {
                     "tags": [],
                     "text": "Theme of the info panel."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -274,6 +286,8 @@ export class DuetTray {
                     "tags": [],
                     "text": "Toggle whether the info panel is visible or not. You can use this\nproperty e.g. when pricing information is revealed to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -292,6 +306,8 @@ export class DuetTray {
                     "tags": [],
                     "text": "Hide the info panel when user scrolls back to the top of the viewport."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-hide",
                 "reflect": false,
                 "defaultValue": "true"
@@ -310,6 +326,8 @@ export class DuetTray {
                     "tags": [],
                     "text": "Enable or disable the automatic responsive behaviour which\nmakes the info panel hide on larger viewports. Settings this to\n\"false\" means that the header panel is visible on all device sizes."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "responsive",
                 "reflect": false,
                 "defaultValue": "true"