@duetds/components 4.28.0 → 4.31.0

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -1,17 +1,22 @@
-import { Component, Element, State, Method, Prop, Host, Event, h } from "@stencil/core";
-import { createID } from "../../utils/create-id";
-import { inheritGlobalTheme } from "../../utils/themeable-component";
-import subtractIcon from "@duetds/icons/lib/assets/action-subtract";
+/*!
+ * Built with Duet Design System
+ */
 import addIcon from "@duetds/icons/lib/assets/action-add";
-import { isArrowUpKey, isArrowRightKey, isBackspaceKey, isArrowDownKey, isArrowLeftKey, } from "../../utils/keyboard-utils";
-import { roundTo, clamp, parseLocaleFloat } from "./number-input-utils";
+import subtractIcon from "@duetds/icons/lib/assets/action-subtract";
+import { Component, Element, Event, h, Host, Method, Prop, State } from "@stencil/core";
+import { createID } from "../../utils/create-id";
+import { isArrowDownKey, isArrowLeftKey, isArrowRightKey, isArrowUpKey, isBackspaceKey, } from "../../utils/keyboard-utils";
 import { getLanguage, getLocale, getLocaleString } from "../../utils/language-utils";
+import { inheritGlobalTheme } from "../../utils/themeable-component";
+import { clamp, parseLocaleFloat, roundTo } from "./number-input-utils";
 export class DuetNumberInput {
   constructor() {
     this.inputId = createID("DuetInput");
     /**
      * The currently active language. This setting changes the accessible labels to match the
      * chosen language.
+     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+     * @default "fi"
      */
     this.language = getLanguage();
     /**
@@ -23,34 +28,52 @@ export class DuetNumberInput {
      */
     this.unit = getLocale(this.language).money;
     /**
-     * Format of message used to announce current amount when switching between amounts.
-     * The string {current} is replaced with the current amount.
+     * Defaults for accessibleLive
+     * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
      */
-    this.accessibleLive = getLocaleString({
+    this.accessibleLiveDefaults = {
       fi: "{current} euroa valittuna",
       en: "{current} euros selected",
-      sv: "{current} valda euro",
-    }, this.language);
+      sv: "{current} euro valt",
+    };
+    /**
+     * Format of message used to announce current amount when switching between amounts.
+     * The string {current} is replaced with the current amount.
+     * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
+     */
+    this.accessibleLive = getLocaleString(this.accessibleLiveDefaults, this.language);
     /**
      * Disables the aria-live messaging used internally in this component. This could be useful when you want to use custom aria-live messages instead.
      */
     this.accessibleLiveEnabled = true;
     /**
-     * Accessible label for the add button that is read for screen reader users.
+     * Defaults for accessibleAdd
+     * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
      */
-    this.accessibleAdd = getLocaleString({
+    this.accessibleAddDefaults = {
       fi: "Lisää summaan",
       en: "Add to the amount",
       sv: "Lägg till beloppet",
-    }, this.language);
+    };
     /**
-     * Accessible label for the subtract button that is read for screen reader users.
+     * Accessible label for the add button that is read for screen reader users.
+     * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+     */
+    this.accessibleAdd = getLocaleString(this.accessibleAddDefaults, this.language);
+    /**
+     * Defaults for accessibleSubtract
+     * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
      */
-    this.accessibleSubtract = getLocaleString({
+    this.accessibleSubtractDefaults = {
       fi: "Vähennä summasta",
       en: "Subtract from the amount",
       sv: "Dra från beloppet",
-    }, this.language);
+    };
+    /**
+     * Accessible label for the subtract button that is read for screen reader users.
+     * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+     */
+    this.accessibleSubtract = getLocaleString(this.accessibleSubtractDefaults, this.language);
     /**
      * Theme of the input.
      */
@@ -68,13 +91,19 @@ export class DuetNumberInput {
      */
     this.min = 0;
     /**
-     * Label for the number input.
+     * Defaults for Label
+     * @default  {fi: "Etiketti", en: "Label", sv: "Märka"}
      */
-    this.label = getLocaleString({
-      fi: "Etiketti",
+    this.labelDefaults = {
+      fi: "Nimilappu",
       en: "Label",
-      sv: "Märka",
-    }, this.language);
+      sv: "Etikett",
+    };
+    /**
+     * Label for the number input.
+     * @default  {fi: "Etiketti", en: "Label", sv: "Märka"}
+     */
+    this.label = getLocaleString(this.labelDefaults, this.language);
     /**
      * Visually hide the label, but still show it to screen readers.
      */
@@ -340,7 +369,13 @@ export class DuetNumberInput {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing",
+            "name": "deprecated"
+          }, {
+            "text": "\"fi\"",
+            "name": "default"
+          }],
         "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
       },
       "attribute": "language",
@@ -456,6 +491,32 @@ export class DuetNumberInput {
       "attribute": "accessible-described-by",
       "reflect": false
     },
+    "accessibleLiveDefaults": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "DuetLangObject | string",
+        "resolved": "DuetLangObject | string",
+        "references": {
+          "DuetLangObject": {
+            "location": "import",
+            "path": "../../utils/language-utils"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{fi: \"{current} euroa valittuna\", en: \"{current} euros selected\", sv: \"{current} valda euro\"}",
+            "name": "default"
+          }],
+        "text": "Defaults for accessibleLive"
+      },
+      "attribute": "accessible-live-default",
+      "reflect": false,
+      "defaultValue": "{\n    fi: \"{current} euroa valittuna\",\n    en: \"{current} euros selected\",\n    sv: \"{current} euro valt\",\n  }"
+    },
     "accessibleLive": {
       "type": "string",
       "mutable": false,
@@ -467,12 +528,15 @@ export class DuetNumberInput {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "{fi: \"{current} euroa valittuna\", en: \"{current} euros selected\", sv: \"{current} valda euro\"}",
+            "name": "default"
+          }],
         "text": "Format of message used to announce current amount when switching between amounts.\nThe string {current} is replaced with the current amount."
       },
       "attribute": "accessible-live",
       "reflect": false,
-      "defaultValue": "getLocaleString(\n    {\n      fi: \"{current} euroa valittuna\",\n      en: \"{current} euros selected\",\n      sv: \"{current} valda euro\",\n    },\n    this.language\n  )"
+      "defaultValue": "getLocaleString(this.accessibleLiveDefaults, this.language)"
     },
     "accessibleLiveEnabled": {
       "type": "boolean",
@@ -492,6 +556,32 @@ export class DuetNumberInput {
       "reflect": false,
       "defaultValue": "true"
     },
+    "accessibleAddDefaults": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "DuetLangObject | string",
+        "resolved": "DuetLangObject | string",
+        "references": {
+          "DuetLangObject": {
+            "location": "import",
+            "path": "../../utils/language-utils"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{fi: \"Lis\u00E4\u00E4 summaan\", en: \"Add to the amount\", sv: \"L\u00E4gg till beloppet\"}",
+            "name": "default"
+          }],
+        "text": "Defaults for accessibleAdd"
+      },
+      "attribute": "accessible-add-default",
+      "reflect": false,
+      "defaultValue": "{\n    fi: \"Lis\u00E4\u00E4 summaan\",\n    en: \"Add to the amount\",\n    sv: \"L\u00E4gg till beloppet\",\n  }"
+    },
     "accessibleAdd": {
       "type": "string",
       "mutable": false,
@@ -503,12 +593,41 @@ export class DuetNumberInput {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "{fi: \"Lis\u00E4\u00E4 summaan\", en: \"Add to the amount\", sv: \"L\u00E4gg till beloppet\"}",
+            "name": "default"
+          }],
         "text": "Accessible label for the add button that is read for screen reader users."
       },
       "attribute": "accessible-add",
       "reflect": false,
-      "defaultValue": "getLocaleString(\n    {\n      fi: \"Lis\u00E4\u00E4 summaan\",\n      en: \"Add to the amount\",\n      sv: \"L\u00E4gg till beloppet\",\n    },\n    this.language\n  )"
+      "defaultValue": "getLocaleString(this.accessibleAddDefaults, this.language)"
+    },
+    "accessibleSubtractDefaults": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "DuetLangObject | string",
+        "resolved": "DuetLangObject | string",
+        "references": {
+          "DuetLangObject": {
+            "location": "import",
+            "path": "../../utils/language-utils"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{fi: \"V\u00E4henn\u00E4 summasta\", en: \"Subtract from the amount\", sv: \"Dra fr\u00E5n beloppet\"}",
+            "name": "default"
+          }],
+        "text": "Defaults for accessibleSubtract"
+      },
+      "attribute": "accessible-subtract-defaults",
+      "reflect": false,
+      "defaultValue": "{\n    fi: \"V\u00E4henn\u00E4 summasta\",\n    en: \"Subtract from the amount\",\n    sv: \"Dra fr\u00E5n beloppet\",\n  }"
     },
     "accessibleSubtract": {
       "type": "string",
@@ -521,12 +640,15 @@ export class DuetNumberInput {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "{fi: \"V\u00E4henn\u00E4 summasta\", en: \"Subtract from the amount\", sv: \"Dra fr\u00E5n beloppet\"}",
+            "name": "default"
+          }],
         "text": "Accessible label for the subtract button that is read for screen reader users."
       },
       "attribute": "accessible-subtract",
       "reflect": false,
-      "defaultValue": "getLocaleString(\n    {\n      fi: \"V\u00E4henn\u00E4 summasta\",\n      en: \"Subtract from the amount\",\n      sv: \"Dra fr\u00E5n beloppet\",\n    },\n    this.language\n  )"
+      "defaultValue": "getLocaleString(this.accessibleSubtractDefaults, this.language)"
     },
     "theme": {
       "type": "string",
@@ -627,6 +749,32 @@ export class DuetNumberInput {
       "reflect": false,
       "defaultValue": "0"
     },
+    "labelDefaults": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "DuetLangObject | string",
+        "resolved": "DuetLangObject | string",
+        "references": {
+          "DuetLangObject": {
+            "location": "import",
+            "path": "../../utils/language-utils"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{fi: \"Etiketti\", en: \"Label\", sv: \"M\u00E4rka\"}",
+            "name": "default"
+          }],
+        "text": "Defaults for Label"
+      },
+      "attribute": "label-default",
+      "reflect": false,
+      "defaultValue": "{\n    fi: \"Nimilappu\",\n    en: \"Label\",\n    sv: \"Etikett\",\n  }"
+    },
     "label": {
       "type": "string",
       "mutable": false,
@@ -638,12 +786,15 @@ export class DuetNumberInput {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "{fi: \"Etiketti\", en: \"Label\", sv: \"M\u00E4rka\"}",
+            "name": "default"
+          }],
         "text": "Label for the number input."
       },
       "attribute": "label",
       "reflect": false,
-      "defaultValue": "getLocaleString(\n    {\n      fi: \"Etiketti\",\n      en: \"Label\",\n      sv: \"M\u00E4rka\",\n    },\n    this.language\n  )"
+      "defaultValue": "getLocaleString(this.labelDefaults, this.language)"
     },
     "labelHidden": {
       "type": "boolean",

package/lib/collection/components/duet-number-input/number-input-utils.js

@@ -1,3 +1,6 @@
+/*!
+ * Built with Duet Design System
+ */
 export const parseLocaleFloat = (str, locale) => {
   // remove spaces and non-numeric characters
   // "12 345,67€" -> "12345,67"

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

@@ -1,6 +1,9 @@
-import { Component, Prop, Element, h } from "@stencil/core";
-import { getColorByName } from "../../utils/token-utils";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, h, Prop } from "@stencil/core";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
+import { getColorByName } from "../../utils/token-utils";
 export class DuetParagraph {
   constructor() {
     /**

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

@@ -1,4 +1,7 @@
-import { Component, Prop, Method, Event, Host, Element, h } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Host, Method, Prop } from "@stencil/core";
 import { createID } from "../../utils/create-id";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
 export class DuetRadio {

package/lib/collection/components/duet-radio-group/duet-radio-group.js

@@ -1,6 +1,9 @@
-import { Component, Prop, Element, Watch, Host, h } from "@stencil/core";
-import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, h, Host, Prop, Watch } from "@stencil/core";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
+import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
 export class DuetRadioGroup {
   constructor() {
     /**

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -1,8 +1,11 @@
-import { Component, Element, Method, Prop, Host, Event, h } from "@stencil/core";
-import { colorGray, colorPrimary, colorPrimaryTurva, colorGrayTurva } from "@duetds/tokens";
+/*!
+ * Built with Duet Design System
+ */
+import { colorGray, colorGrayTurva, colorPrimary, colorPrimaryTurva } from "@duetds/tokens";
+import { Component, Element, Event, h, Host, Method, Prop } from "@stencil/core";
 import { createID } from "../../utils/create-id";
-import { inheritGlobalTheme } from "../../utils/themeable-component";
 import isInternetExplorer from "../../utils/is-internet-explorer";
+import { inheritGlobalTheme } from "../../utils/themeable-component";
 const colors = {
   turva: {
     active: colorPrimaryTurva,

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

@@ -1,4 +1,7 @@
-import { Component, Element, Method, State, Event, Host, Watch, Prop, h } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { createID } from "../../utils/create-id";
 import { parsePossibleJSON } from "../../utils/string-utils";
 import { inheritGlobalTheme } from "../../utils/themeable-component";

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

@@ -1,4 +1,7 @@
-import { Component, Prop, Host, h } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, h, Host, Prop } from "@stencil/core";
 export class DuetSpacer {
   constructor() {
     /**

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

@@ -1,6 +1,9 @@
-import { Component, Prop, Host, h } from "@stencil/core";
-import { getColorByName } from "../../utils/token-utils";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, h, Host, Prop } from "@stencil/core";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
+import { getColorByName } from "../../utils/token-utils";
 export class DuetSpinner {
   constructor() {
     /**

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

@@ -1,8 +1,11 @@
-import { Component, h, Prop, Build, Element, Event, Method } from "@stencil/core";
-import { createID } from "../../utils/create-id";
-import { inheritGlobalTheme } from "../../utils/themeable-component";
+/*!
+ * Built with Duet Design System
+ */
 import editIcon from "@duetds/icons/lib/assets/action-edit-2";
+import { Build, Component, Element, Event, h, Method, Prop } from "@stencil/core";
+import { createID } from "../../utils/create-id";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
+import { inheritGlobalTheme } from "../../utils/themeable-component";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
  * @slot heading-content - Step heading content. Use this slot to show additional content next to step heading.

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

@@ -1,4 +1,7 @@
-import { Component, h, Host, Element, Watch, Listen, Event, Prop } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
 import groupBy from "../../utils/group-by";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
 export class DuetStepper {

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

@@ -1,4 +1,7 @@
-import { Component, Build, Prop, h } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Build, Component, h, Prop } from "@stencil/core";
 export class DuetTab {
   /**
    * render() function

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -1,8 +1,11 @@
-import { Component, Prop, Event, Element, State, Method, h } from "@stencil/core";
-import { inheritGlobalTheme } from "../../utils/themeable-component";
-import { isArrowLeftKey, isArrowUpKey, isArrowDownKey, isArrowRightKey } from "../../utils/keyboard-utils";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Method, Prop, State } from "@stencil/core";
 import { createID } from "../../utils/create-id";
+import { isArrowDownKey, isArrowLeftKey, isArrowRightKey, isArrowUpKey } from "../../utils/keyboard-utils";
 import { getLanguage, getLocaleString } from "../../utils/language-utils";
+import { inheritGlobalTheme } from "../../utils/themeable-component";
 export class DuetTabGroup {
   constructor() {
     this.id = createID("DuetTabGroup");
@@ -23,16 +26,24 @@ export class DuetTabGroup {
     /**
      * The currently active language. This setting changes the accessible labels to match the
      * chosen language.
+     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+     * @default "fi"
      */
     this.language = getLanguage();
     /**
-     * Label for the select element which gets shown on mobile.
+     * Defaults for Label
+     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
      */
-    this.label = getLocaleString({
+    this.labelDefaults = {
       fi: "Valitse",
       en: "Choose",
-      sv: "Välja",
-    }, this.language);
+      sv: "Välj",
+    };
+    /**
+     * Label for the select element which gets shown on mobile.
+     * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
+     */
+    this.label = getLocaleString(this.labelDefaults, this.language);
     /**
      * Determines whether the label for the select element shown on mobile is visually hidden.
      */
@@ -239,13 +250,45 @@ export class DuetTabGroup {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing",
+            "name": "deprecated"
+          }, {
+            "text": "\"fi\"",
+            "name": "default"
+          }],
         "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
       },
       "attribute": "language",
       "reflect": false,
       "defaultValue": "getLanguage()"
     },
+    "labelDefaults": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "DuetLangObject | string",
+        "resolved": "DuetLangObject | string",
+        "references": {
+          "DuetLangObject": {
+            "location": "import",
+            "path": "../../utils/language-utils"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "{fi: \"Valitse\", en: \"Choose\", sv: \"V\u00E4lja\"}",
+            "name": "default"
+          }],
+        "text": "Defaults for Label"
+      },
+      "attribute": "label-default",
+      "reflect": false,
+      "defaultValue": "{\n    fi: \"Valitse\",\n    en: \"Choose\",\n    sv: \"V\u00E4lj\",\n  }"
+    },
     "label": {
       "type": "string",
       "mutable": false,
@@ -257,12 +300,15 @@ export class DuetTabGroup {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "{fi: \"Valitse\", en: \"Choose\", sv: \"V\u00E4lja\"}",
+            "name": "default"
+          }],
         "text": "Label for the select element which gets shown on mobile."
       },
       "attribute": "label",
       "reflect": false,
-      "defaultValue": "getLocaleString(\n    {\n      fi: \"Valitse\",\n      en: \"Choose\",\n      sv: \"V\u00E4lja\",\n    },\n    this.language\n  )"
+      "defaultValue": "getLocaleString(this.labelDefaults, this.language)"
     },
     "labelHidden": {
       "type": "boolean",

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

@@ -1,5 +1,8 @@
-import { Component, Prop, Element, h, Host, State, Build } from "@stencil/core";
-import { mediaQuerySmall, mediaQueryMedium, mediaQueryLarge, mediaQueryXLarge, mediaQueryXxLarge, mediaQueryXxxLarge, sizeNavigation, sizeHeader, } from "@duetds/tokens";
+/*!
+ * Built with Duet Design System
+ */
+import { mediaQueryLarge, mediaQueryMedium, mediaQuerySmall, mediaQueryXLarge, mediaQueryXxLarge, mediaQueryXxxLarge, sizeHeader, sizeNavigation, } from "@duetds/tokens";
+import { Build, Component, Element, h, Host, Prop, State } from "@stencil/core";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
 // remove wrapping speech marks.
 // media query tokens are wrapped in speech marks,

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

@@ -1,7 +1,10 @@
-import { Component, Prop, Element, Method, Host, Event, h, Watch, } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Host, Method, Prop, Watch, } from "@stencil/core";
 import { createID } from "../../utils/create-id";
-import { inheritGlobalTheme } from "../../utils/themeable-component";
 import { cleanValue } from "../../utils/input-utils";
+import { inheritGlobalTheme } from "../../utils/themeable-component";
 const CharacterCount = ({ value, maxlength, label, theme }) => {
   if (maxlength == null) {
     return;

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

@@ -1,4 +1,7 @@
-import { Component, Prop, Element, Event, Host, Watch, h, Method } from "@stencil/core";
+/*!
+ * Built with Duet Design System
+ */
+import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { createID } from "../../utils/create-id";
 import { inheritGlobalTheme } from "../../utils/themeable-component";
 export class DuetToggle {