@designsystem-se/af 39.0.1-beta.dark-mode → 39.1.0-beta.2

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

@@ -17,41 +17,49 @@ import { FormInputVariation } from "./form-input-variation.enum";
 export class FormInput {
     constructor() {
         this.hasActiveValidationMessage = false;
-        this.hasButton = undefined;
         this.dirty = false;
         this.touched = false;
-        this.afLabel = undefined;
-        this.afLabelDescription = undefined;
+        /**
+         * Sätter attributet 'type'.
+         * @en Input type attribute
+         */
         this.afType = FormInputType.TEXT;
+        /**
+         * Sätter attributet 'inputmode'.
+         * @en Inputmode  type attribute
+         */
         this.afInputmode = FormInputMode.DEFAULT;
+        /**
+         * Layout för hur inmatningsfältet ska visas då det finns en knapp
+         * @en Input layout when there is a button
+         */
         this.afButtonVariation = FormInputButtonVariation.PRIMARY;
-        this.afAutofocus = undefined;
+        /**
+         * Sätter variant. Kan vara 'small', 'medium' eller 'large'
+         * @en Set input variation.
+         */
         this.afVariation = FormInputVariation.MEDIUM;
-        this.afName = undefined;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
         this.afId = randomIdGenerator('digi-form-input');
-        this.afMaxlength = undefined;
-        this.afMinlength = undefined;
-        this.afRequired = undefined;
-        this.afRequiredText = undefined;
+        /**
+         * Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
+         * @en Set this to true if the form contains more required fields than optional fields.
+         */
         this.afAnnounceIfOptional = false;
-        this.afAnnounceIfOptionalText = undefined;
-        this.value = undefined;
-        this.afValue = undefined;
+        /**
+         * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+         * @en Set input validation status
+         */
         this.afValidation = FormInputValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afRole = undefined;
-        this.afAutocomplete = undefined;
-        this.afMin = undefined;
-        this.afMax = undefined;
-        this.afList = undefined;
-        this.afStep = undefined;
-        this.afDirname = undefined;
-        this.afAriaAutocomplete = undefined;
-        this.afAriaActivedescendant = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afAriaControls = undefined;
-        this.afTrimValue = undefined;
+        /**
+         * Om värdet är true får felmeddelandet attributet role="alert".
+         * Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
+         * @en If the value is true, the error message gets the attribute role="alert".
+         * If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
+         */
         this.afErrorMessageIsAlert = true;
     }
     onValueChanged(value) {
@@ -209,8 +217,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-label",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-label"
             },
             "afLabelDescription": {
                 "type": "string",
@@ -231,8 +239,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-label-description",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-label-description"
             },
             "afType": {
                 "type": "string",
@@ -244,7 +252,8 @@ export class FormInput {
                         "FormInputType": {
                             "location": "import",
                             "path": "./form-input-type.enum",
-                            "id": "src/components/_form/form-input/form-input-type.enum.ts::FormInputType"
+                            "id": "src/components/_form/form-input/form-input-type.enum.ts::FormInputType",
+                            "referenceLocation": "FormInputType"
                         }
                     }
                 },
@@ -259,8 +268,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-type",
                 "reflect": false,
+                "attribute": "af-type",
                 "defaultValue": "FormInputType.TEXT"
             },
             "afInputmode": {
@@ -273,7 +282,8 @@ export class FormInput {
                         "FormInputMode": {
                             "location": "import",
                             "path": "./form-input-mode.enum",
-                            "id": "src/components/_form/form-input/form-input-mode.enum.ts::FormInputMode"
+                            "id": "src/components/_form/form-input/form-input-mode.enum.ts::FormInputMode",
+                            "referenceLocation": "FormInputMode"
                         }
                     }
                 },
@@ -288,8 +298,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-inputmode",
                 "reflect": false,
+                "attribute": "af-inputmode",
                 "defaultValue": "FormInputMode.DEFAULT"
             },
             "afButtonVariation": {
@@ -302,7 +312,8 @@ export class FormInput {
                         "FormInputButtonVariation": {
                             "location": "import",
                             "path": "./form-input-button-variation.enum",
-                            "id": "src/components/_form/form-input/form-input-button-variation.enum.ts::FormInputButtonVariation"
+                            "id": "src/components/_form/form-input/form-input-button-variation.enum.ts::FormInputButtonVariation",
+                            "referenceLocation": "FormInputButtonVariation"
                         }
                     }
                 },
@@ -317,8 +328,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-button-variation",
                 "reflect": false,
+                "attribute": "af-button-variation",
                 "defaultValue": "FormInputButtonVariation.PRIMARY"
             },
             "afAutofocus": {
@@ -340,8 +351,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-autofocus",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-autofocus"
             },
             "afVariation": {
                 "type": "string",
@@ -353,7 +364,8 @@ export class FormInput {
                         "FormInputVariation": {
                             "location": "import",
                             "path": "./form-input-variation.enum",
-                            "id": "src/components/_form/form-input/form-input-variation.enum.ts::FormInputVariation"
+                            "id": "src/components/_form/form-input/form-input-variation.enum.ts::FormInputVariation",
+                            "referenceLocation": "FormInputVariation"
                         }
                     }
                 },
@@ -368,8 +380,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-variation",
                 "reflect": false,
+                "attribute": "af-variation",
                 "defaultValue": "FormInputVariation.MEDIUM"
             },
             "afName": {
@@ -391,8 +403,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-name"
             },
             "afId": {
                 "type": "string",
@@ -413,8 +425,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-id",
                 "reflect": false,
+                "attribute": "af-id",
                 "defaultValue": "randomIdGenerator('digi-form-input')"
             },
             "afMaxlength": {
@@ -436,8 +448,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-maxlength",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-maxlength"
             },
             "afMinlength": {
                 "type": "number",
@@ -458,8 +470,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-minlength",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-minlength"
             },
             "afRequired": {
                 "type": "boolean",
@@ -480,8 +492,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-required",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-required"
             },
             "afRequiredText": {
                 "type": "string",
@@ -502,8 +514,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-required-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-required-text"
             },
             "afAnnounceIfOptional": {
                 "type": "boolean",
@@ -524,8 +536,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-announce-if-optional",
                 "reflect": false,
+                "attribute": "af-announce-if-optional",
                 "defaultValue": "false"
             },
             "afAnnounceIfOptionalText": {
@@ -547,8 +559,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-announce-if-optional-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-announce-if-optional-text"
             },
             "value": {
                 "type": "any",
@@ -572,8 +584,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "afValue": {
                 "type": "any",
@@ -594,8 +606,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-value",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-value"
             },
             "afValidation": {
                 "type": "string",
@@ -607,7 +619,8 @@ export class FormInput {
                         "FormInputValidation": {
                             "location": "import",
                             "path": "./form-input-validation.enum",
-                            "id": "src/components/_form/form-input/form-input-validation.enum.ts::FormInputValidation"
+                            "id": "src/components/_form/form-input/form-input-validation.enum.ts::FormInputValidation",
+                            "referenceLocation": "FormInputValidation"
                         }
                     }
                 },
@@ -622,8 +635,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-validation",
                 "reflect": false,
+                "attribute": "af-validation",
                 "defaultValue": "FormInputValidation.NEUTRAL"
             },
             "afValidationText": {
@@ -645,8 +658,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-validation-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-validation-text"
             },
             "afRole": {
                 "type": "string",
@@ -667,8 +680,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-role",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-role"
             },
             "afAutocomplete": {
                 "type": "string",
@@ -689,8 +702,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-autocomplete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-autocomplete"
             },
             "afMin": {
                 "type": "string",
@@ -711,8 +724,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-min",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-min"
             },
             "afMax": {
                 "type": "string",
@@ -733,8 +746,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-max",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-max"
             },
             "afList": {
                 "type": "string",
@@ -755,8 +768,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-list",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-list"
             },
             "afStep": {
                 "type": "string",
@@ -777,8 +790,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-step",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-step"
             },
             "afDirname": {
                 "type": "string",
@@ -799,8 +812,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-dirname",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-dirname"
             },
             "afAriaAutocomplete": {
                 "type": "string",
@@ -821,8 +834,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-aria-autocomplete",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-aria-autocomplete"
             },
             "afAriaActivedescendant": {
                 "type": "string",
@@ -843,8 +856,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-aria-activedescendant",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-aria-activedescendant"
             },
             "afAriaLabelledby": {
                 "type": "string",
@@ -865,8 +878,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-aria-labelledby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-aria-labelledby"
             },
             "afAriaDescribedby": {
                 "type": "string",
@@ -887,8 +900,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-aria-describedby",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-aria-describedby"
             },
             "afAriaControls": {
                 "type": "string",
@@ -909,8 +922,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-aria-controls",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-aria-controls"
             },
             "afTrimValue": {
                 "type": "boolean",
@@ -931,8 +944,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-trim-value",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-trim-value"
             },
             "afErrorMessageIsAlert": {
                 "type": "any",
@@ -953,8 +966,8 @@ export class FormInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-error-message-is-alert",
                 "reflect": false,
+                "attribute": "af-error-message-is-alert",
                 "defaultValue": "true"
             }
         };