@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/components/{p-3d9ce94f.js → p-f07fda42.js}

@@ -5312,7 +5312,14 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
                 });
             },
             onDropdownOpen: () => {
+                var _a;
                 this.isOpen = true;
+                const checkboxes = (_a = this.dropdownWrapperElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.stzh-dropdown__dropdown input[type="checkbox"]');
+                checkboxes === null || checkboxes === void 0 ? void 0 : checkboxes.forEach(cb => {
+                    const input = cb;
+                    input.tabIndex = -1;
+                    input.setAttribute('aria-hidden', 'true');
+                });
                 this.stzhOpen.emit({
                     component: "stzh-dropdown",
                 });
@@ -5423,14 +5430,14 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '5b025973be9b3816f65b04ba4f278a63ba16ebf2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'cfd8afb93fa33ca458e66b63a77dd7fb4214f3fa', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '6c0519f26b9b446af6efb4211c64081ff404cdbc', class: "stzh-dropdown__wrapper" }, h("label", { key: '7fe9015887823cdb9779dccc23b9ccaca1c61ade', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '43e4fe695b29d09186cc89a63d114a32db62497e', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '47f70953075e3f8aea174a03b7b78baa34a334cf', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0d19c3df359b0c6c9c7980d950960b1666cc8583', class: "stzh-dropdown__wrapper" }, h("label", { key: '046f47beee5ddc3535a62117b255b557d304a466', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '62ea57a37f38825f9d7f4510f6b8c03fc0fe777e', class: "stzh-dropdown__marker" }, h("span", { key: 'e003849ef73c016347bd68c6d635208fe9604bd9', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '01e78ec719f2a6ee24f93af09356265b9b49bc44', class: "stzh-dropdown__marker" }, h("span", { key: '59b288b6e298d3e63a79d964b69e0b132bdfe0c6', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '140844c8bac0b5ae844dbed52cbd31b0b774d0f6', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '8545d830e7f5ea338e296daa28b82415add31ce8', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: '8cb5a1048a8a61bcaa457adf6900ce4f391099ed', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '58adaec8559b819e7ebc6c556a9d9dae703a1ad6', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: 'e6ab0c203dc33c761cdf6cb71db7b50a3718d6cb' })), this.inline && this.label && h("div", { key: '69334293fb5ce937e4f2eb5f0979f6b291cb8e07', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '9e61b80ff217f4f31fe6c403e7fed121314ec46c', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '94e0ba6374db92d0f1233b13c1f440fbb80a1a50', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '7521eb2e7cb1f745e44dc30a325c3fbc2e9eaa55', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '043a8f352108135e13fc3d2a06a39d987200e5dd', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'bb0b3ae5f601bca89c060f040b5f76dd7779e0ba', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'e54d0df4aee6b25e7ea18cdc45ae3f5e4624870a', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: '48118c0191d05626c888951e42622af1936d95e0', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '81e1d0029aaafa30b1e053b727a2ae2b31b50e8e', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '090a6c8e27f1256e3e4c12d18537fe80b1a980da' })), this.inline && this.label && h("div", { key: '2df2af2ba249d67b112b8b4deaf36fb8029bf7e0', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: 'bf23520b4a42940663d51723380a8a28bd6c31fa', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '67c264d55048287a2535080d3729742fc57e75b0', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '988e71e18fe24aff04f86537f2b6c890fd7d1a48', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '53bcd69666fbad5881420306f9bdea1bf0799bf7', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '2418f8550ea59ba3ab4964077568fc4d4b7a4000', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'f8283dcc4ceb9fe9f116df5c37409c61640c600d', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -5541,4 +5548,4 @@ function defineCustomElement() {
 
 export { StzhDropdown as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-3d9ce94f.js.map
+//# sourceMappingURL=p-f07fda42.js.map