@oiz/stzh-components 4.0.1 → 4.0.3
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/dist/cjs/{app-globals-bad16218.js → app-globals-439b15c8.js} +2 -2
- package/dist/cjs/{app-globals-bad16218.js.map → app-globals-439b15c8.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stzh-card.cjs.entry.js +1 -1
- package/dist/cjs/stzh-card.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-checkbox_3.cjs.entry.js +18 -6
- package/dist/cjs/stzh-checkbox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-components.cjs.js +1 -1
- package/dist/cjs/stzh-ghettobox_3.cjs.entry.js +1 -1
- package/dist/cjs/stzh-ghettobox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-upload.cjs.entry.js +4 -4
- package/dist/cjs/stzh-upload.cjs.entry.js.map +1 -1
- package/dist/collection/components/stzh-card/stzh-card.css +0 -3
- package/dist/collection/components/stzh-checkbox/stzh-checkbox.css +1 -1
- package/dist/collection/components/stzh-checkbox/stzh-checkbox.js +18 -5
- package/dist/collection/components/stzh-checkbox/stzh-checkbox.js.map +1 -1
- package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css +6 -0
- package/dist/collection/components/stzh-upload/stzh-upload.css +1 -1
- package/dist/collection/components/stzh-upload/stzh-upload.js +3 -3
- package/dist/collection/components/stzh-upload/stzh-upload.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-a8454c30.js → p-57db4298.js} +2 -2
- package/dist/components/p-57db4298.js.map +1 -0
- package/dist/components/{p-1e02d63c.js → p-c64f4bd8.js} +2 -2
- package/dist/components/p-c64f4bd8.js.map +1 -0
- package/dist/components/{p-e48a4be2.js → p-cb6a2b1c.js} +19 -7
- package/dist/components/p-cb6a2b1c.js.map +1 -0
- package/dist/components/stzh-card.js +1 -1
- package/dist/components/stzh-checkbox.js +1 -1
- package/dist/components/stzh-geo-ref-data.js +1 -1
- package/dist/components/stzh-ghettobox.js +1 -1
- package/dist/components/stzh-microsite-teaserlist.js +1 -1
- package/dist/components/stzh-upload.js +4 -4
- package/dist/components/stzh-upload.js.map +1 -1
- package/dist/components/stzh-vbz-majorticker.js +1 -1
- package/dist/esm/{app-globals-d5c59941.js → app-globals-b639468a.js} +2 -2
- package/dist/esm/{app-globals-d5c59941.js.map → app-globals-b639468a.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stzh-card.entry.js +1 -1
- package/dist/esm/stzh-card.entry.js.map +1 -1
- package/dist/esm/stzh-checkbox_3.entry.js +18 -6
- package/dist/esm/stzh-checkbox_3.entry.js.map +1 -1
- package/dist/esm/stzh-components.js +1 -1
- package/dist/esm/stzh-ghettobox_3.entry.js +1 -1
- package/dist/esm/stzh-ghettobox_3.entry.js.map +1 -1
- package/dist/esm/stzh-upload.entry.js +4 -4
- package/dist/esm/stzh-upload.entry.js.map +1 -1
- package/dist/stzh-components/{p-79a63bd9.entry.js → p-120cc8be.entry.js} +2 -2
- package/dist/stzh-components/p-120cc8be.entry.js.map +1 -0
- package/dist/stzh-components/p-3d7508f7.entry.js +2 -0
- package/dist/stzh-components/p-3d7508f7.entry.js.map +1 -0
- package/dist/stzh-components/p-4a00611c.entry.js +2 -0
- package/dist/stzh-components/p-4a00611c.entry.js.map +1 -0
- package/dist/stzh-components/{p-ffed4972.entry.js → p-8721622f.entry.js} +2 -2
- package/dist/stzh-components/p-8721622f.entry.js.map +1 -0
- package/dist/stzh-components/{p-6f138c27.js → p-ea95a5b1.js} +2 -2
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/types/components/stzh-checkbox/stzh-checkbox.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-1e02d63c.js.map +0 -1
- package/dist/components/p-a8454c30.js.map +0 -1
- package/dist/components/p-e48a4be2.js.map +0 -1
- package/dist/stzh-components/p-79a63bd9.entry.js.map +0 -1
- package/dist/stzh-components/p-836ee7e5.entry.js +0 -2
- package/dist/stzh-components/p-836ee7e5.entry.js.map +0 -1
- package/dist/stzh-components/p-e452b478.entry.js +0 -2
- package/dist/stzh-components/p-e452b478.entry.js.map +0 -1
- package/dist/stzh-components/p-ffed4972.entry.js.map +0 -1
- /package/dist/stzh-components/{p-6f138c27.js.map → p-ea95a5b1.js.map} +0 -0
|
@@ -13,7 +13,7 @@ require('./string-utils-45f764ac.js');
|
|
|
13
13
|
|
|
14
14
|
const Check = `<svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="currentColor" d="m10 15.172 9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg>`;
|
|
15
15
|
|
|
16
|
-
const stzhCheckboxCss = ".sc-stzh-checkbox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-checkbox-h,[stzh-hidden].sc-stzh-checkbox-h{display:none}.sc-stzh-checkbox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-checkbox-h .has-focus.sc-stzh-checkbox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox{outline-style:none !important}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox::-moz-focus-inner{border:0 !important}.sc-stzh-checkbox-h{--label-color:var(--stzh-checkbox-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-checkbox-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(--stzh-checkbox-label-hover-checked-color, var(--stzh-color-primary90));--check-color:var(--stzh-checkbox-check-color, var(--stzh-color-primary));display:inline-block}[disabled].sc-stzh-checkbox-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkbox.sc-stzh-checkbox{display:grid}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkbox__marker-text.sc-stzh-checkbox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkbox__description-wrapper.sc-stzh-checkbox{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__description.sc-stzh-checkbox{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkbox__error.sc-stzh-checkbox{color:var(--stzh-color-error60)}.stzh-checkbox__error-list.sc-stzh-checkbox{list-style:none;margin:0;padding:0}.stzh-checkbox__description.sc-stzh-checkbox{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkbox__description-long.sc-stzh-checkbox{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkbox__description-long.sc-stzh-checkbox{margin-top:0}}.stzh-checkbox__description-long-popover.sc-stzh-checkbox{--width:auto;--max-width:27.3125rem}.stzh-checkbox__description-long-button.sc-stzh-checkbox{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkbox.sc-stzh-checkbox stzh-icon.stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-xsmall)}.stzh-checkbox--has-error.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox--has-description.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkbox__field-wrapper.sc-stzh-checkbox{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-checkbox__input.sc-stzh-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-checkbox__mark.sc-stzh-checkbox{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--stzh-form-input-border-radius);display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-checkbox__check.sc-stzh-checkbox{display:flex;flex-direction:column;justify-content:center;opacity:0;color:var(--check-color);transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-checkbox__label.sc-stzh-checkbox{--stzh-base-color:initial;display:inline-block;color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-checkbox__label.sc-stzh-checkbox:empty{display:none}.stzh-checkbox__marker.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--label-hover-color)}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--label-hover-checked-color)}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-color)}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-checked-color)}.stzh-
|
|
16
|
+
const stzhCheckboxCss = ".sc-stzh-checkbox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-checkbox-h,[stzh-hidden].sc-stzh-checkbox-h{display:none}.sc-stzh-checkbox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-checkbox-h .has-focus.sc-stzh-checkbox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox{outline-style:none !important}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox::-moz-focus-inner{border:0 !important}.sc-stzh-checkbox-h{--label-color:var(--stzh-checkbox-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-checkbox-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(--stzh-checkbox-label-hover-checked-color, var(--stzh-color-primary90));--check-color:var(--stzh-checkbox-check-color, var(--stzh-color-primary));display:inline-block}[disabled].sc-stzh-checkbox-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkbox.sc-stzh-checkbox{display:grid}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkbox__marker-text.sc-stzh-checkbox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkbox__description-wrapper.sc-stzh-checkbox{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__description.sc-stzh-checkbox{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkbox__error.sc-stzh-checkbox{color:var(--stzh-color-error60)}.stzh-checkbox__error-list.sc-stzh-checkbox{list-style:none;margin:0;padding:0}.stzh-checkbox__description.sc-stzh-checkbox{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkbox__description-long.sc-stzh-checkbox{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkbox__description-long.sc-stzh-checkbox{margin-top:0}}.stzh-checkbox__description-long-popover.sc-stzh-checkbox{--width:auto;--max-width:27.3125rem}.stzh-checkbox__description-long-button.sc-stzh-checkbox{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkbox.sc-stzh-checkbox stzh-icon.stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-xsmall)}.stzh-checkbox--has-error.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox--has-description.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkbox__field-wrapper.sc-stzh-checkbox{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-checkbox__input.sc-stzh-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-checkbox__mark.sc-stzh-checkbox{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--stzh-form-input-border-radius);display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-checkbox__check.sc-stzh-checkbox{display:flex;flex-direction:column;justify-content:center;opacity:0;color:var(--check-color);transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-checkbox__label.sc-stzh-checkbox{--stzh-base-color:initial;display:inline-block;color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-checkbox__label.sc-stzh-checkbox:empty{display:none}.stzh-checkbox__marker.sc-stzh-checkbox{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--label-hover-color)}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--label-hover-checked-color)}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-color)}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-checked-color)}.stzh-checkbox--is-checked.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{opacity:1}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-error60)}.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-error60)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__field-wrapper.sc-stzh-checkbox{cursor:not-allowed}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-grey60)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--stzh-color-grey50)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--stzh-color-grey50)}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__mark.sc-stzh-checkbox{background-color:var(--stzh-color-grey20)}";
|
|
17
17
|
const StzhCheckboxStyle0 = stzhCheckboxCss;
|
|
18
18
|
|
|
19
19
|
let checkboxCounter = 0;
|
|
@@ -29,6 +29,11 @@ const StzhCheckbox = class {
|
|
|
29
29
|
};
|
|
30
30
|
this.onInput = (event) => {
|
|
31
31
|
this.checked = this.input.checked;
|
|
32
|
+
//Repaint-Hack for Safari (iOS/macOS)
|
|
33
|
+
requestAnimationFrame(() => {
|
|
34
|
+
const checkElement = this.element.querySelector('.stzh-checkbox__check');
|
|
35
|
+
this.forceRepaint(checkElement);
|
|
36
|
+
});
|
|
32
37
|
this.stzhChange.emit({
|
|
33
38
|
component: "stzh-checkbox",
|
|
34
39
|
originalEvent: event,
|
|
@@ -111,6 +116,12 @@ const StzhCheckbox = class {
|
|
|
111
116
|
this._error = [];
|
|
112
117
|
}
|
|
113
118
|
}
|
|
119
|
+
forceRepaint(el) {
|
|
120
|
+
if (!el)
|
|
121
|
+
return;
|
|
122
|
+
el.style.display = 'none';
|
|
123
|
+
el.style.display = 'flex';
|
|
124
|
+
}
|
|
114
125
|
async componentWillLoad() {
|
|
115
126
|
this.inputId = `stzh-checkbox-${checkboxCounter++}`;
|
|
116
127
|
this.errorWatcher(this.error);
|
|
@@ -131,14 +142,15 @@ const StzhCheckbox = class {
|
|
|
131
142
|
"stzh-checkbox--has-error": errorUsed,
|
|
132
143
|
"stzh-checkbox--is-required": this.required,
|
|
133
144
|
"stzh-checkbox--is-invalid": this.invalid || errorUsed,
|
|
134
|
-
"stzh-checkbox--is-disabled": this.disabled
|
|
145
|
+
"stzh-checkbox--is-disabled": this.disabled,
|
|
146
|
+
"stzh-checkbox--is-checked": this.checked
|
|
135
147
|
};
|
|
136
|
-
return (index.h(index.Host, { key: '
|
|
137
|
-
index.h("span", { key: '
|
|
148
|
+
return (index.h(index.Host, { key: 'f2b41c59d0a92d4d33a9efb84853e7aa423939af', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '15f6118b13f32a24d18070f6cddd63cc2ebc4a15', class: classes }, index.h("label", { key: '53bfdb884cccb3197a3ca2458d25f2bbc043b86f', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: '20c4299b18265d25fb08ea30de07102eded57c62', class: "stzh-checkbox__input", ref: (el) => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '847ca129df51de6353ff2736b7f5555cf50ed050', class: "stzh-checkbox__mark" }, index.h("div", { key: 'bcd921583233e5875a8804e2ba8e2dc75ac999c4', class: "stzh-checkbox__check", innerHTML: Check })), index.h("div", { key: 'cac88477c6c4899fde5126ac4da21f82edc528b3', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional &&
|
|
149
|
+
index.h("span", { key: 'f79a6cbee3c759d0baaa552cdd63d8a4cbdf1b24', class: "stzh-checkbox__marker" }, index.h("span", { key: '1d7f3cb72db5a6eb2b1e3e05d114b34762c65600', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
|
|
138
150
|
? this.localization.$globals.requiredFieldMarker
|
|
139
|
-
: this.localization.$globals.optionalFieldMarker), index.h("span", { key: '
|
|
151
|
+
: this.localization.$globals.optionalFieldMarker), index.h("span", { key: '631aa7d760cdee1497114d1797a972240e4b847c', class: "stzh-checkbox__marker-text" }, this.required
|
|
140
152
|
? this.localization.$globals.requiredFieldText
|
|
141
|
-
: this.localization.$globals.optionalFieldText)))), (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: '
|
|
153
|
+
: this.localization.$globals.optionalFieldText)))), (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: '3ba72727394f303a5d4753b8fb8bd7ac75f21ae6', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
|
|
142
154
|
}
|
|
143
155
|
get element() { return index.getElement(this); }
|
|
144
156
|
static get watchers() { return {
|