@six-group/ui-library 4.0.0-beta.3 → 4.0.1
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.
- package/README.md +9 -0
- package/dist/cjs/{form-control-d369af14.js → form-control-9769b310.js} +10 -7
- package/dist/cjs/form-control-9769b310.js.map +1 -0
- package/dist/cjs/index-900437fc.js +214 -1
- package/dist/cjs/index-900437fc.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/six-checkbox.cjs.entry.js +6 -3
- package/dist/cjs/six-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/six-datepicker.cjs.entry.js +2 -7
- package/dist/cjs/six-datepicker.cjs.entry.js.map +1 -1
- package/dist/cjs/six-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/six-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/six-error.cjs.entry.js +21 -0
- package/dist/cjs/six-error.cjs.entry.js.map +1 -0
- package/dist/cjs/six-group-label.cjs.entry.js +2 -2
- package/dist/cjs/six-group-label.cjs.entry.js.map +1 -1
- package/dist/cjs/six-input.cjs.entry.js +6 -3
- package/dist/cjs/six-input.cjs.entry.js.map +1 -1
- package/dist/cjs/six-range.cjs.entry.js +6 -3
- package/dist/cjs/six-range.cjs.entry.js.map +1 -1
- package/dist/cjs/six-select.cjs.entry.js +6 -3
- package/dist/cjs/six-select.cjs.entry.js.map +1 -1
- package/dist/cjs/six-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/six-sidebar.cjs.entry.js.map +1 -1
- package/dist/cjs/six-switch.cjs.entry.js +22 -4
- package/dist/cjs/six-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/six-tag.cjs.entry.js +23 -1
- package/dist/cjs/six-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/six-textarea.cjs.entry.js +6 -3
- package/dist/cjs/six-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/six-timepicker.cjs.entry.js +4 -9
- package/dist/cjs/six-timepicker.cjs.entry.js.map +1 -1
- package/dist/cjs/six-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/six-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/ui-library.cjs.js +2 -2
- package/dist/cjs/ui-library.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/six-checkbox/six-checkbox.css +1 -1
- package/dist/collection/components/six-checkbox/six-checkbox.js +25 -4
- package/dist/collection/components/six-checkbox/six-checkbox.js.map +1 -1
- package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js +6 -2
- package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js.map +1 -1
- package/dist/collection/components/six-datepicker/six-datepicker.js +22 -11
- package/dist/collection/components/six-datepicker/six-datepicker.js.map +1 -1
- package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js +1 -1
- package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js.map +1 -1
- package/dist/collection/components/six-dropdown/six-dropdown.css +2 -1
- package/dist/collection/components/six-error/six-error.css +5 -0
- package/dist/collection/components/six-error/six-error.js +25 -0
- package/dist/collection/components/six-error/six-error.js.map +1 -0
- package/dist/collection/components/six-group-label/six-group-label.css +1 -1
- package/dist/collection/components/six-group-label/test/six-group-label.spec.js +3 -1
- package/dist/collection/components/six-group-label/test/six-group-label.spec.js.map +1 -1
- package/dist/collection/components/six-input/six-input.css +1 -1
- package/dist/collection/components/six-input/six-input.js +27 -4
- package/dist/collection/components/six-input/six-input.js.map +1 -1
- package/dist/collection/components/six-input/test/six-input.spec.js +3 -1
- package/dist/collection/components/six-input/test/six-input.spec.js.map +1 -1
- package/dist/collection/components/six-range/six-range.css +1 -1
- package/dist/collection/components/six-range/six-range.js +24 -3
- package/dist/collection/components/six-range/six-range.js.map +1 -1
- package/dist/collection/components/six-range/test/six-range.spec.js +3 -1
- package/dist/collection/components/six-range/test/six-range.spec.js.map +1 -1
- package/dist/collection/components/six-select/six-select.css +1 -1
- package/dist/collection/components/six-select/six-select.js +24 -3
- package/dist/collection/components/six-select/six-select.js.map +1 -1
- package/dist/collection/components/six-select/test/six-select.spec.js +6 -2
- package/dist/collection/components/six-select/test/six-select.spec.js.map +1 -1
- package/dist/collection/components/six-sidebar/six-sidebar.css +1 -0
- package/dist/collection/components/six-switch/six-switch.css +1 -1
- package/dist/collection/components/six-switch/six-switch.js +45 -4
- package/dist/collection/components/six-switch/six-switch.js.map +1 -1
- package/dist/collection/components/six-switch/test/six-switch.spec.js +6 -2
- package/dist/collection/components/six-switch/test/six-switch.spec.js.map +1 -1
- package/dist/collection/components/six-tag/six-tag.js +23 -1
- package/dist/collection/components/six-tag/six-tag.js.map +1 -1
- package/dist/collection/components/six-tag/test/six-tag.spec.js +12 -0
- package/dist/collection/components/six-tag/test/six-tag.spec.js.map +1 -1
- package/dist/collection/components/six-textarea/six-textarea.css +1 -1
- package/dist/collection/components/six-textarea/six-textarea.js +25 -4
- package/dist/collection/components/six-textarea/six-textarea.js.map +1 -1
- package/dist/collection/components/six-textarea/test/six-textarea.spec.js +3 -1
- package/dist/collection/components/six-textarea/test/six-textarea.spec.js.map +1 -1
- package/dist/collection/components/six-timepicker/six-timepicker.js +24 -12
- package/dist/collection/components/six-timepicker/six-timepicker.js.map +1 -1
- package/dist/collection/components/six-timepicker/test/six-timepicker.spec.js +15 -15
- package/dist/collection/components/six-timepicker/test/six-timepicker.spec.js.map +1 -1
- package/dist/collection/components/six-tooltip/six-tooltip.css +1 -1
- package/dist/collection/components/six-tooltip/six-tooltip.js +1 -1
- package/dist/collection/components/six-tooltip/six-tooltip.js.map +1 -1
- package/dist/collection/functional-components/form-control/form-control.js +8 -6
- package/dist/collection/functional-components/form-control/form-control.js.map +1 -1
- package/dist/components/form-control.js +9 -6
- package/dist/components/form-control.js.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/six-checkbox.js +14 -3
- package/dist/components/six-checkbox.js.map +1 -1
- package/dist/components/six-datepicker.js +10 -8
- package/dist/components/six-datepicker.js.map +1 -1
- package/dist/components/six-dropdown2.js +8 -2
- package/dist/components/six-dropdown2.js.map +1 -1
- package/dist/components/six-error.d.ts +11 -0
- package/dist/components/six-error.js +8 -0
- package/dist/components/six-error.js.map +1 -0
- package/dist/components/six-error2.js +32 -0
- package/dist/components/six-error2.js.map +1 -0
- package/dist/components/six-group-label.js +8 -2
- package/dist/components/six-group-label.js.map +1 -1
- package/dist/components/six-header.js +8 -2
- package/dist/components/six-header.js.map +1 -1
- package/dist/components/six-input2.js +14 -3
- package/dist/components/six-input2.js.map +1 -1
- package/dist/components/six-range.js +14 -3
- package/dist/components/six-range.js.map +1 -1
- package/dist/components/six-search-field.js +7 -1
- package/dist/components/six-search-field.js.map +1 -1
- package/dist/components/six-select.js +33 -16
- package/dist/components/six-select.js.map +1 -1
- package/dist/components/six-sidebar.js +1 -1
- package/dist/components/six-sidebar.js.map +1 -1
- package/dist/components/six-switch.js +30 -4
- package/dist/components/six-switch.js.map +1 -1
- package/dist/components/six-tag2.js +33 -5
- package/dist/components/six-tag2.js.map +1 -1
- package/dist/components/six-textarea.js +14 -3
- package/dist/components/six-textarea.js.map +1 -1
- package/dist/components/six-timepicker2.js +12 -10
- package/dist/components/six-timepicker2.js.map +1 -1
- package/dist/components/six-tooltip2.js +2 -2
- package/dist/components/six-tooltip2.js.map +1 -1
- package/dist/components.json +420 -49
- package/dist/esm/{form-control-32cb533f.js → form-control-b0febe88.js} +10 -7
- package/dist/esm/form-control-b0febe88.js.map +1 -0
- package/dist/esm/index-8a74f992.js +214 -1
- package/dist/esm/index-8a74f992.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/six-checkbox.entry.js +6 -3
- package/dist/esm/six-checkbox.entry.js.map +1 -1
- package/dist/esm/six-datepicker.entry.js +2 -7
- package/dist/esm/six-datepicker.entry.js.map +1 -1
- package/dist/esm/six-dropdown_2.entry.js +1 -1
- package/dist/esm/six-dropdown_2.entry.js.map +1 -1
- package/dist/esm/six-error.entry.js +17 -0
- package/dist/esm/six-error.entry.js.map +1 -0
- package/dist/esm/six-group-label.entry.js +2 -2
- package/dist/esm/six-group-label.entry.js.map +1 -1
- package/dist/esm/six-input.entry.js +6 -3
- package/dist/esm/six-input.entry.js.map +1 -1
- package/dist/esm/six-range.entry.js +6 -3
- package/dist/esm/six-range.entry.js.map +1 -1
- package/dist/esm/six-select.entry.js +6 -3
- package/dist/esm/six-select.entry.js.map +1 -1
- package/dist/esm/six-sidebar.entry.js +1 -1
- package/dist/esm/six-sidebar.entry.js.map +1 -1
- package/dist/esm/six-switch.entry.js +22 -4
- package/dist/esm/six-switch.entry.js.map +1 -1
- package/dist/esm/six-tag.entry.js +23 -1
- package/dist/esm/six-tag.entry.js.map +1 -1
- package/dist/esm/six-textarea.entry.js +6 -3
- package/dist/esm/six-textarea.entry.js.map +1 -1
- package/dist/esm/six-timepicker.entry.js +4 -9
- package/dist/esm/six-timepicker.entry.js.map +1 -1
- package/dist/esm/six-tooltip.entry.js +2 -2
- package/dist/esm/six-tooltip.entry.js.map +1 -1
- package/dist/esm/ui-library.js +2 -2
- package/dist/esm/ui-library.js.map +1 -1
- package/dist/types/components/six-checkbox/six-checkbox.d.ts +4 -1
- package/dist/types/components/six-datepicker/six-datepicker.d.ts +4 -2
- package/dist/types/components/six-error/six-error.d.ts +9 -0
- package/dist/types/components/six-input/six-input.d.ts +7 -2
- package/dist/types/components/six-range/six-range.d.ts +4 -1
- package/dist/types/components/six-select/six-select.d.ts +4 -1
- package/dist/types/components/six-switch/six-switch.d.ts +8 -1
- package/dist/types/components/six-tag/six-tag.d.ts +8 -0
- package/dist/types/components/six-textarea/six-textarea.d.ts +4 -1
- package/dist/types/components/six-timepicker/six-timepicker.d.ts +5 -2
- package/dist/types/components.d.ts +109 -16
- package/dist/types/functional-components/form-control/form-control.d.ts +6 -2
- package/dist/ui-library/{p-ed381ad9.entry.js → p-14c1ec31.entry.js} +2 -2
- package/dist/ui-library/p-14c1ec31.entry.js.map +1 -0
- package/dist/ui-library/p-25bb1752.entry.js +2 -0
- package/dist/ui-library/p-25bb1752.entry.js.map +1 -0
- package/dist/ui-library/p-2a141e10.entry.js +2 -0
- package/dist/ui-library/p-2a141e10.entry.js.map +1 -0
- package/dist/ui-library/p-4435ff73.entry.js +2 -0
- package/dist/ui-library/p-4435ff73.entry.js.map +1 -0
- package/dist/ui-library/p-538f3c50.entry.js +2 -0
- package/dist/ui-library/p-538f3c50.entry.js.map +1 -0
- package/dist/ui-library/p-6153045b.js.map +1 -1
- package/dist/ui-library/p-a457fee8.entry.js +2 -0
- package/dist/ui-library/p-a457fee8.entry.js.map +1 -0
- package/dist/ui-library/p-ab91c2a9.entry.js +2 -0
- package/dist/ui-library/p-ab91c2a9.entry.js.map +1 -0
- package/dist/ui-library/p-b57afbe4.entry.js +2 -0
- package/dist/ui-library/p-b57afbe4.entry.js.map +1 -0
- package/dist/ui-library/p-b6f47c9d.entry.js +2 -0
- package/dist/ui-library/p-b6f47c9d.entry.js.map +1 -0
- package/dist/ui-library/p-db34a6cc.entry.js +2 -0
- package/dist/ui-library/p-db34a6cc.entry.js.map +1 -0
- package/dist/ui-library/p-db936ad7.entry.js +2 -0
- package/dist/ui-library/{p-d367f4f9.entry.js.map → p-db936ad7.entry.js.map} +1 -1
- package/dist/ui-library/p-dc4f41d8.entry.js +2 -0
- package/dist/ui-library/p-dc4f41d8.entry.js.map +1 -0
- package/dist/ui-library/p-e5020f0d.js +2 -0
- package/dist/ui-library/p-e5020f0d.js.map +1 -0
- package/dist/ui-library/p-e775dcb4.entry.js +2 -0
- package/dist/ui-library/p-e775dcb4.entry.js.map +1 -0
- package/dist/ui-library/p-f1dc3a88.entry.js +2 -0
- package/dist/ui-library/p-f1dc3a88.entry.js.map +1 -0
- package/dist/ui-library/ui-library.esm.js +1 -1
- package/dist/ui-library/ui-library.esm.js.map +1 -1
- package/package.json +3 -3
- package/dist/cjs/form-control-d369af14.js.map +0 -1
- package/dist/esm/form-control-32cb533f.js.map +0 -1
- package/dist/ui-library/p-02981b91.entry.js +0 -2
- package/dist/ui-library/p-02981b91.entry.js.map +0 -1
- package/dist/ui-library/p-314b2096.entry.js +0 -2
- package/dist/ui-library/p-314b2096.entry.js.map +0 -1
- package/dist/ui-library/p-330a4988.entry.js +0 -2
- package/dist/ui-library/p-330a4988.entry.js.map +0 -1
- package/dist/ui-library/p-3d9de119.entry.js +0 -2
- package/dist/ui-library/p-3d9de119.entry.js.map +0 -1
- package/dist/ui-library/p-4abed9df.entry.js +0 -2
- package/dist/ui-library/p-4abed9df.entry.js.map +0 -1
- package/dist/ui-library/p-5d6b7353.entry.js +0 -2
- package/dist/ui-library/p-5d6b7353.entry.js.map +0 -1
- package/dist/ui-library/p-72254eef.entry.js +0 -2
- package/dist/ui-library/p-72254eef.entry.js.map +0 -1
- package/dist/ui-library/p-9f0b43f9.entry.js +0 -2
- package/dist/ui-library/p-9f0b43f9.entry.js.map +0 -1
- package/dist/ui-library/p-b550a258.entry.js +0 -2
- package/dist/ui-library/p-b550a258.entry.js.map +0 -1
- package/dist/ui-library/p-bf87464b.entry.js +0 -2
- package/dist/ui-library/p-bf87464b.entry.js.map +0 -1
- package/dist/ui-library/p-d367f4f9.entry.js +0 -2
- package/dist/ui-library/p-d42c2025.js +0 -2
- package/dist/ui-library/p-d42c2025.js.map +0 -1
- package/dist/ui-library/p-ed381ad9.entry.js.map +0 -1
- package/dist/ui-library/p-ff90ffd1.entry.js +0 -2
- package/dist/ui-library/p-ff90ffd1.entry.js.map +0 -1
- package/readme.md +0 -156
package/README.md
ADDED
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
const index = require('./index-900437fc.js');
|
|
4
4
|
|
|
5
5
|
const FormControl = (props, children) => {
|
|
6
|
-
var _a, _b, _c, _d, _e, _f;
|
|
6
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
7
|
+
const errorMessages = (Array.isArray(props.errorText) ? props.errorText : [props.errorText]).filter((text) => text != null && text.trim() !== '');
|
|
7
8
|
const hasLabel = props.label != null && props.label.trim() !== '' ? true : (_a = props.hasLabelSlot) !== null && _a !== void 0 ? _a : false;
|
|
8
9
|
const hasHelpText = props.helpText != null && props.helpText.trim() !== '' ? true : (_b = props.hasHelpTextSlot) !== null && _b !== void 0 ? _b : false;
|
|
10
|
+
const hasErrorText = (errorMessages.length > 0 || ((_c = props.hasErrorTextSlot) !== null && _c !== void 0 ? _c : false)) && ((_d = props.displayError) !== null && _d !== void 0 ? _d : false);
|
|
9
11
|
return (index.h("div", { part: "form-control", class: {
|
|
10
12
|
'form-control': true,
|
|
11
13
|
'form-control--small': props.size === 'small',
|
|
@@ -13,21 +15,22 @@ const FormControl = (props, children) => {
|
|
|
13
15
|
'form-control--large': props.size === 'large',
|
|
14
16
|
'form-control--has-label': hasLabel,
|
|
15
17
|
'form-control--has-help-text': hasHelpText,
|
|
16
|
-
'form-control--has-error-text':
|
|
17
|
-
'form-control--disabled': (
|
|
18
|
-
'form-control--invalid': ((
|
|
18
|
+
'form-control--has-error-text': hasErrorText,
|
|
19
|
+
'form-control--disabled': (_e = props.disabled) !== null && _e !== void 0 ? _e : false,
|
|
20
|
+
'form-control--invalid': ((_f = props.displayError) !== null && _f !== void 0 ? _f : false) && !props.disabled,
|
|
19
21
|
} },
|
|
20
22
|
index.h("label", { part: "label", id: props.labelId, class: {
|
|
21
23
|
'form-control__label': true,
|
|
22
|
-
'form-control__label__required': (
|
|
24
|
+
'form-control__label__required': (_g = props.required) !== null && _g !== void 0 ? _g : false,
|
|
23
25
|
}, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
|
|
24
26
|
index.h("slot", { name: "label" }, props.label)),
|
|
25
27
|
index.h("div", { class: "form-control__input" }, children),
|
|
26
|
-
index.h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden":
|
|
28
|
+
index.h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": hasErrorText ? 'false' : 'true' },
|
|
29
|
+
index.h("slot", { name: "error-text" }, errorMessages.slice(0, (_h = props.errorTextCount) !== null && _h !== void 0 ? _h : 1).map((text) => (index.h("six-error", null, text))))),
|
|
27
30
|
index.h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
|
|
28
31
|
index.h("slot", { name: "help-text" }, props.helpText))));
|
|
29
32
|
};
|
|
30
33
|
|
|
31
34
|
exports.FormControl = FormControl;
|
|
32
35
|
|
|
33
|
-
//# sourceMappingURL=form-control-
|
|
36
|
+
//# sourceMappingURL=form-control-9769b310.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"form-control-9769b310.js","mappings":";;;;MAoDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAiB;;EAC7D,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;EAEF,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;EACvG,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;EACnH,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;EAEtH,QACEA,iBACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,YAAY;MAC5C,wBAAwB,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;MACjD,uBAAuB,EAAE,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,KAAK,CAAC,KAAK,CAAC,QAAQ;KAC1E;IAEDA,mBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK;OACzD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3BA,kBAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAERA,iBAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjDA,iBACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,YAAY,GAAG,OAAO,GAAG,MAAM;MAE5CA,kBAAM,IAAI,EAAC,YAAY,IACpB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAC1DA,2BAAY,IAAI,CAAa,CAC9B,CAAC,CACG,CACH;IAENA,iBACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3CA,kBAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":["h"],"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}
|
|
@@ -2166,7 +2166,220 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2166
2166
|
if (module) {
|
|
2167
2167
|
return module[exportName];
|
|
2168
2168
|
}
|
|
2169
|
-
|
|
2169
|
+
|
|
2170
|
+
if (!hmrVersionId || !BUILD.hotModuleReplacement) {
|
|
2171
|
+
const processMod = importedModule => {
|
|
2172
|
+
cmpModules.set(bundleId, importedModule);
|
|
2173
|
+
return importedModule[exportName];
|
|
2174
|
+
}
|
|
2175
|
+
switch(bundleId) {
|
|
2176
|
+
|
|
2177
|
+
case 'six-alert.cjs':
|
|
2178
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2179
|
+
/* webpackMode: "lazy" */
|
|
2180
|
+
'./six-alert.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2181
|
+
case 'six-avatar.cjs':
|
|
2182
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2183
|
+
/* webpackMode: "lazy" */
|
|
2184
|
+
'./six-avatar.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2185
|
+
case 'six-badge.cjs':
|
|
2186
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2187
|
+
/* webpackMode: "lazy" */
|
|
2188
|
+
'./six-badge.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2189
|
+
case 'six-button.cjs':
|
|
2190
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2191
|
+
/* webpackMode: "lazy" */
|
|
2192
|
+
'./six-button.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2193
|
+
case 'six-card.cjs':
|
|
2194
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2195
|
+
/* webpackMode: "lazy" */
|
|
2196
|
+
'./six-card.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2197
|
+
case 'six-checkbox.cjs':
|
|
2198
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2199
|
+
/* webpackMode: "lazy" */
|
|
2200
|
+
'./six-checkbox.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2201
|
+
case 'six-datepicker.cjs':
|
|
2202
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2203
|
+
/* webpackMode: "lazy" */
|
|
2204
|
+
'./six-datepicker.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2205
|
+
case 'six-dialog.cjs':
|
|
2206
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2207
|
+
/* webpackMode: "lazy" */
|
|
2208
|
+
'./six-dialog.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2209
|
+
case 'six-drawer.cjs':
|
|
2210
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2211
|
+
/* webpackMode: "lazy" */
|
|
2212
|
+
'./six-drawer.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2213
|
+
case 'six-error-page.cjs':
|
|
2214
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2215
|
+
/* webpackMode: "lazy" */
|
|
2216
|
+
'./six-error-page.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2217
|
+
case 'six-file-list.cjs':
|
|
2218
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2219
|
+
/* webpackMode: "lazy" */
|
|
2220
|
+
'./six-file-list.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2221
|
+
case 'six-file-list-item.cjs':
|
|
2222
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2223
|
+
/* webpackMode: "lazy" */
|
|
2224
|
+
'./six-file-list-item.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2225
|
+
case 'six-file-upload.cjs':
|
|
2226
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2227
|
+
/* webpackMode: "lazy" */
|
|
2228
|
+
'./six-file-upload.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2229
|
+
case 'six-footer.cjs':
|
|
2230
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2231
|
+
/* webpackMode: "lazy" */
|
|
2232
|
+
'./six-footer.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2233
|
+
case 'six-group-label.cjs':
|
|
2234
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2235
|
+
/* webpackMode: "lazy" */
|
|
2236
|
+
'./six-group-label.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2237
|
+
case 'six-header.cjs':
|
|
2238
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2239
|
+
/* webpackMode: "lazy" */
|
|
2240
|
+
'./six-header.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2241
|
+
case 'six-language-switcher.cjs':
|
|
2242
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2243
|
+
/* webpackMode: "lazy" */
|
|
2244
|
+
'./six-language-switcher.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2245
|
+
case 'six-layout-grid.cjs':
|
|
2246
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2247
|
+
/* webpackMode: "lazy" */
|
|
2248
|
+
'./six-layout-grid.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2249
|
+
case 'six-main-container.cjs':
|
|
2250
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2251
|
+
/* webpackMode: "lazy" */
|
|
2252
|
+
'./six-main-container.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2253
|
+
case 'six-menu-divider.cjs':
|
|
2254
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2255
|
+
/* webpackMode: "lazy" */
|
|
2256
|
+
'./six-menu-divider.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2257
|
+
case 'six-menu-label.cjs':
|
|
2258
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2259
|
+
/* webpackMode: "lazy" */
|
|
2260
|
+
'./six-menu-label.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2261
|
+
case 'six-progress-bar.cjs':
|
|
2262
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2263
|
+
/* webpackMode: "lazy" */
|
|
2264
|
+
'./six-progress-bar.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2265
|
+
case 'six-progress-ring.cjs':
|
|
2266
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2267
|
+
/* webpackMode: "lazy" */
|
|
2268
|
+
'./six-progress-ring.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2269
|
+
case 'six-radio.cjs':
|
|
2270
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2271
|
+
/* webpackMode: "lazy" */
|
|
2272
|
+
'./six-radio.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2273
|
+
case 'six-range.cjs':
|
|
2274
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2275
|
+
/* webpackMode: "lazy" */
|
|
2276
|
+
'./six-range.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2277
|
+
case 'six-root.cjs':
|
|
2278
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2279
|
+
/* webpackMode: "lazy" */
|
|
2280
|
+
'./six-root.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2281
|
+
case 'six-search-field.cjs':
|
|
2282
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2283
|
+
/* webpackMode: "lazy" */
|
|
2284
|
+
'./six-search-field.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2285
|
+
case 'six-select.cjs':
|
|
2286
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2287
|
+
/* webpackMode: "lazy" */
|
|
2288
|
+
'./six-select.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2289
|
+
case 'six-sidebar.cjs':
|
|
2290
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2291
|
+
/* webpackMode: "lazy" */
|
|
2292
|
+
'./six-sidebar.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2293
|
+
case 'six-sidebar-item.cjs':
|
|
2294
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2295
|
+
/* webpackMode: "lazy" */
|
|
2296
|
+
'./six-sidebar-item.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2297
|
+
case 'six-sidebar-item-group.cjs':
|
|
2298
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2299
|
+
/* webpackMode: "lazy" */
|
|
2300
|
+
'./six-sidebar-item-group.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2301
|
+
case 'six-switch.cjs':
|
|
2302
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2303
|
+
/* webpackMode: "lazy" */
|
|
2304
|
+
'./six-switch.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2305
|
+
case 'six-tab.cjs':
|
|
2306
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2307
|
+
/* webpackMode: "lazy" */
|
|
2308
|
+
'./six-tab.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2309
|
+
case 'six-tab-group.cjs':
|
|
2310
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2311
|
+
/* webpackMode: "lazy" */
|
|
2312
|
+
'./six-tab-group.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2313
|
+
case 'six-tab-panel.cjs':
|
|
2314
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2315
|
+
/* webpackMode: "lazy" */
|
|
2316
|
+
'./six-tab-panel.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2317
|
+
case 'six-textarea.cjs':
|
|
2318
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2319
|
+
/* webpackMode: "lazy" */
|
|
2320
|
+
'./six-textarea.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2321
|
+
case 'six-tile.cjs':
|
|
2322
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2323
|
+
/* webpackMode: "lazy" */
|
|
2324
|
+
'./six-tile.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2325
|
+
case 'set-attributes_2.cjs':
|
|
2326
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2327
|
+
/* webpackMode: "lazy" */
|
|
2328
|
+
'./set-attributes_2.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2329
|
+
case 'six-details.cjs':
|
|
2330
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2331
|
+
/* webpackMode: "lazy" */
|
|
2332
|
+
'./six-details.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2333
|
+
case 'six-picto.cjs':
|
|
2334
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2335
|
+
/* webpackMode: "lazy" */
|
|
2336
|
+
'./six-picto.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2337
|
+
case 'six-spinner.cjs':
|
|
2338
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2339
|
+
/* webpackMode: "lazy" */
|
|
2340
|
+
'./six-spinner.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2341
|
+
case 'six-tag.cjs':
|
|
2342
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2343
|
+
/* webpackMode: "lazy" */
|
|
2344
|
+
'./six-tag.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2345
|
+
case 'six-timepicker.cjs':
|
|
2346
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2347
|
+
/* webpackMode: "lazy" */
|
|
2348
|
+
'./six-timepicker.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2349
|
+
case 'six-dropdown_2.cjs':
|
|
2350
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2351
|
+
/* webpackMode: "lazy" */
|
|
2352
|
+
'./six-dropdown_2.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2353
|
+
case 'six-item-picker.cjs':
|
|
2354
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2355
|
+
/* webpackMode: "lazy" */
|
|
2356
|
+
'./six-item-picker.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2357
|
+
case 'six-tooltip.cjs':
|
|
2358
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2359
|
+
/* webpackMode: "lazy" */
|
|
2360
|
+
'./six-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2361
|
+
case 'six-menu-item.cjs':
|
|
2362
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2363
|
+
/* webpackMode: "lazy" */
|
|
2364
|
+
'./six-menu-item.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2365
|
+
case 'six-input.cjs':
|
|
2366
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2367
|
+
/* webpackMode: "lazy" */
|
|
2368
|
+
'./six-input.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2369
|
+
case 'six-icon-button.cjs':
|
|
2370
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2371
|
+
/* webpackMode: "lazy" */
|
|
2372
|
+
'./six-icon-button.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2373
|
+
case 'six-error.cjs':
|
|
2374
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2375
|
+
/* webpackMode: "lazy" */
|
|
2376
|
+
'./six-error.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2377
|
+
case 'six-icon.cjs':
|
|
2378
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2379
|
+
/* webpackMode: "lazy" */
|
|
2380
|
+
'./six-icon.cjs.entry.js')); }).then(processMod, consoleError);
|
|
2381
|
+
}
|
|
2382
|
+
}
|
|
2170
2383
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2171
2384
|
/* @vite-ignore */
|
|
2172
2385
|
/* webpackInclude: /\.entry\.js$/ */
|