@duetds/components 10.0.0-alpha.2 → 10.0.0-alpha.20

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -6,6 +6,52 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetPopupMenuItem {
     constructor() {
+        this.focus = false;
+        /**
+         * Accessible role.
+         */
+        this.accessibleRole = "menuitem";
+        /**
+         * Theme.
+         */
+        this.theme = "";
+        /**
+         * Forces URL to open in a new browser tab. Used together with URL prop.
+         */
+        this.external = false;
+        /**
+         * Language of the link. Use this only for language selection links.
+         */
+        this.targetLanguage = undefined;
+        /**
+         * Value
+         */
+        this.value = undefined;
+        /**
+         * Left icon.
+         */
+        this.leadingIcon = undefined;
+        /**
+         * Left icon color.
+         */
+        this.leadingIconColor = undefined;
+        /**
+         * Right icon.
+         */
+        this.trailingIcon = undefined;
+        /**
+         * Short text to display after the label, e.g. keyboard shortcut.
+         */
+        this.trailingText = undefined;
+        /**
+         * Is the item currently active (e.g. selected)
+         */
+        this.active = false;
+        /**
+         * @internal
+         * Focus simulation when parent element uses aria-activedescendant
+         */
+        this.activeDescendant = false;
         /**
          * Component event handling.
          */
@@ -25,20 +71,6 @@ export class DuetPopupMenuItem {
                 component: "duet-popup-menu-item",
             });
         };
-        this.focus = false;
-        this.accessibleLabel = undefined;
-        this.accessibleRole = "menuitem";
-        this.theme = "";
-        this.url = undefined;
-        this.external = false;
-        this.targetLanguage = undefined;
-        this.value = undefined;
-        this.leadingIcon = undefined;
-        this.leadingIconColor = undefined;
-        this.trailingIcon = undefined;
-        this.trailingText = undefined;
-        this.active = false;
-        this.activeDescendant = false;
     }
     /**
      * Component lifecycle events.
@@ -66,11 +98,11 @@ export class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (h(Host, { key: 'd8a0f9f62ecc1abedce8431e27331ff3d88f4c24', role: this.accessibleRole }, h(TagName, { key: '998d7156c8a1e789405240a5927923e83130eb48', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'db04fcce497b69525b6dafe5179aaff15a61a98f', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'f67feb833576c6272f80097877c16cc0c68f41f8', class: "duet-popup-menu-item-label" }, h("slot", { key: 'bd8abe74d51a7398ab7ba70813dc1449ad5e0bb4' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '3f75ee757d5ff1b5fa9055b897fd51c31f6919d5', name: this.url && this.external
+        return (h(Host, { key: 'f27689157d4f30730ed329199d0073e1f892c667', role: this.accessibleRole }, h(TagName, { key: '732df7b3d187436866bb95178a55ce3a467cd417', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'f847d93146cc6fe171ca53ea75257f0dd64a3a8d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '404710e8e19bf119276abc7287c9167a4f93587b', class: "duet-popup-menu-item-label" }, h("slot", { key: '92c4753ed0a7a4eb6cb7940b6a5bfcdae6ca10f7' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '11a754fbbd49c1e9f8a6a2fcd78d2d7ee0ebccdc', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'e716737df75eb8ee5512b2075e37ef539fe4ef2c', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '0f27221f438165670d91d6bbe5f5792081f54384', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -88,6 +120,7 @@ export class DuetPopupMenuItem {
         return {
             "accessibleLabel": {
                 "type": "string",
+                "attribute": "accessible-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -102,11 +135,11 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label",
                 "reflect": false
             },
             "accessibleRole": {
                 "type": "string",
+                "attribute": "accessible-role",
                 "mutable": false,
                 "complexType": {
                     "original": "\"menuitem\" | \"listitem\" | \"option\"",
@@ -121,12 +154,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-role",
                 "reflect": false,
                 "defaultValue": "\"menuitem\""
             },
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": true,
                 "complexType": {
                     "original": "DuetTheme",
@@ -147,12 +180,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "url": {
                 "type": "string",
+                "attribute": "url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +200,11 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "url",
                 "reflect": false
             },
             "external": {
                 "type": "boolean",
+                "attribute": "external",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -186,12 +219,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "external",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "targetLanguage": {
                 "type": "string",
+                "attribute": "target-language",
                 "mutable": false,
                 "complexType": {
                     "original": "\"en\" | \"fi\" | \"sv\"",
@@ -206,12 +239,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "target-language",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -226,12 +259,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "leadingIcon": {
                 "type": "string",
+                "attribute": "leading-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetIconName",
@@ -252,12 +285,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "leading-icon",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "leadingIconColor": {
                 "type": "string",
+                "attribute": "leading-icon-color",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetIconColor",
@@ -278,12 +311,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "leading-icon-color",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "trailingIcon": {
                 "type": "string",
+                "attribute": "trailing-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetIconName",
@@ -304,12 +337,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "trailing-icon",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "trailingText": {
                 "type": "string",
+                "attribute": "trailing-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -324,12 +357,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "trailing-text",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -344,12 +377,12 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "activeDescendant": {
                 "type": "boolean",
+                "attribute": "active-descendant",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -367,7 +400,6 @@ export class DuetPopupMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active-descendant",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -12,20 +12,42 @@ export class DuetProgress {
          */
         this.progressId = createID("DuetProgress");
         this.progressLabelId = createID("DuetProgressLabel");
-        this.accessibleDescribedBy = undefined;
+        /**
+         * Aria Details of the component
+         */
         this.accessibleDetails = undefined;
+        /**
+         * String of id's that indicate alternative labels elements
+         */
         this.accessibleLabelledBy = undefined;
+        /**
+         * Aria description the button
+         */
         this.accessibleDescription = undefined;
-        this.accessibleLabel = undefined;
+        /**
+         * Defaults for accessibleLabel
+         */
         this.accessibleLabelUploadDefaults = {
             fi: ["lähetys valmis", "lähetys käynnissä"],
             sv: ["Uppladdningen är klar", "Uppladdning pågår"],
             en: ["upload completed", "upload in progress"],
         };
+        /**
+         * Adds accessible label for upload in progress and upload complete states
+         * @default {fi: ["lähetys valmis", "lähetys käynnissä"],sv: ["Uppladdningen är klar", "Uppladdning pågår"], en:  ["completed", "in progress"]}
+         */
         this.accessibleLabelUpload = getLocaleString(this.accessibleLabelUploadDefaults);
+        /**
+         * Progress of the bar, a value from 0-100
+         */
         this.progress = 0;
-        this.caption = undefined;
+        /**
+         * Height of progressbar
+         */
         this.height = "10px";
+        /**
+         * Theme of the input.
+         */
         this.theme = "";
     }
     /**
@@ -74,6 +96,7 @@ export class DuetProgress {
         return {
             "accessibleDescribedBy": {
                 "type": "string",
+                "attribute": "accessible-described-by",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -88,11 +111,11 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-described-by",
                 "reflect": false
             },
             "accessibleDetails": {
                 "type": "string",
+                "attribute": "accessible-details",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -107,12 +130,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "accessibleLabelledBy": {
                 "type": "string",
+                "attribute": "accessible-labelled-by",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,12 +150,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "accessibleDescription": {
                 "type": "string",
+                "attribute": "accessible-description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -147,12 +170,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "accessibleLabel": {
                 "type": "string",
+                "attribute": "accessible-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +190,11 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label",
                 "reflect": false
             },
             "accessibleLabelUploadDefaults": {
                 "type": "string",
+                "attribute": "accessible-label-upload-defaults",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLangObject | string",
@@ -192,12 +215,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label-upload-defaults",
                 "reflect": false,
                 "defaultValue": "{\n    fi: [\"l\u00E4hetys valmis\", \"l\u00E4hetys k\u00E4ynniss\u00E4\"],\n    sv: [\"Uppladdningen \u00E4r klar\", \"Uppladdning p\u00E5g\u00E5r\"],\n    en: [\"upload completed\", \"upload in progress\"],\n  }"
             },
             "accessibleLabelUpload": {
                 "type": "string",
+                "attribute": "accessible-label-upload",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -215,12 +238,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label-upload",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelUploadDefaults)"
             },
             "progress": {
                 "type": "number",
+                "attribute": "progress",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -235,12 +258,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "progress",
                 "reflect": true,
                 "defaultValue": "0"
             },
             "caption": {
                 "type": "string",
+                "attribute": "caption",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -255,11 +278,11 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "caption",
                 "reflect": false
             },
             "height": {
                 "type": "string",
+                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -274,12 +297,12 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "height",
                 "reflect": false,
                 "defaultValue": "\"10px\""
             },
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": true,
                 "complexType": {
                     "original": "DuetTheme",
@@ -300,7 +323,6 @@ export class DuetProgress {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
             }

package/lib/collection/components/duet-promo-card/duet-promo-card.js

@@ -13,13 +13,30 @@ import { getColorByName } from "../../utils/token-utils";
  */
 export class DuetPromoCard {
     constructor() {
+        /**
+         * Theme.
+         */
         this.theme = "";
+        /**
+         * Controls the margin of the component.
+         */
         this.margin = "auto";
+        /**
+         * Background color.
+         */
         this.backgroundColor = "";
+        /**
+         * Text color.
+         */
         this.textColor = "secondary";
+        /**
+         * Image. Example image is 512x341;
+         */
         this.image = "";
+        /**
+         * The actual heading level used in the HTML markup.
+         */
         this.headingLevel = "h3";
-        this.url = undefined;
     }
     /**
      * Component lifecycle events.
@@ -53,12 +70,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'cf0d6881f2f47a55a8143ca7b3456883bb2d772a', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '928893cdc7ec06b1d2c063bb97534847c647272e', class: {
+        return (h(Host, { key: '5d52e64c1d3690ac035e8a871be19a3af1634cf6', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '71accf7dad1f906660fd274f9ab2f80d47a7cbf0', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: '364938761185a64da7aa41156bc9537a98214cd9', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '2c0cf1389b24e9f83d2ceaa0f8c9b7d61497be6d', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '1d0b3d4c573a508916a2764704371938cde06015', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '2b37c5cdafaed100d881143c347afb3c61001204', class: "pre-heading" }, h("slot", { key: '25a7c6af10e95f45da8d0b541f62deef43e1425c', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'd442b4843e6ef12edaf638fa40ea1dfeb7530b67', class: "heading" }, h("duet-heading", { key: 'a958109c2ee15936268c1f4d2442c882b2201f23', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'c0e6cfbc00e165a7d268e523f70fb9bd35319d74' }, h("slot", { key: '0486de64216f817a4beea3c033cc8358b1c5e0e4', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '290862c134b87ef88be10e76b8bbcdd4d3b81e4a', class: "description" }, h("duet-paragraph", { key: '62c172d0ca03aaf5a07eebc9ba746522b3ad4111', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '2e1aa4953e82e554989d540ea3457b4e3bf41ab1' }, h("slot", { key: 'e84b12f234411a1cc96e6e3162a1c0c18014dd2b', name: "description" }))))), this.hasActionSlot && (h("div", { key: '2fb7c4c6c1c6e1726ea7ae5b2dc98964523f7161', class: "action" }, h("slot", { key: '62ed799aa718b7dfe639a2c06e868ed5d019d881', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: 'c143f8a1ab12a2b74e705d7731db79acdc77ba9c', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '7444e135bf6f99c7dba5c48252e867162a54435b', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '90d7ec1df0f15ddd7302c66cbdbebe93fb88c118', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '5668fca99b2fb91c2332912ffad323121d62609a', class: "pre-heading" }, h("slot", { key: '5ad67f77f308d377b424213c324d840761f366df', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '0507f691441a3e00b368c2ad5ffc9570b555cbaa', class: "heading" }, h("duet-heading", { key: '6013085118d47ada0ca0e00e36e506d66d351af0', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '7172a732bd24d6a0fbf959ff08d49db480bc79ca' }, h("slot", { key: 'd333f8788f08c176d0ddf4b2e91ff1d82826d01e', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '4f8047bdebfdeafc953e8317bdd8ff71eb8e3ea5', class: "description" }, h("duet-paragraph", { key: '4840ee8433dbaabdebddc0330d1b0c5f8d4b4235', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '255f404403532703f4fdca0ffb4e17ae64b2112e' }, h("slot", { key: '17dc76d3a1954059aede710d109ddd9073680331', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'a96c5b9ca22d2ca962a22d5e8f9336d9c5e3b894', class: "action" }, h("slot", { key: '847683c0a2273709d919017375bcb82b22b54fdc', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }
@@ -76,6 +93,7 @@ export class DuetPromoCard {
         return {
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": true,
                 "complexType": {
                     "original": "DuetTheme",
@@ -96,12 +114,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "margin": {
                 "type": "string",
+                "attribute": "margin",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetMargin",
@@ -122,12 +140,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
             },
             "backgroundColor": {
                 "type": "string",
+                "attribute": "background-color",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetColor | \"\"",
@@ -148,12 +166,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "background-color",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "textColor": {
                 "type": "string",
+                "attribute": "text-color",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetColor",
@@ -174,12 +192,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text-color",
                 "reflect": false,
                 "defaultValue": "\"secondary\""
             },
             "image": {
                 "type": "string",
+                "attribute": "image",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -194,12 +212,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "image",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "headingLevel": {
                 "type": "string",
+                "attribute": "heading-level",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetHeadingLevel",
@@ -220,12 +238,12 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "heading-level",
                 "reflect": false,
                 "defaultValue": "\"h3\""
             },
             "url": {
                 "type": "string",
+                "attribute": "url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -240,7 +258,6 @@ export class DuetPromoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "url",
                 "reflect": false
             }
         };