@six-group/ui-library 0.0.0-insider.ad9373a → 0.0.0-insider.af88f91

package/dist/components.json

@@ -1,58 +1,11 @@
 {
-  "timestamp": "2024-01-24T17:10:41",
+  "timestamp": "2024-07-19T09:02:04",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.9.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.12.6",
+    "typescriptVersion": "5.3.3"
   },
   "components": [
-    {
-      "filePath": "src/wrappers/set-attributes/set-attributes.tsx",
-      "encapsulation": "none",
-      "tag": "set-attributes",
-      "readme": "# set-attributes\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "value",
-          "type": "{}",
-          "complexType": {
-            "original": "{}",
-            "resolved": "{}",
-            "references": {}
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Attributes map",
-          "docsTags": [],
-          "default": "{}",
-          "values": [
-            {
-              "type": "{}"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "six-root"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "six-root": [
-          "set-attributes"
-        ]
-      }
-    },
     {
       "filePath": "src/components/six-alert/six-alert.tsx",
       "encapsulation": "shadow",
@@ -128,7 +81,7 @@
           "mutable": false,
           "attr": "duration",
           "reflectToAttr": false,
-          "docs": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\nalert before it closes (e.g. moves the mouse over it), the timer will restart.",
+          "docs": "The length of time, in milliseconds, the alert will show before closing itself.\nIf the user hovers over the toast alert, the timer will pause.\nOn leaving the element with the mouse, the timer resets.",
           "docsTags": [],
           "default": "Infinity",
           "values": [
@@ -165,9 +118,15 @@
           "name": "type",
           "type": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "'primary' | 'success' | 'info' | 'warning' | 'danger'",
+            "original": "AlertType",
             "resolved": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
-            "references": {}
+            "references": {
+              "AlertType": {
+                "location": "local",
+                "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-alert/six-alert.tsx",
+                "id": "src/components/six-alert/six-alert.tsx::AlertType"
+              }
+            }
           },
           "mutable": false,
           "attr": "type",
@@ -253,8 +212,14 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(adjustPosition?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "adjustPosition",
+                "type": "boolean",
+                "docs": "If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
@@ -263,10 +228,21 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toast() => Promise<void>",
-          "parameters": [],
+          "signature": "toast(adjustPosition?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "adjustPosition",
+              "type": "boolean",
+              "docs": "If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+            }
+          ],
           "docs": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
-          "docsTags": []
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "adjustPosition If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+            }
+          ]
         }
       ],
       "events": [
@@ -1062,10 +1038,10 @@
         },
         {
           "name": "type",
-          "type": "\"action\" | \"danger\" | \"link\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+          "type": "\"action\" | \"action-outline\" | \"danger\" | \"link\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action'",
-            "resolved": "\"action\" | \"danger\" | \"link\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+            "original": "| 'secondary'\n    | 'primary'\n    | 'link'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'action'\n    | 'action-outline'",
+            "resolved": "\"action\" | \"action-outline\" | \"danger\" | \"link\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
             "references": {}
           },
           "mutable": false,
@@ -1079,6 +1055,10 @@
               "value": "action",
               "type": "string"
             },
+            {
+              "value": "action-outline",
+              "type": "string"
+            },
             {
               "value": "danger",
               "type": "string"
@@ -2212,10 +2192,10 @@
         },
         {
           "name": "locale",
-          "type": "\"de\" | \"en\" | \"fr\" | \"it\"",
+          "type": "\"de\" | \"en\" | \"es\" | \"fr\" | \"it\"",
           "complexType": {
-            "original": "'en' | 'de' | 'fr' | 'it'",
-            "resolved": "\"de\" | \"en\" | \"fr\" | \"it\"",
+            "original": "'en' | 'de' | 'fr' | 'it' | 'es'",
+            "resolved": "\"de\" | \"en\" | \"es\" | \"fr\" | \"it\"",
             "references": {}
           },
           "mutable": false,
@@ -2233,6 +2213,10 @@
               "value": "en",
               "type": "string"
             },
+            {
+              "value": "es",
+              "type": "string"
+            },
             {
               "value": "fr",
               "type": "string"
@@ -4724,8 +4708,8 @@
       "filePath": "src/components/six-error/six-error.tsx",
       "encapsulation": "shadow",
       "tag": "six-error",
-      "readme": "# six-error\n\n\n",
-      "docs": "",
+      "readme": "# six-error\n\n<!-- EXAMPLES -->\n",
+      "docs": "<!-- EXAMPLES -->",
       "docsTags": [
         {
           "name": "since",
@@ -4755,6 +4739,7 @@
       "parts": [],
       "dependents": [
         "six-checkbox",
+        "six-file-upload",
         "six-group-label",
         "six-input",
         "six-range",
@@ -4767,6 +4752,9 @@
         "six-checkbox": [
           "six-error"
         ],
+        "six-file-upload": [
+          "six-error"
+        ],
         "six-group-label": [
           "six-error"
         ],
@@ -5217,6 +5205,10 @@
         {
           "name": "status",
           "text": "experimental"
+        },
+        {
+          "name": "slot",
+          "text": "error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop."
         }
       ],
       "usage": {},
@@ -5289,6 +5281,53 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorText",
+          "type": "string | string[]",
+          "complexType": {
+            "original": "string | string[]",
+            "resolved": "string | string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "The error message shown, if `invalid` is set to true.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string | undefined",
@@ -5358,6 +5397,28 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "uploading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "uploading",
+          "reflectToAttr": true,
+          "docs": "Set to true to draw the control in a loading state.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -5426,15 +5487,24 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "error-text",
+          "docs": "Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "six-icon"
+        "six-icon",
+        "six-spinner",
+        "six-error"
       ],
       "dependencyGraph": {
         "six-file-upload": [
-          "six-icon"
+          "six-icon",
+          "six-spinner",
+          "six-error"
         ]
       }
     },
@@ -5773,6 +5843,33 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "logo",
+          "type": "\"bme\" | \"six\"",
+          "complexType": {
+            "original": "'six' | 'bme'",
+            "resolved": "\"bme\" | \"six\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "logo",
+          "reflectToAttr": false,
+          "docs": "The displayed logo. Either six or bme. Defaults to six.",
+          "docsTags": [],
+          "default": "'six'",
+          "values": [
+            {
+              "value": "bme",
+              "type": "string"
+            },
+            {
+              "value": "six",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "openHamburgerMenu",
           "type": "boolean",
@@ -6048,7 +6145,12 @@
           "docs": "Used to define the search field component in the header."
         }
       ],
-      "parts": [],
+      "parts": [
+        {
+          "name": "header",
+          "docs": ""
+        }
+      ],
       "dependents": [],
       "dependencies": [
         "six-icon-button",
@@ -10355,28 +10457,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "breakpoint",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "breakpoint",
-          "reflectToAttr": false,
-          "docs": "Breakpoint for smaller screens when the right sidebar is collapsed by default.",
-          "docsTags": [],
-          "default": "1024",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "padded",
           "type": "boolean",
@@ -10471,28 +10551,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "six-root-collapsed",
-          "detail": "SixRootCollapsedPayload",
-          "bubbles": true,
-          "complexType": {
-            "original": "SixRootCollapsedPayload",
-            "resolved": "SixRootCollapsedPayload",
-            "references": {
-              "SixRootCollapsedPayload": {
-                "location": "local",
-                "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-root/six-root.tsx",
-                "id": "src/components/six-root/six-root.tsx::SixRootCollapsedPayload"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when display size is updated.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [
@@ -10541,13 +10600,11 @@
       ],
       "dependents": [],
       "dependencies": [
-        "six-stage-indicator",
-        "set-attributes"
+        "six-stage-indicator"
       ],
       "dependencyGraph": {
         "six-root": [
-          "six-stage-indicator",
-          "set-attributes"
+          "six-stage-indicator"
         ],
         "six-stage-indicator": [
           "six-icon"
@@ -12418,12 +12475,16 @@
         }
       ],
       "dependents": [
-        "six-button"
+        "six-button",
+        "six-file-upload"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "six-button": [
           "six-spinner"
+        ],
+        "six-file-upload": [
+          "six-spinner"
         ]
       }
     },
@@ -16154,6 +16215,16 @@
     }
   ],
   "typeLibrary": {
+    "src/components/six-alert/six-alert.tsx::AlertType": {
+      "declaration": "export type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';",
+      "docstring": "",
+      "path": "src/components/six-alert/six-alert.tsx"
+    },
+    "src/utils/types.ts::EmptyPayload": {
+      "declaration": "undefined",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
     "src/components/six-item-picker/types.ts::ItemPickerType": {
       "declaration": "export enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}",
       "docstring": "",
@@ -16179,11 +16250,6 @@
       "docstring": "",
       "path": "src/components/six-timepicker/six-timepicker.tsx"
     },
-    "src/utils/types.ts::EmptyPayload": {
-      "declaration": "undefined",
-      "docstring": "",
-      "path": "src/utils/types.ts"
-    },
     "src/components/six-datepicker/six-date-formats.tsx::SixDateFormats": {
       "declaration": "export enum SixDateFormats {\n  DDMMYYY_DOT = 'dd.mm.yyyy',\n  YYYYMMDD_DASH = 'yyyy-mm-dd',\n  DDMMYYYY_DASH = 'dd-mm-yyyy',\n  DDMMYYYY_SLASH = 'dd/mm/yyyy',\n  YYYYMMDD_SLASH = 'yyyy/mm/dd',\n  DDMMYY_DOT = 'dd.mm.yy',\n  YYMMDD_DASH = 'yy-mm-dd',\n  DDMMYY_DASH = 'dd-mm-yy',\n  DDMMYY_SLASH = 'dd/mm/yy',\n  YYMMDD_SLASH = 'yy/mm/dd',\n\n  DDMMYYY_DOT_TIME = 'dd.mm.yyyy hh:MM:ss',\n  YYYYMMDD_DASH_TIME = 'yyyy-mm-dd hh:MM:ss',\n  DDMMYYYY_DASH_TIME = 'dd-mm-yyyy hh:MM:ss',\n  DDMMYYYY_SLASH_TIME = 'dd/mm/yyyy hh:MM:ss',\n  YYYYMMDD_SLASH_TIME = 'yyyy/mm/dd hh:MM:ss',\n  DDMMYY_DOT_TIME = 'dd.mm.yy hh:MM:ss',\n  YYMMDD_DASH_TIME = 'yy-mm-dd hh:MM:ss',\n  DDMMYY_DASH_TIME = 'dd-mm-yy hh:MM:ss',\n  DDMMYY_SLASH_TIME = 'dd/mm/yy hh:MM:ss',\n  YYMMDD_SLASH_TIME = 'yy/mm/dd hh:MM:ss',\n}",
       "docstring": "",
@@ -16269,11 +16335,6 @@
       "docstring": "",
       "path": "src/components/six-stage-indicator/six-stage-indicator.tsx"
     },
-    "src/components/six-root/six-root.tsx::SixRootCollapsedPayload": {
-      "declaration": "export interface SixRootCollapsedPayload {\n  collapsed: boolean;\n}",
-      "docstring": "",
-      "path": "src/components/six-root/six-root.tsx"
-    },
     "src/components/six-search-field/six-search-field.tsx::SixSearchFieldChangePayload": {
       "declaration": "export interface SixSearchFieldChangePayload {\n  value: string;\n}",
       "docstring": "",

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,5 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+
+//# sourceMappingURL=app-globals-0f993ce5.js.map

package/dist/esm/app-globals-0f993ce5.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-0f993ce5.js","mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

package/dist/esm/{form-control-77fcccd0.js → form-control-30c5bd8b.js}

@@ -1,4 +1,4 @@
-import { h } from './index-6c10d50b.js';
+import { h } from './index-5390c1d6.js';
 
 const FormControl = (props, children) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -31,4 +31,4 @@ const FormControl = (props, children) => {
 
 export { FormControl as F };
 
-//# sourceMappingURL=form-control-77fcccd0.js.map
+//# sourceMappingURL=form-control-30c5bd8b.js.map

package/dist/esm/{form-control-77fcccd0.js.map → form-control-30c5bd8b.js.map}

@@ -1 +1 @@
-{"file":"form-control-77fcccd0.js","mappings":";;MAoDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAiB;;IAC7D,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,CACjG,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAC7C,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC;IACvG,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;IACnH,MAAM,YAAY,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,CAAC,MAAM,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,CAAC;IAEtH,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;YACL,cAAc,EAAE,IAAI;YACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,yBAAyB,EAAE,QAAQ;YACnC,6BAA6B,EAAE,WAAW;YAC1C,8BAA8B,EAAE,YAAY;YAC5C,wBAAwB,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;YACjD,uBAAuB,EAAE,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,KAAK,CAAC,KAAK,CAAC,QAAQ;SAC1E;QAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;gBACL,qBAAqB,EAAE,IAAI;gBAC3B,+BAA+B,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;aACzD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;YAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;QAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;QAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,YAAY,GAAG,OAAO,GAAG,MAAM;YAE5C,YAAM,IAAI,EAAC,YAAY,IACpB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAC1D,qBAAY,IAAI,CAAa,CAC9B,CAAC,CACG,CACH;QAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;YAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** Whether an error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string | string[];\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  errorTextCount?: number;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children: VNode[]) => {\n  const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter(\n    (text) => text != null && text.trim() !== ''\n  );\n\n  const hasLabel = props.label != null && props.label.trim() !== '' ? true : props.hasLabelSlot ?? false;\n  const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : props.hasHelpTextSlot ?? false;\n  const hasErrorText = (errorMessages.length > 0 || (props.hasErrorTextSlot ?? false)) && (props.displayError ?? false);\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': hasErrorText,\n        'form-control--disabled': props.disabled ?? false,\n        'form-control--invalid': (props.displayError ?? false) && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required ?? false,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={hasErrorText ? 'false' : 'true'}\n      >\n        <slot name=\"error-text\">\n          {errorMessages.slice(0, props.errorTextCount ?? 1).map((text) => (\n            <six-error>{text}</six-error>\n          ))}\n        </slot>\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}
+{"file":"form-control-30c5bd8b.js","mappings":";;MAoDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAiB;;IAC7D,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,CACjG,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAC7C,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC;IACvG,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;IACnH,MAAM,YAAY,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAAK,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,CAAC,MAAM,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,CAAC;IAEtH,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;YACL,cAAc,EAAE,IAAI;YACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;YAC7C,yBAAyB,EAAE,QAAQ;YACnC,6BAA6B,EAAE,WAAW;YAC1C,8BAA8B,EAAE,YAAY;YAC5C,wBAAwB,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;YACjD,uBAAuB,EAAE,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,KAAK,CAAC,KAAK,CAAC,QAAQ;SAC1E;QAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;gBACL,qBAAqB,EAAE,IAAI;gBAC3B,+BAA+B,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;aACzD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;YAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;QAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;QAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,YAAY,GAAG,OAAO,GAAG,MAAM;YAE5C,YAAM,IAAI,EAAC,YAAY,IACpB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAC1D,qBAAY,IAAI,CAAa,CAC9B,CAAC,CACG,CACH;QAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;YAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h, VNode } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** Whether an error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string | string[];\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  errorTextCount?: number;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children: VNode[]) => {\n  const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter(\n    (text) => text != null && text.trim() !== ''\n  );\n\n  const hasLabel = props.label != null && props.label.trim() !== '' ? true : props.hasLabelSlot ?? false;\n  const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : props.hasHelpTextSlot ?? false;\n  const hasErrorText = (errorMessages.length > 0 || (props.hasErrorTextSlot ?? false)) && (props.displayError ?? false);\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': hasErrorText,\n        'form-control--disabled': props.disabled ?? false,\n        'form-control--invalid': (props.displayError ?? false) && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required ?? false,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={hasErrorText ? 'false' : 'true'}\n      >\n        <slot name=\"error-text\">\n          {errorMessages.slice(0, props.errorTextCount ?? 1).map((text) => (\n            <six-error>{text}</six-error>\n          ))}\n        </slot>\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}