npm - @umbraco-ui/uui - Versions diffs - 1.10.1 → 1.11.0 - Mend

@umbraco-ui/uui 1.10.1 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/custom-elements.json +284 -216
package/dist/uui.min.js +60 -58
package/dist/uui.min.js.map +1 -1
package/package.json +84 -84
package/vscode-html-custom-data.json +130 -105

package/custom-elements.json CHANGED Viewed

@@ -49,6 +49,12 @@
           "name": "",
           "description": "Insert the `<uui-avatar>` elements in the default slot"
         }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-avatar-border-color",
+          "description": "Border color of the avatars"
+        }
       ]
     },
     {
@@ -443,7 +449,7 @@
         {
           "name": "type",
           "description": "Specifies the type of button",
-          "type": " \"submit\" | \"button\" | \"reset\" ",
+          "type": "\"submit\" | \"button\" | \"reset\"",
           "default": "\"\\\"button\\\"\""
         },
         {
@@ -506,12 +512,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -536,6 +536,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "label to be used for aria-label and potentially as visual label for some components",
@@ -553,7 +559,7 @@
           "name": "type",
           "attribute": "type",
           "description": "Specifies the type of button",
-          "type": " \"submit\" | \"button\" | \"reset\" ",
+          "type": "\"submit\" | \"button\" | \"reset\"",
           "default": "\"\\\"button\\\"\""
         },
         {
@@ -637,13 +643,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -680,6 +679,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -1439,6 +1445,7 @@
     {
       "name": "uui-card",
       "path": "./../uui-card/lib/uui-card.element.ts",
+      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.",
       "attributes": [
         {
           "name": "disabled",
@@ -1645,12 +1652,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -1675,6 +1676,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -1742,13 +1749,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -1785,6 +1785,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -1809,6 +1816,18 @@
       "name": "uui-color-area",
       "path": "./../uui-color-area/lib/uui-color-area.element.ts",
       "attributes": [
+        {
+          "name": "disabled",
+          "description": "Sets the color area to disabled.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the color area to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "hue",
           "description": "The current hue.",
@@ -1843,15 +1862,23 @@
           "name": "value",
           "description": "The current value.",
           "type": "string"
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the color area.",
-          "type": "boolean",
-          "default": "false"
         }
       ],
       "properties": [
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Sets the color area to disabled.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the color area to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "hue",
           "attribute": "hue",
@@ -1893,13 +1920,6 @@
           "description": "The current value.",
           "type": "string"
         },
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "Disables the color area.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "styles",
           "type": "CSSResult[]",
@@ -1955,7 +1975,7 @@
         },
         {
           "name": "disabled",
-          "description": "Disables the color picker.",
+          "description": "Sets the color picker to disabled.",
           "type": "boolean",
           "default": "\"false\""
         },
@@ -1965,6 +1985,12 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "readonly",
+          "description": "Sets the color picker to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "uppercase",
           "description": "By default, the value will be set in lowercase. Set this to true to set it in uppercase instead.",
@@ -2023,7 +2049,7 @@
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "Disables the color picker.",
+          "description": "Sets the color picker to disabled.",
           "type": "boolean",
           "default": "\"false\""
         },
@@ -2034,6 +2060,13 @@
           "type": "boolean",
           "default": "\"false\""
         },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the color picker to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "uppercase",
           "attribute": "uppercase",
@@ -2118,9 +2151,15 @@
           "type": "number",
           "default": "\"0\""
         },
+        {
+          "name": "readonly",
+          "description": "Sets the color slider to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "disabled",
-          "description": "Disables the color slider.",
+          "description": "Sets the color slider to disabled.",
           "type": "boolean",
           "default": "\"false\""
         },
@@ -2180,10 +2219,17 @@
           "type": "number",
           "default": "\"0\""
         },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the color slider to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "Disables the color slider.",
+          "description": "Sets the color slider to disabled.",
           "type": "boolean",
           "default": "\"false\""
         },
@@ -2235,7 +2281,7 @@
     {
       "name": "uui-color-swatch",
       "path": "./../uui-color-swatch/lib/uui-color-swatch.element.ts",
-      "description": "Color swatch, can have label and be selectable.",
+      "description": "Color swatch, can have label and be selectable, disabled or readonly.",
       "attributes": [
         {
           "name": "value",
@@ -2249,9 +2295,15 @@
         },
         {
           "name": "disabled",
-          "description": "Determines if the options is disabled. If true the option can't be selected",
+          "description": "Sets the swatch to disabled.",
           "type": "boolean",
-          "default": "false"
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the swatch to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
         },
         {
           "name": "show-label",
@@ -2298,9 +2350,16 @@
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "Determines if the options is disabled. If true the option can't be selected",
+          "description": "Sets the swatch to disabled.",
           "type": "boolean",
-          "default": "false"
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the swatch to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
         },
         {
           "name": "showLabel",
@@ -2375,7 +2434,7 @@
     {
       "name": "uui-color-swatches",
       "path": "./../uui-color-swatches/lib/uui-color-swatches.element.ts",
-      "description": "Put uui-stacked-color-swatch elements inside this element to create a color swatch selector.",
+      "description": "Put uui-color-swatch elements inside this element to create a color swatch selector.",
       "attributes": [
         {
           "name": "value",
@@ -2385,7 +2444,13 @@
         },
         {
           "name": "disabled",
-          "description": "Disables the color swatches.",
+          "description": "Sets the swatches to disabled.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the swatches to readonly mode.",
           "type": "boolean",
           "default": "\"false\""
         },
@@ -2406,13 +2471,16 @@
         {
           "name": "disabled",
           "attribute": "disabled",
-          "description": "Disables the color swatches.",
+          "description": "Sets the swatches to disabled.",
           "type": "boolean",
           "default": "\"false\""
         },
         {
-          "name": "swatches",
-          "type": "UUIColorSwatchElement[]"
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the swatches to readonly mode.",
+          "type": "boolean",
+          "default": "\"false\""
         },
         {
           "name": "styles",
@@ -2446,19 +2514,19 @@
         {
           "name": "value",
           "description": "Value of the option.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "display-value",
           "description": "A readable value.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "disabled",
           "description": "Determines if the options is disabled. If true the option can't be selected",
-          "type": " boolean ",
+          "type": "boolean",
           "default": "\"false\""
         },
         {
@@ -2485,21 +2553,21 @@
           "name": "value",
           "attribute": "value",
           "description": "Value of the option.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "displayValue",
           "attribute": "display-value",
           "description": "A readable value.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "disabled",
           "attribute": "disabled",
           "description": "Determines if the options is disabled. If true the option can't be selected",
-          "type": " boolean ",
+          "type": "boolean",
           "default": "\"false\""
         },
         {
@@ -2553,19 +2621,19 @@
         {
           "name": "value",
           "description": "Value of selected option.",
-          "type": " FormDataEntryValue | FormData ",
+          "type": "FormDataEntryValue | FormData",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "displayValue",
           "description": "A readable value to display to show the selected value.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "for",
           "description": "provide another element of which keyboard navigation",
-          "type": " HTMLElement ",
+          "type": "HTMLElement",
           "default": "\"this\""
         }
       ],
@@ -2574,21 +2642,21 @@
           "name": "value",
           "attribute": "value",
           "description": "Value of selected option.",
-          "type": " FormDataEntryValue | FormData ",
+          "type": "FormDataEntryValue | FormData",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "displayValue",
           "attribute": "displayValue",
           "description": "A readable value to display to show the selected value.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "for",
           "attribute": "for",
           "description": "provide another element of which keyboard navigation",
-          "type": " HTMLElement ",
+          "type": "HTMLElement",
           "default": "\"this\""
         },
         {
@@ -2617,19 +2685,19 @@
         {
           "name": "search",
           "description": "The search input.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "open",
           "description": "Specifies if the popover should be open.",
-          "type": " boolean ",
+          "type": "boolean",
           "default": "\"false\""
         },
         {
           "name": "closeLabel",
           "description": "Specifies the button label for the close button in mobile mode",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"Close\\\"\""
         },
         {
@@ -2656,12 +2724,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -2685,6 +2747,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -2692,21 +2760,21 @@
           "name": "search",
           "attribute": "search",
           "description": "The search input.",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"\\\"\""
         },
         {
           "name": "open",
           "attribute": "open",
           "description": "Specifies if the popover should be open.",
-          "type": " boolean ",
+          "type": "boolean",
           "default": "\"false\""
         },
         {
           "name": "closeLabel",
           "attribute": "closeLabel",
           "description": "Specifies the button label for the close button in mobile mode",
-          "type": " string ",
+          "type": "string",
           "default": "\"\\\"Close\\\"\""
         },
         {
@@ -2748,13 +2816,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -2790,6 +2851,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "events": [
@@ -3184,12 +3252,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -3213,6 +3275,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -3255,13 +3323,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -3297,6 +3358,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ]
     },
@@ -3416,12 +3484,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -3446,6 +3508,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -3595,13 +3663,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -3638,6 +3699,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -3822,12 +3890,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -3852,6 +3914,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -3994,13 +4062,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -4037,6 +4098,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -4222,12 +4290,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -4252,6 +4314,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -4394,13 +4462,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -4437,6 +4498,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",
@@ -5423,12 +5491,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -5452,6 +5514,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -5494,13 +5562,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -5536,6 +5597,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "slots": [
@@ -5719,12 +5787,6 @@
           "type": "string",
           "default": "\"0,0\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -5748,6 +5810,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -5839,13 +5907,6 @@
           "type": "string",
           "default": "\"0,0\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -5881,6 +5942,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "events": [
@@ -7498,12 +7566,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -7527,6 +7589,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -7595,13 +7663,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -7637,6 +7698,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "events": [
@@ -7759,12 +7827,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -7788,6 +7850,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -7871,13 +7939,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -7913,6 +7974,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "events": [
@@ -8899,12 +8967,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -8928,6 +8990,12 @@
           "description": "Custom error message.",
           "type": "string",
           "default": "\"This field is invalid\""
+        },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "properties": [
@@ -9037,13 +9105,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -9079,6 +9140,13 @@
         {
           "name": "validationMessage",
           "type": "string"
+        },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
         }
       ],
       "events": [
@@ -9323,12 +9391,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -9353,6 +9415,12 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "description": "Label to be used for aria-label and potentially as visual label for some components",
@@ -9420,13 +9488,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "pristine",
-          "attribute": "pristine",
-          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
-          "type": "boolean",
-          "default": "\"true\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -9463,6 +9524,13 @@
           "name": "validationMessage",
           "type": "string"
         },
+        {
+          "name": "pristine",
+          "attribute": "pristine",
+          "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
+          "type": "boolean",
+          "default": "\"true\""
+        },
         {
           "name": "label",
           "attribute": "label",