@six-group/ui-library 0.0.0-insider.a358260 → 0.0.0-insider.d16ec8e

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-31T05:52:28",
+  "timestamp": "2023-06-20T07:47:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.2.1",
@@ -684,7 +684,7 @@
         },
         {
           "name": "download",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "download",
           "reflectToAttr": false,
@@ -693,14 +693,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "href",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "href",
           "reflectToAttr": false,
@@ -709,9 +712,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -739,6 +745,7 @@
           "reflectToAttr": false,
           "docs": "An optional name for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -826,7 +833,7 @@
         },
         {
           "name": "target",
-          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined",
           "mutable": false,
           "attr": "target",
           "reflectToAttr": false,
@@ -848,9 +855,12 @@
             {
               "value": "_top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -903,6 +913,7 @@
           "reflectToAttr": false,
           "docs": "An optional value for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1284,10 +1295,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -1467,7 +1478,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -1475,9 +1486,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1573,7 +1587,7 @@
         },
         {
           "name": "defaultDate",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-date",
           "reflectToAttr": false,
@@ -1582,6 +1596,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1743,15 +1760,17 @@
         },
         {
           "name": "max",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The maximum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1759,15 +1778,17 @@
         },
         {
           "name": "min",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The minimum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1809,7 +1830,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -1818,6 +1839,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1825,7 +1849,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -1839,9 +1863,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1869,6 +1896,7 @@
           "reflectToAttr": true,
           "docs": "Set to true to make the input a required field.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -1927,15 +1955,17 @@
         },
         {
           "name": "value",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "The value of the form field, which accepts a date object.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1946,10 +1976,10 @@
         {
           "name": "checkValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "checkValidity() => Promise<boolean>",
+          "signature": "checkValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity.",
           "docsTags": []
@@ -1957,10 +1987,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -1982,7 +2012,7 @@
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "select(datestring: string) => Promise<void>",
+          "signature": "select(datestring?: string) => Promise<void>",
           "parameters": [],
           "docs": "Selects an option",
           "docsTags": []
@@ -2002,7 +2032,7 @@
       "events": [
         {
           "event": "six-datepicker-blur",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2020,7 +2050,7 @@
         },
         {
           "event": "six-datepicker-select",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2161,7 +2191,7 @@
           "mutable": false,
           "attr": "has-content",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group'",
           "docsTags": [],
           "default": "true",
           "values": [
@@ -2195,7 +2225,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the details is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2242,7 +2272,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -2251,9 +2281,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2537,7 +2570,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dialog is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2817,7 +2850,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the drawer is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3099,7 +3132,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -3107,9 +3140,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3220,7 +3256,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3238,7 +3274,7 @@
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
           "docsTags": [],
-          "default": "null",
+          "default": "[]",
           "values": [
             {
               "type": "SixMenuItemData[]"
@@ -3253,7 +3289,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside the viewport.",
           "docsTags": [],
           "default": "'bottom-start'",
           "values": [
@@ -3517,7 +3553,7 @@
       "props": [
         {
           "name": "customDescription",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom description.",
@@ -3525,6 +3561,9 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3532,7 +3571,7 @@
         },
         {
           "name": "customIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-icon",
           "reflectToAttr": false,
@@ -3541,6 +3580,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3548,7 +3590,7 @@
         },
         {
           "name": "customTitle",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-title",
           "reflectToAttr": false,
@@ -3557,6 +3599,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3564,7 +3609,7 @@
         },
         {
           "name": "errorCode",
-          "type": "number",
+          "type": "403 | 404 | 500 | undefined",
           "mutable": false,
           "attr": "error-code",
           "reflectToAttr": false,
@@ -3572,10 +3617,22 @@
           "docsTags": [],
           "values": [
             {
+              "value": "403",
+              "type": "number"
+            },
+            {
+              "value": "404",
+              "type": "number"
+            },
+            {
+              "value": "500",
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3771,7 +3828,7 @@
         },
         {
           "name": "size",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "size",
           "reflectToAttr": true,
@@ -3780,9 +3837,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -3841,7 +3901,7 @@
       "props": [
         {
           "name": "accept",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "accept",
           "reflectToAttr": false,
@@ -3850,9 +3910,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3891,7 +3954,7 @@
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
@@ -3900,26 +3963,31 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "maxFileSize",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max-file-size",
           "reflectToAttr": false,
           "docs": "Allowed max file size in bytes.",
           "docsTags": [],
-          "default": "undefined",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3930,6 +3998,7 @@
           "reflectToAttr": false,
           "docs": "More than one file allowed.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4285,6 +4354,7 @@
           "reflectToAttr": true,
           "docs": "The label's required attribute.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4813,7 +4883,7 @@
         },
         {
           "name": "html",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "html",
           "reflectToAttr": true,
@@ -4822,14 +4892,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": true,
@@ -4838,14 +4911,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "name",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "name",
           "reflectToAttr": true,
@@ -4854,9 +4930,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5206,7 +5285,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -5244,6 +5323,9 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5302,7 +5384,7 @@
         },
         {
           "name": "max",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max",
           "reflectToAttr": true,
@@ -5311,6 +5393,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5318,7 +5403,7 @@
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -5327,6 +5412,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5334,7 +5422,7 @@
         },
         {
           "name": "min",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "min",
           "reflectToAttr": true,
@@ -5343,6 +5431,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5350,7 +5441,7 @@
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -5359,6 +5450,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5383,7 +5477,7 @@
         },
         {
           "name": "pattern",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "pattern",
           "reflectToAttr": true,
@@ -5392,6 +5486,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5416,7 +5513,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -5425,6 +5522,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5509,7 +5609,7 @@
         },
         {
           "name": "step",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "step",
           "reflectToAttr": true,
@@ -5518,6 +5618,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -5626,7 +5729,7 @@
         {
           "name": "getValidity",
           "returns": {
-            "type": "Promise<ValidityState>",
+            "type": "Promise<ValidityState | undefined>",
             "docs": ""
           },
           "signature": "getValidity() => Promise<ValidityState | undefined>",
@@ -5659,10 +5762,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -5681,10 +5784,10 @@
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
@@ -5725,10 +5828,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -5956,7 +6059,7 @@
         },
         {
           "name": "items",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom list of items you can iterate through",
@@ -5964,14 +6067,17 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "max",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
@@ -5983,14 +6089,17 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "min",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
@@ -6002,9 +6111,12 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -6047,7 +6159,7 @@
           "mutable": false,
           "attr": "padding-direction",
           "reflectToAttr": false,
-          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default\nbefore is selected",
+          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,\nbefore is selected",
           "docsTags": [],
           "default": "ItemPickerPaddingDirection.BEFORE",
           "values": [
@@ -6183,7 +6295,7 @@
       "events": [
         {
           "event": "six-item-picker-change",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6192,7 +6304,7 @@
         },
         {
           "event": "six-item-picker-change-debounced",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6266,7 +6378,7 @@
         },
         {
           "name": "selected",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
@@ -6275,6 +6387,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -6338,18 +6453,21 @@
       "props": [
         {
           "name": "columns",
-          "type": "any",
-          "mutable": false,
+          "type": "number | undefined",
+          "mutable": true,
           "attr": "columns",
           "reflectToAttr": false,
           "docs": "Set the number of grid columns",
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -6493,7 +6611,7 @@
         },
         {
           "name": "items",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown",
@@ -6502,6 +6620,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -6509,16 +6630,18 @@
         },
         {
           "name": "itemsShown",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "items-shown",
           "reflectToAttr": false,
-          "docs": "Defines how many items should be shown. If the number of items is larger than this properties a scrollbar will be shown",
+          "docs": "Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown",
           "docsTags": [],
-          "default": "ITEMS_SHOWN_NOT_SET",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -7168,6 +7291,7 @@
           "reflectToAttr": false,
           "docs": "The current progress percentage, 0 - 100.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
               "type": "number"
@@ -7396,10 +7520,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -7920,11 +8044,11 @@
         },
         {
           "name": "slot",
-          "text": "left-sidebar - Used to define the side bar on the left side."
+          "text": "left-sidebar - Used to define the sidebar on the left side."
         },
         {
           "name": "slot",
-          "text": "right-sidebar - Used to define the side bar on the right side."
+          "text": "right-sidebar - Used to define the sidebar on the right side."
         },
         {
           "name": "slot",
@@ -7969,7 +8093,7 @@
         },
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -7996,6 +8120,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8044,7 +8171,7 @@
         },
         {
           "name": "left-sidebar",
-          "docs": "Used to define the side bar on the left side."
+          "docs": "Used to define the sidebar on the left side."
         },
         {
           "name": "main",
@@ -8052,7 +8179,7 @@
         },
         {
           "name": "right-sidebar",
-          "docs": "Used to define the side bar on the right side."
+          "docs": "Used to define the sidebar on the right side."
         }
       ],
       "parts": [
@@ -8167,7 +8294,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -8176,9 +8303,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -8364,6 +8494,7 @@
           "reflectToAttr": false,
           "docs": "The default value the select will be reverted to when reset is executed",
           "docsTags": [],
+          "default": "this.multiple ? [] : ''",
           "values": [
             {
               "type": "string"
@@ -8462,7 +8593,7 @@
         },
         {
           "name": "filterPlaceholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "filter-placeholder",
           "reflectToAttr": false,
@@ -8471,6 +8602,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -8631,7 +8765,7 @@
         },
         {
           "name": "options",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
@@ -8640,6 +8774,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8764,10 +8901,10 @@
         {
           "name": "checkValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "checkValidity() => Promise<boolean>",
+          "signature": "checkValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity.",
           "docsTags": []
@@ -8775,10 +8912,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -8895,8 +9032,8 @@
       ],
       "dependents": [],
       "dependencies": [
-        "six-tag",
         "six-menu-item",
+        "six-tag",
         "six-dropdown",
         "six-icon-button",
         "six-icon",
@@ -8905,23 +9042,23 @@
       ],
       "dependencyGraph": {
         "six-select": [
-          "six-tag",
           "six-menu-item",
+          "six-tag",
           "six-dropdown",
           "six-icon-button",
           "six-icon",
           "six-input",
           "six-menu"
         ],
+        "six-menu-item": [
+          "six-icon"
+        ],
         "six-tag": [
           "six-icon-button"
         ],
         "six-icon-button": [
           "six-icon"
         ],
-        "six-menu-item": [
-          "six-icon"
-        ],
         "six-dropdown": [
           "six-menu-item",
           "six-input",
@@ -8963,7 +9100,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the sidebar is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the sidebar is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9254,7 +9391,7 @@
         },
         {
           "name": "slot",
-          "text": "- Used to define the nested side bar [group] items."
+          "text": "- Used to define the nested sidebar [group] items."
         }
       ],
       "usage": {},
@@ -9299,7 +9436,7 @@
           "mutable": false,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Indicates whether the sidebar is shown",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9312,7 +9449,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -9321,9 +9458,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -9351,7 +9491,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "Used to define the nested side bar [group] items."
+          "docs": "Used to define the nested sidebar [group] items."
         }
       ],
       "parts": [],
@@ -9458,7 +9598,7 @@
       "props": [
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -9485,6 +9625,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -9609,6 +9752,7 @@
           "reflectToAttr": false,
           "docs": "The switch's name attribute.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9642,6 +9786,7 @@
           "reflectToAttr": false,
           "docs": "The switch's value attribute.",
           "docsTags": [],
+          "default": "'on'",
           "values": [
             {
               "type": "string"
@@ -9655,10 +9800,10 @@
         {
           "name": "checkValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "checkValidity() => Promise<boolean>",
+          "signature": "checkValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity.",
           "docsTags": []
@@ -9677,10 +9822,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -9996,7 +10141,7 @@
         },
         {
           "name": "part",
-          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container."
+          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "part",
@@ -10111,7 +10256,7 @@
       "parts": [
         {
           "name": "active-tab-indicator",
-          "docs": "An element that displays the currently selected tab. This is a child of the tabs container."
+          "docs": "An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "base",
@@ -10610,7 +10755,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -10648,6 +10793,9 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10689,7 +10837,7 @@
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -10698,6 +10846,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10705,7 +10856,7 @@
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -10714,6 +10865,9 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10738,7 +10892,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -10747,6 +10901,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -10916,10 +11073,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -10938,10 +11095,10 @@
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
@@ -10982,10 +11139,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -11159,7 +11316,7 @@
         },
         {
           "name": "iconName",
-          "type": "any",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "icon-name",
           "reflectToAttr": false,
@@ -11167,10 +11324,13 @@
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11365,7 +11525,7 @@
         },
         {
           "name": "defaultTime",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-time",
           "reflectToAttr": false,
@@ -11374,6 +11534,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11432,46 +11595,57 @@
         },
         {
           "name": "format",
-          "type": "SixTimeFormat.HH | SixTimeFormat.HHmm | SixTimeFormat.HHmmss | SixTimeFormat.HHmmssms | SixTimeFormat.hhaa | SixTimeFormat.hhmmaa | SixTimeFormat.hhmmssaa | SixTimeFormat.hhmmssmsaa | SixTimeFormat.mm | SixTimeFormat.ms | SixTimeFormat.ss",
+          "type": "\"HH\" | \"HH:mm\" | \"HH:mm:ss\" | \"HH:mm:ss:ms\" | \"hh:aa\" | \"hh:mm:aa\" | \"hh:mm:ss:aa\" | \"hh:mm:ss:ms:aa\" | \"mm\" | \"ms\" | \"ss\"",
           "mutable": false,
           "attr": "format",
           "reflectToAttr": false,
           "docs": "Define the time format. Valid formats are:\n\nHH:mm:ss\nhh:mm:ss:aa\nHH:mm:ss:ms\nhh:mm:ss:ms:aa\nHH:mm\nhh:mm:aa\nHH\nhh:aa\nmm\nss\nms\n\nwhere HH is the 24 hour format\nand hh is the 12 hour format\n\nPlease notice that when using the 12-hour-clock (hh)\nyou always need a period indicator (aa). So the time can be parsed as either am or pm",
           "docsTags": [],
-          "default": "SixTimeFormat.HHmmss",
+          "default": "'HH:mm:ss'",
           "values": [
             {
-              "type": "SixTimeFormat.HH"
+              "value": "HH",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmm"
+              "value": "HH:mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmss"
+              "value": "HH:mm:ss",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmssms"
+              "value": "HH:mm:ss:ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhaa"
+              "value": "hh:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmaa"
+              "value": "hh:mm:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssaa"
+              "value": "hh:mm:ss:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssmsaa"
+              "value": "hh:mm:ss:ms:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.mm"
+              "value": "mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ms"
+              "value": "ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ss"
+              "value": "ss",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -11522,7 +11696,7 @@
           "mutable": false,
           "attr": "inline",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker should be shown as an inline (always open) component",
+          "docs": "Indicates whether the timepicker should be shown as an inline (always open) component",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11590,7 +11764,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11603,7 +11777,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -11612,6 +11786,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11619,7 +11796,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -11633,9 +11810,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11663,6 +11843,7 @@
           "reflectToAttr": true,
           "docs": "Set to true to make the input a required field.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -11679,7 +11860,7 @@
           "reflectToAttr": false,
           "docs": "Define the separator to be shown between the time unit pickers.\nPlease be aware that this property will modify the displayed separator only.\nThe separator for a timestring is always expected to be a colon (eg. '13:52:20')",
           "docsTags": [],
-          "default": "TIME_FORMAT_SEPARATOR",
+          "default": "':'",
           "values": [
             {
               "type": "string"
@@ -11739,12 +11920,13 @@
           "reflectToAttr": false,
           "docs": "The value of the timepicker provided as a string. The string mast match the provided format (or default format)",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],
@@ -11752,10 +11934,10 @@
         {
           "name": "checkValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "checkValidity() => Promise<boolean>",
+          "signature": "checkValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity.",
           "docsTags": []
@@ -11763,10 +11945,10 @@
         {
           "name": "reportValidity",
           "returns": {
-            "type": "Promise<boolean>",
+            "type": "Promise<boolean | undefined>",
             "docs": ""
           },
-          "signature": "reportValidity() => Promise<boolean>",
+          "signature": "reportValidity() => Promise<boolean | undefined>",
           "parameters": [],
           "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
           "docsTags": []
@@ -11935,7 +12117,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Set to true to disable the tooltip so it won't show when triggered.",
+          "docs": "Set to true to disable the tooltip, so it won't show when triggered.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11969,7 +12151,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11986,7 +12168,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside the viewport.",
           "docsTags": [],
           "default": "'top'",
           "values": [