@designsystem-se/af 39.1.0-beta.2 → 39.2.0

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js

@@ -9,35 +9,12 @@ import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
  */
 export class ExpandableFaqItem {
     constructor() {
-        /**
-         * Sätter rubriknivå. 'h3' är förvalt.
-         * @en Set heading level. Default is 'h3'
-         */
+        this.afHeading = undefined;
         this.afHeadingLevel = ExpandableFaqItemHeadingLevel.H3;
-        /**
-         * Gör så att komponenten tar upp 100% i bredd av ytan den befinner sig i.
-         * @en Makes the component take up 100% of the width of the surface it is in.
-         */
         this.afFullWidth = false;
-        /**
-         * Sätter läge på FAQ-frågan om den ska vara expanderad eller ej.
-         * @en Sets the state of the FAQ item to expanded or not.
-         */
         this.afExpanded = false;
-        /**
-         * Sätter variant. Kan vara 'Primary' eller 'Secondary'
-         * @en Set variation. Can be 'Primary' or 'Secondary'
-         */
         this.afVariation = ExpandableFaqItemVariation.PRIMARY;
-        /**
-         * Ställer in ifall komponenten ska ha en animation vid utfällning. Animation är påslagen som standard.
-         * @en Sets the state of the animation for the accordion's expanded area. Animation is on as default.
-         */
         this.afAnimation = true;
-        /**
-         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-         * @en Set id attribute. Defaults to random string.
-         */
         this.afId = randomIdGenerator('digi-expandable-faq-item');
     }
     get cssModifiers() {
@@ -54,7 +31,7 @@ export class ExpandableFaqItem {
      * @en Gets a height to the content for FAQ and animate the content.
      */
     componentDidLoad() {
-        const content = this.hostElement.querySelector(`#${this.afId}-content`);
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
         if (!this.afExpanded) {
             content.setAttribute('style', 'visibility: hidden;');
         }
@@ -70,7 +47,7 @@ export class ExpandableFaqItem {
         });
     }
     animateContentHeight() {
-        const content = this.hostElement.querySelector(`#${this.afId}-content`);
+        const content = this.hostElement.children[0].querySelector(`#${this.afId}-content`);
         const sectionHeight = content.firstElementChild
             .offsetHeight;
         if (!this.afExpanded && content.style.height === 'auto') {
@@ -93,18 +70,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: '6d3c64be92f3bf878a6319f8bc6a74b944b9621d', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '7c2929a9fbef5158ba44cc9822cd4592072fdeb1', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '79e19f80b947765f4ec9e342849ebfef121f1694' }, h("button", { key: 'e08fe43a72da2004e977ecad16383100de0b49c7', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '77cebf9e6024110a7a13e0a8b8bad26443783f3f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: 'cfcd9dd4602a738d93c588e78aacf3a1d680be7f', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '070e9ce1ae568f76a98c790eecd9f6c8170882eb' }, h("button", { key: 'bd22294c7b556c2f048a9168e7ef6623df5f7344', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '245e1d2578b3e15d0fc83aaf82ca5b19a292ab20', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '8d32c3b205fb19bd82887eaeb586e823f43f275a', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: '6b37c5b10fee03cb1e8fbaebf4afa879131fef08', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '5d0083596a6a9d8dc17db3814dd7fc5b7672def1', class: {
+            } }), h("div", { key: '8f3a9b920c46c0bd7604fc263eee364aab0530bc', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '0044fcff40a354d5aa2eab9cd3aa8bb8f84a655e', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, h("div", { key: '1c11f15e328118a0adc6c5fb0cb88b7c8f3b8470' }, h("digi-typography", { key: '0253266ad670b87a5a9291101d965899f14f0b16' }, h("slot", { key: '7c277acd32d84ccc6b1c14913aebde586a2ea148' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '57d0847d6c133b95366884299109f728b72f9cdf' }, h("digi-typography", { key: 'a7ac9df70a7e68d0f55b6f745d456884ab3527ac' }, h("slot", { key: '49f68abb221c4b439269ea016c8f66e7dd5c37ea' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }
@@ -139,8 +116,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-heading"
+                "attribute": "af-heading",
+                "reflect": false
             },
             "afHeadingLevel": {
                 "type": "string",
@@ -152,8 +129,7 @@ export class ExpandableFaqItem {
                         "ExpandableFaqItemHeadingLevel": {
                             "location": "import",
                             "path": "./expandable-faq-item-heading-level.enum",
-                            "id": "src/components/_expandable/expandable-faq-item/expandable-faq-item-heading-level.enum.ts::ExpandableFaqItemHeadingLevel",
-                            "referenceLocation": "ExpandableFaqItemHeadingLevel"
+                            "id": "src/components/_expandable/expandable-faq-item/expandable-faq-item-heading-level.enum.ts::ExpandableFaqItemHeadingLevel"
                         }
                     }
                 },
@@ -168,8 +144,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-heading-level",
+                "reflect": false,
                 "defaultValue": "ExpandableFaqItemHeadingLevel.H3"
             },
             "afFullWidth": {
@@ -191,8 +167,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-full-width",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "afExpanded": {
@@ -214,8 +190,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-expanded",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "afVariation": {
@@ -228,8 +204,7 @@ export class ExpandableFaqItem {
                         "ExpandableFaqItemVariation": {
                             "location": "import",
                             "path": "./expandable-faq-item-variation.enum",
-                            "id": "src/components/_expandable/expandable-faq-item/expandable-faq-item-variation.enum.ts::ExpandableFaqItemVariation",
-                            "referenceLocation": "ExpandableFaqItemVariation"
+                            "id": "src/components/_expandable/expandable-faq-item/expandable-faq-item-variation.enum.ts::ExpandableFaqItemVariation"
                         }
                     }
                 },
@@ -244,8 +219,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-variation",
+                "reflect": false,
                 "defaultValue": "ExpandableFaqItemVariation.PRIMARY"
             },
             "afAnimation": {
@@ -267,8 +242,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-animation",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afId": {
@@ -290,8 +265,8 @@ export class ExpandableFaqItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-id",
+                "reflect": false,
                 "defaultValue": "randomIdGenerator('digi-expandable-faq-item')"
             }
         };

package/dist/collection/components/_footer/footer/footer.js

@@ -14,10 +14,6 @@ import { LayoutBlockVariation } from "../../../enums";
  */
 export class FooterFooter {
     constructor() {
-        /**
-         * Sätter variation. Kan vara stor eller liten
-         * @en Set variation. Can be 'large' or 'small'
-         */
         this.afVariation = FooterVariation.LARGE;
     }
     get cssModifiers() {
@@ -52,8 +48,7 @@ export class FooterFooter {
                         "FooterVariation": {
                             "location": "import",
                             "path": "./footer-variation.enum",
-                            "id": "src/components/_footer/footer/footer-variation.enum.ts::FooterVariation",
-                            "referenceLocation": "FooterVariation"
+                            "id": "src/components/_footer/footer/footer-variation.enum.ts::FooterVariation"
                         }
                     }
                 },
@@ -68,8 +63,8 @@ export class FooterFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-variation",
+                "reflect": false,
                 "defaultValue": "FooterVariation.LARGE"
             }
         };

package/dist/collection/components/_footer/footer-card/footer-card.js

@@ -11,10 +11,6 @@ import { FooterCardVariation } from "./footer-card-variation.enum";
  */
 export class FooterFooterCard {
     constructor() {
-        /**
-         * Sätter innehållstyp för footerkortet, så som länklista med, utan ikon eller om kortet ska ha en kantlinje
-         * @en Sets content typ for the footercard, such as linklist with and without icon and if the card should have a border or not.
-         */
         this.afType = FooterCardVariation.NONE;
     }
     get cssModifiers() {
@@ -50,8 +46,7 @@ export class FooterFooterCard {
                         "FooterCardVariation": {
                             "location": "import",
                             "path": "./footer-card-variation.enum",
-                            "id": "src/components/_footer/footer-card/footer-card-variation.enum.ts::FooterCardVariation",
-                            "referenceLocation": "FooterCardVariation"
+                            "id": "src/components/_footer/footer-card/footer-card-variation.enum.ts::FooterCardVariation"
                         }
                     }
                 },
@@ -66,8 +61,8 @@ export class FooterFooterCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-type",
+                "reflect": false,
                 "defaultValue": "FooterCardVariation.NONE"
             }
         };

package/dist/collection/components/_form/form-category-filter/form-category-filter.js

@@ -4,45 +4,13 @@ import { h, Host } from "@stencil/core";
  */
 export class FormCategoryFilter {
     constructor() {
-        /**
-         * En lista av kategorier
-         * @en A list of categories
-         */
         this.afCategories = [];
-        /**
-         * Ifall listan ska börja med en knapp för 'Alla kategorier'
-         * @en If the list should start with a button for 'All categories'
-         */
         this.afAllCategories = true;
-        /**
-         * Ifall 'Alla kategorier' kategorin ska vara vald från start
-         * @en If the 'All categories' category should be selected from start
-         */
         this.afAllCategoriesSelected = true;
-        /**
-         * Namnet på 'Alla kategorier'-kategorin
-         * @en The name of the 'All categories' category
-         */
         this.afAllCategoriesText = 'Alla kategorier';
-        /**
-         * Antal synliga kategorier när listan är kollapsad (ifall det finns färre valbara kategorier än detta värde så syns inte 'Visa fler/färre'-knappen)
-         * @en Number of visible categories when the list is collapsed (the 'Show more/less'-button is not shown if there are fewer selectable categories than this number)
-         */
         this.afVisibleCollapsed = 0;
-        /**
-         * Ifall listan ska vara kollapsad från början
-         * @en If the list should be collapsed from start
-         */
         this.afStartCollapsed = false;
-        /**
-         * Välj om man ska kunna filtrera på flera kategorier åt gången.
-         * @en Set if filtering should use multiselect.
-         */
         this.afMultiselect = true;
-        /**
-         * Visa alla kategorier och dölj knappen för att visa fler/färre
-         * @en Show all categories and hide button to show more/fewer
-         */
         this.afHideToggle = false;
         this.selectedCategories = [];
         this.collapsed = false;
@@ -164,8 +132,7 @@ export class FormCategoryFilter {
                         "FormCategory": {
                             "location": "import",
                             "path": "./form-category-filter.interfaces",
-                            "id": "src/components/_form/form-category-filter/form-category-filter.interfaces.ts::FormCategory",
-                            "referenceLocation": "FormCategory"
+                            "id": "src/components/_form/form-category-filter/form-category-filter.interfaces.ts::FormCategory"
                         }
                     }
                 },
@@ -201,8 +168,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-all-categories",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afAllCategoriesSelected": {
@@ -224,8 +191,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-all-categories-selected",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afAllCategoriesText": {
@@ -247,8 +214,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-all-categories-text",
+                "reflect": false,
                 "defaultValue": "'Alla kategorier'"
             },
             "afVisibleCollapsed": {
@@ -270,8 +237,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-visible-collapsed",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "afStartCollapsed": {
@@ -293,8 +260,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-start-collapsed",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "afMultiselect": {
@@ -316,8 +283,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-multiselect",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afHideToggle": {
@@ -339,8 +306,8 @@ export class FormCategoryFilter {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-hide-toggle",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/_form/form-checkbox/form-checkbox.css

@@ -524,7 +524,7 @@ License: none (public domain)
   --digi--color--background--interactive--hover--quarternary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--hover--secondary--light: var(--digi--natthimmel--250);
   --digi--color--background--interactive--hover--tertiary--light: var(--digi--sapphire--500);
-  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--250);
+  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--350);
   --digi--color--background--interactive--selected--primary--light: var(--digi--sentiment--success--500);
   --digi--color--background--interactive--selected--secondary--light: var(--digi--natthimmel--800);
   --digi--color--background--interactive--selected--tertiary--light: var(--digi--grayscale--200);
@@ -601,7 +601,7 @@ License: none (public domain)
   --digi--color--marking--indication--primary--light: var(--digi--sentiment--success--500);
   --digi--color--marking--indication--secondary--light: var(--digi--natthimmel--800);
   --digi--color--marking--indication--tertiary--light: var(--digi--grayscale--700);
-  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--250);
+  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--350);
   --digi--color--marking--navigation--level-inactive--light: var(--digi--grayscale--100);
   --digi--color--marking--navigation--selected--light: var(--digi--granskott--700);
   --digi--color--misc--skeleton--light: var(--digi--grayscale--400);

package/dist/collection/components/_form/form-checkbox/form-checkbox.js

@@ -16,26 +16,25 @@ export class FormCheckbox {
         this.touched = false;
         this.focusVisible = false;
         this.focusMethod = null;
-        /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'
-         * @en Set checkbox variation.
-         */
+        this.afInputRef = undefined;
+        this.afLabel = undefined;
         this.afVariation = FormCheckboxVariation.PRIMARY;
-        /**
-         * Sätter layouten.
-         * @en Set checkbox layout.
-         */
         this.afLayout = FormCheckboxLayout.INLINE;
-        /**
-         * Sätter property 'indeterminate' på inputelementet.
-         * @en Set indeterminate property.
-         */
         this.afIndeterminate = false;
-        /**
-         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
-         * @en Input id attribute. Defaults to random string.
-         */
+        this.afName = undefined;
+        this.checked = undefined;
+        this.afChecked = undefined;
         this.afId = randomIdGenerator('digi-form-checkbox');
+        this.afRequired = undefined;
+        this.value = undefined;
+        this.afValue = undefined;
+        this.afValidation = undefined;
+        this.afAriaLabelledby = undefined;
+        this.afAriaLabel = undefined;
+        this.afDescription = undefined;
+        this.afAriaDescribedby = undefined;
+        this.afAutofocus = undefined;
+        this.afTabIndex = undefined;
     }
     onCheckedChanged(checked) {
         this.afChecked = checked;
@@ -179,8 +178,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-label"
+                "attribute": "af-label",
+                "reflect": false
             },
             "afVariation": {
                 "type": "string",
@@ -192,8 +191,7 @@ export class FormCheckbox {
                         "FormCheckboxVariation": {
                             "location": "import",
                             "path": "./form-checkbox-variation.enum",
-                            "id": "src/components/_form/form-checkbox/form-checkbox-variation.enum.ts::FormCheckboxVariation",
-                            "referenceLocation": "FormCheckboxVariation"
+                            "id": "src/components/_form/form-checkbox/form-checkbox-variation.enum.ts::FormCheckboxVariation"
                         }
                     }
                 },
@@ -208,8 +206,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-variation",
+                "reflect": false,
                 "defaultValue": "FormCheckboxVariation.PRIMARY"
             },
             "afLayout": {
@@ -222,8 +220,7 @@ export class FormCheckbox {
                         "FormCheckboxLayout": {
                             "location": "import",
                             "path": "./form-checkbox-layout.enum",
-                            "id": "src/components/_form/form-checkbox/form-checkbox-layout.enum.ts::FormCheckboxLayout",
-                            "referenceLocation": "FormCheckboxLayout"
+                            "id": "src/components/_form/form-checkbox/form-checkbox-layout.enum.ts::FormCheckboxLayout"
                         }
                     }
                 },
@@ -238,8 +235,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-layout",
+                "reflect": false,
                 "defaultValue": "FormCheckboxLayout.INLINE"
             },
             "afIndeterminate": {
@@ -261,8 +258,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-indeterminate",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "afName": {
@@ -284,8 +281,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-name"
+                "attribute": "af-name",
+                "reflect": false
             },
             "checked": {
                 "type": "boolean",
@@ -309,8 +306,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "checked"
+                "attribute": "checked",
+                "reflect": false
             },
             "afChecked": {
                 "type": "boolean",
@@ -331,8 +328,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-checked"
+                "attribute": "af-checked",
+                "reflect": false
             },
             "afId": {
                 "type": "string",
@@ -353,8 +350,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-id",
+                "reflect": false,
                 "defaultValue": "randomIdGenerator('digi-form-checkbox')"
             },
             "afRequired": {
@@ -376,8 +373,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-required"
+                "attribute": "af-required",
+                "reflect": false
             },
             "value": {
                 "type": "string",
@@ -401,8 +398,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "value"
+                "attribute": "value",
+                "reflect": false
             },
             "afValue": {
                 "type": "string",
@@ -423,8 +420,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-value"
+                "attribute": "af-value",
+                "reflect": false
             },
             "afValidation": {
                 "type": "string",
@@ -436,8 +433,7 @@ export class FormCheckbox {
                         "FormCheckboxValidation": {
                             "location": "import",
                             "path": "./form-checkbox-validation.enum",
-                            "id": "src/components/_form/form-checkbox/form-checkbox-validation.enum.ts::FormCheckboxValidation",
-                            "referenceLocation": "FormCheckboxValidation"
+                            "id": "src/components/_form/form-checkbox/form-checkbox-validation.enum.ts::FormCheckboxValidation"
                         }
                     }
                 },
@@ -452,8 +448,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-validation"
+                "attribute": "af-validation",
+                "reflect": false
             },
             "afAriaLabelledby": {
                 "type": "string",
@@ -474,8 +470,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-aria-labelledby"
+                "attribute": "af-aria-labelledby",
+                "reflect": false
             },
             "afAriaLabel": {
                 "type": "string",
@@ -496,8 +492,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-aria-label"
+                "attribute": "af-aria-label",
+                "reflect": false
             },
             "afDescription": {
                 "type": "string",
@@ -518,8 +514,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-description"
+                "attribute": "af-description",
+                "reflect": false
             },
             "afAriaDescribedby": {
                 "type": "string",
@@ -540,8 +536,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-aria-describedby"
+                "attribute": "af-aria-describedby",
+                "reflect": false
             },
             "afAutofocus": {
                 "type": "boolean",
@@ -562,8 +558,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-autofocus"
+                "attribute": "af-autofocus",
+                "reflect": false
             },
             "afTabIndex": {
                 "type": "number",
@@ -587,8 +583,8 @@ export class FormCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-tab-index"
+                "attribute": "af-tab-index",
+                "reflect": false
             }
         };
     }