@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/components/{p-BTNpLREK.js → p-BDyLmXTF.js}

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { h as hasSlot } from './p-DBHUqFOB.js';
-import { S as StzhInputDescription } from './p-BmG3hFM8.js';
-import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
-import { d as defineCustomElement$2 } from './p-DT0ux3Yn.js';
-import { d as defineCustomElement$1 } from './p-4Vt8Vqot.js';
+import { S as StzhInputDescription } from './p-CbIALTef.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$1 } from './p-CIG3atcV.js';
 
 /**
 * Tom Select v2.2.2
@@ -5559,14 +5559,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: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', 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: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', 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: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', 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: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', 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: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', 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: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', 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: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', 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: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', 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: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -5676,6 +5676,6 @@ function defineCustomElement() {
 }
 
 export { StzhDropdown as S, defineCustomElement as d };
-//# sourceMappingURL=p-BTNpLREK.js.map
+//# sourceMappingURL=p-BDyLmXTF.js.map
 
-//# sourceMappingURL=p-BTNpLREK.js.map
+//# sourceMappingURL=p-BDyLmXTF.js.map