@duetds/components 8.0.6 → 8.1.1

package/lib/dist-custom-elements/duet-promo-card.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface DuetPromoCard extends Components.DuetPromoCard, HTMLElement {}
 export const DuetPromoCard: {
-  prototype: DuetPromoCard;
-  new (): DuetPromoCard;
+    prototype: DuetPromoCard;
+    new (): DuetPromoCard;
 };
 /**
  * Used to define this component and all nested components recursively.

package/lib/dist-custom-elements/duet-promo-card.js

@@ -1,86 +1,86 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { g as getColorByName } from './p-e19d1e27.js';
-import { d as defineCustomElement$3 } from './p-c0af301d.js';
-import { d as defineCustomElement$2 } from './p-6c2e13f0.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-04a295c6.js';
+import { i as inheritGlobalTheme } from './p-a58bd561.js';
+import { g as getColorByName } from './p-57a1cba9.js';
+import { d as defineCustomElement$3 } from './p-adef0aaa.js';
+import { d as defineCustomElement$2 } from './p-6222a43f.js';
 
 const duetPromoCardCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";
 
 const DuetPromoCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetPromoCard extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.theme = "";
-    this.margin = "auto";
-    this.backgroundColor = "";
-    this.textColor = "secondary";
-    this.image = "";
-    this.headingLevel = "h3";
-    this.url = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.hasPreHeadingSlot = !!this.element.querySelector('[slot="pre-heading"]');
-    this.hasHeadingSlot = !!this.element.querySelector('[slot="heading"]');
-    this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
-    this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
-  }
-  /**
-   * render() function
-   * Always the last one of the class.
-   */
-  render() {
-    const backgroundColor = getColorByName(this.backgroundColor, this.theme);
-    const bannerStyles = {
-      backgroundColor: backgroundColor ? backgroundColor : "none",
-    };
-    const TagName = this.url ? "a" : "div";
-    return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("aside", { class: {
-        "duet-promo-card": true,
-        "duet-theme-turva": this.theme === "turva",
-        "no-bg-color": !this.backgroundColor,
-      }, style: bannerStyles }, h(TagName, { href: this.url, class: "content-wrapper" }, h("img", { class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { class: "content" }, this.hasPreHeadingSlot && (h("div", { class: "pre-heading" }, h("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("slot", { name: "heading" })))), this.hasDescriptionSlot && (h("div", { class: "description" }, h("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, h("slot", { name: "description" })))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" }))))))));
-  }
-  get element() { return this; }
-  static get style() { return duetPromoCardCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.theme = "";
+        this.margin = "auto";
+        this.backgroundColor = "";
+        this.textColor = "secondary";
+        this.image = "";
+        this.headingLevel = "h3";
+        this.url = undefined;
+    }
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+        this.hasPreHeadingSlot = !!this.element.querySelector('[slot="pre-heading"]');
+        this.hasHeadingSlot = !!this.element.querySelector('[slot="heading"]');
+        this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
+        this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
+    }
+    /**
+     * render() function
+     * Always the last one of the class.
+     */
+    render() {
+        const backgroundColor = getColorByName(this.backgroundColor, this.theme);
+        const bannerStyles = {
+            backgroundColor: backgroundColor ? backgroundColor : "none",
+        };
+        const TagName = this.url ? "a" : "div";
+        return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("aside", { class: {
+                "duet-promo-card": true,
+                "duet-theme-turva": this.theme === "turva",
+                "no-bg-color": !this.backgroundColor,
+            }, style: bannerStyles }, h(TagName, { href: this.url, class: "content-wrapper" }, h("img", { class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { class: "content" }, this.hasPreHeadingSlot && (h("div", { class: "pre-heading" }, h("slot", { name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { class: "heading" }, h("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("div", null, h("slot", { name: "heading" }))))), this.hasDescriptionSlot && (h("div", { class: "description" }, h("duet-paragraph", { theme: this.theme, margin: "none", color: this.textColor }, h("div", null, h("slot", { name: "description" }))))), this.hasActionSlot && (h("div", { class: "action" }, h("slot", { name: "action" }))))))));
+    }
+    get element() { return this; }
+    static get style() { return duetPromoCardCss; }
 }, [1, "duet-promo-card", {
-    "theme": [1025],
-    "margin": [1],
-    "backgroundColor": [1, "background-color"],
-    "textColor": [1, "text-color"],
-    "image": [1],
-    "headingLevel": [1, "heading-level"],
-    "url": [1]
-  }]);
+        "theme": [1025],
+        "margin": [1],
+        "backgroundColor": [1, "background-color"],
+        "textColor": [1, "text-color"],
+        "image": [1],
+        "headingLevel": [1, "heading-level"],
+        "url": [1]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-promo-card", "duet-heading", "duet-paragraph"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-promo-card":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetPromoCard$1);
-      }
-      break;
-    case "duet-heading":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-paragraph":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-promo-card", "duet-heading", "duet-paragraph"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-promo-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetPromoCard$1);
+            }
+            break;
+        case "duet-heading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "duet-paragraph":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const DuetPromoCard = DuetPromoCard$1;

package/lib/dist-custom-elements/duet-radio-group.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface DuetRadioGroup extends Components.DuetRadioGroup, HTMLElement {}
 export const DuetRadioGroup: {
-  prototype: DuetRadioGroup;
-  new (): DuetRadioGroup;
+    prototype: DuetRadioGroup;
+    new (): DuetRadioGroup;
 };
 /**
  * Used to define this component and all nested components recursively.

package/lib/dist-custom-elements/duet-radio-group.js

@@ -1,206 +1,206 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { f as findCheckedOption, w as watchForOptions } from './p-a1371eee.js';
-import { d as defineCustomElement$8 } from './p-e77f7fff.js';
-import { d as defineCustomElement$7 } from './p-64cd1abb.js';
-import { d as defineCustomElement$6 } from './p-180c0d2d.js';
-import { d as defineCustomElement$5 } from './p-e6b07569.js';
-import { d as defineCustomElement$4 } from './p-fd4877d1.js';
-import { d as defineCustomElement$3 } from './p-e4355989.js';
-import { d as defineCustomElement$2 } from './p-62e68de8.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-04a295c6.js';
+import { i as inheritGlobalTheme } from './p-a58bd561.js';
+import { f as findCheckedOption, w as watchForOptions } from './p-7d8a2628.js';
+import { d as defineCustomElement$8 } from './p-435c14fe.js';
+import { d as defineCustomElement$7 } from './p-ff591309.js';
+import { d as defineCustomElement$6 } from './p-65d472d7.js';
+import { d as defineCustomElement$5 } from './p-064f1578.js';
+import { d as defineCustomElement$4 } from './p-5e1cd480.js';
+import { d as defineCustomElement$3 } from './p-0b123cad.js';
+import { d as defineCustomElement$2 } from './p-68bd36c7.js';
 
 const duetRadioGroupCss = "*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";
 
 const DuetRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetRadioGroup extends H {
-  constructor() {
-    super();
-    this.__registerHost();
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Component event handling.
+         */
+        this.onSelect = (ev) => {
+            const selectedRadio = ev.target;
+            if (selectedRadio) {
+                this.value = selectedRadio.value;
+            }
+            // Prevent events from bubbling up the DOM tree in case
+            // this group is a sub-group of another choice group.
+            ev.cancelBubble = true;
+        };
+        this.direction = "vertical";
+        this.margin = "auto";
+        this.theme = "";
+        this.error = "";
+        this.tooltip = "";
+        this.tooltipDirection = "auto";
+        this.name = undefined;
+        this.label = "Label";
+        this.labelHidden = false;
+        this.caption = "";
+        this.responsive = false;
+        this.value = undefined;
+        this.disabled = undefined;
+        this.required = false;
+        this.accessibleLiveError = "polite";
+    }
     /**
-     * Component event handling.
+     * Component lifecycle events.
      */
-    this.onSelect = (ev) => {
-      const selectedRadio = ev.target;
-      if (selectedRadio) {
-        this.value = selectedRadio.value;
-      }
-      // Prevent events from bubbling up the DOM tree in case
-      // this group is a sub-group of another choice group.
-      ev.cancelBubble = true;
-    };
-    this.direction = "vertical";
-    this.margin = "auto";
-    this.theme = "";
-    this.error = "";
-    this.tooltip = "";
-    this.tooltipDirection = "auto";
-    this.name = undefined;
-    this.label = "Label";
-    this.labelHidden = false;
-    this.caption = "";
-    this.responsive = false;
-    this.value = undefined;
-    this.disabled = undefined;
-    this.required = false;
-    this.accessibleLiveError = "polite";
-  }
-  /**
-   * Component lifecycle events.
-   */
-  async connectedCallback() {
-    const el = this.element;
-    if (this.value === undefined) {
-      const radio = findCheckedOption(el, "duet-radio");
-      if (radio !== undefined) {
-        await radio.componentOnReady();
+    async connectedCallback() {
+        const el = this.element;
         if (this.value === undefined) {
-          this.value = radio.value;
+            const radio = findCheckedOption(el, "duet-radio");
+            if (radio !== undefined) {
+                await radio.componentOnReady();
+                if (this.value === undefined) {
+                    this.value = radio.value;
+                }
+            }
         }
-      }
-    }
-    this.mutationO = watchForOptions(el, "duet-radio", newOption => {
-      if (newOption !== undefined) {
-        newOption.componentOnReady().then(() => {
-          this.value = newOption.value;
+        this.mutationO = watchForOptions(el, "duet-radio", newOption => {
+            if (newOption !== undefined) {
+                newOption.componentOnReady().then(() => {
+                    this.value = newOption.value;
+                });
+            }
+            else {
+                this.updateRadios();
+            }
         });
-      }
-      else {
         this.updateRadios();
-      }
-    });
-    this.updateRadios();
-  }
-  disconnectedCallback() {
-    if (this.mutationO) {
-      this.mutationO.disconnect();
-      this.mutationO = undefined;
     }
-  }
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * Local methods.
-   */
-  async updateRadios() {
+    disconnectedCallback() {
+        if (this.mutationO) {
+            this.mutationO.disconnect();
+            this.mutationO = undefined;
+        }
+    }
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+    }
     /**
-     * Make sure we get all radios first so values are up to date prior
-     * to caching the radio group value
+     * Local methods.
      */
-    const radios = Array.from(this.element.querySelectorAll("duet-radio"));
-    const { value } = this;
-    let hasChecked = false;
-    // Walk the DOM in reverse order, since the last selected one wins
-    for (const radio of radios) {
-      radio.name = this.name;
-      radio.required = this.required;
-      radio.groupDisabled = this.disabled;
-      radio.groupDirection = this.direction;
-      radio.groupResponsive = this.responsive;
-      if (!hasChecked && radio.value === value) {
-        // Correct value for this radio, but this radio isn't checked yet
-        // and we haven't found a checked yet
-        hasChecked = true;
-        radio.checked = true;
-      }
-      else {
-        // This radio doesn't have the correct value or the radio group has been already checked
-        radio.checked = false;
-      }
+    async updateRadios() {
+        /**
+         * Make sure we get all radios first so values are up to date prior
+         * to caching the radio group value
+         */
+        const radios = Array.from(this.element.querySelectorAll("duet-radio"));
+        const { value } = this;
+        let hasChecked = false;
+        // Walk the DOM in reverse order, since the last selected one wins
+        for (const radio of radios) {
+            radio.name = this.name;
+            radio.required = this.required;
+            radio.groupDisabled = this.disabled;
+            radio.groupDirection = this.direction;
+            radio.groupResponsive = this.responsive;
+            if (!hasChecked && radio.value === value) {
+                // Correct value for this radio, but this radio isn't checked yet
+                // and we haven't found a checked yet
+                hasChecked = true;
+                radio.checked = true;
+            }
+            else {
+                // This radio doesn't have the correct value or the radio group has been already checked
+                radio.checked = false;
+            }
+        }
+        // Reset value if
+        if (!hasChecked) {
+            this.value = undefined;
+        }
     }
-    // Reset value if
-    if (!hasChecked) {
-      this.value = undefined;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render() {
+        return (h(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("div", { class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
     }
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("div", { class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "name": ["updateRadios"],
-    "value": ["updateRadios"],
-    "disabled": ["updateRadios"],
-    "direction": ["updateRadios"],
-    "responsive": ["updateRadios"]
-  }; }
-  static get style() { return duetRadioGroupCss; }
+    get element() { return this; }
+    static get watchers() { return {
+        "name": ["updateRadios"],
+        "value": ["updateRadios"],
+        "disabled": ["updateRadios"],
+        "direction": ["updateRadios"],
+        "responsive": ["updateRadios"]
+    }; }
+    static get style() { return duetRadioGroupCss; }
 }, [6, "duet-radio-group", {
-    "direction": [1],
-    "margin": [1],
-    "theme": [1025],
-    "error": [1],
-    "tooltip": [1],
-    "tooltipDirection": [1, "tooltip-direction"],
-    "name": [1],
-    "label": [1],
-    "labelHidden": [4, "label-hidden"],
-    "caption": [1],
-    "responsive": [4],
-    "value": [1537],
-    "disabled": [4],
-    "required": [4],
-    "accessibleLiveError": [1, "accessible-live-error"]
-  }, undefined, {
-    "name": ["updateRadios"],
-    "value": ["updateRadios"],
-    "disabled": ["updateRadios"],
-    "direction": ["updateRadios"],
-    "responsive": ["updateRadios"]
-  }]);
+        "direction": [1],
+        "margin": [1],
+        "theme": [1025],
+        "error": [1],
+        "tooltip": [1],
+        "tooltipDirection": [1, "tooltip-direction"],
+        "name": [1],
+        "label": [1],
+        "labelHidden": [4, "label-hidden"],
+        "caption": [1],
+        "responsive": [4],
+        "value": [1537],
+        "disabled": [4],
+        "required": [4],
+        "accessibleLiveError": [1, "accessible-live-error"]
+    }, undefined, {
+        "name": ["updateRadios"],
+        "value": ["updateRadios"],
+        "disabled": ["updateRadios"],
+        "direction": ["updateRadios"],
+        "responsive": ["updateRadios"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-radio-group", "duet-caption", "duet-fieldset", "duet-icon", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-radio-group":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetRadioGroup$1);
-      }
-      break;
-    case "duet-caption":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "duet-fieldset":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "duet-tooltip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "duet-tooltip-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "duet-tooltip-popup":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-radio-group", "duet-caption", "duet-fieldset", "duet-icon", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-radio-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetRadioGroup$1);
+            }
+            break;
+        case "duet-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "duet-fieldset":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "duet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "duet-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "duet-tooltip-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "duet-tooltip-popup":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "duet-visually-hidden":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const DuetRadioGroup = DuetRadioGroup$1;

package/lib/dist-custom-elements/duet-radio.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface DuetRadio extends Components.DuetRadio, HTMLElement {}
 export const DuetRadio: {
-  prototype: DuetRadio;
-  new (): DuetRadio;
+    prototype: DuetRadio;
+    new (): DuetRadio;
 };
 /**
  * Used to define this component and all nested components recursively.