@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

package/dist/esm/spw-button_2.entry.js

@@ -104,7 +104,7 @@ const SpwButton = class {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': isDisabled ? 'true' : null,
         };
-        return (h(TagType, Object.assign({ key: 'c87741013c1901e8c0d452d5c1599ee56b779e31' }, attrs, { class: this.elementClass, disabled: isDisabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: 'c1cb0fa415e537d6e21ece9977b9b05e7efc032b', class: "spw-button__inner" }, h("div", { key: 'bd092d42d11d66990f38b169255abb6f6f94ecc3', class: "spw-button__inner-text" }, iconPosition === 'left' && iconElement, !this.isIconOnly && h("slot", { key: 'f25ad3027018113eef8db7828e74b2edcd007bb5' }), iconPosition === 'right' && iconElement)), h("spw-loading", { key: 'c90db4400f2588aa46a7676ae5ca588244f54c59', text: "" })));
+        return (h(TagType, Object.assign({ key: 'e010da5a7ebd86bd15ee161c4c1003a4235c048d' }, attrs, { class: this.elementClass, disabled: isDisabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: '8fb684d7417a0603087168544f05293795e46934', class: "spw-button__inner" }, h("div", { key: '2beaef5d8947a1b30c8e7567c8ced5312cbf1aaa', class: "spw-button__inner-text" }, iconPosition === 'left' && iconElement, !this.isIconOnly && h("slot", { key: '40b0db8e254677b61f820dc8730b214aff7f6b1a' }), iconPosition === 'right' && iconElement)), h("spw-loading", { key: '2a09ecdeb378ba87d346c9c4870ab9569c3f1839', text: "" })));
     }
     get el() { return getElement(this); }
 };
@@ -119,7 +119,7 @@ const SpwLoading = class {
         this.text = 'Chargement...';
     }
     render() {
-        return (h(Host, { key: '4bea49f882603f0eb7462a9a9910c03dd5f17a1e' }, h("div", { key: '33200e27c48f51553bf4e5963ca9cc986461c1e6', class: "spw-loading" }, h("div", { key: '500604a16cfc2de2ba59fc3eb81a02ce72c5d7cc', class: "spw-loading__spinner" }), this.text && h("p", { key: '0c5967afe35d32c57aba7bc91f98ea8f12d4663d', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: 'baaa28571e693843682b511c14e84c2bd6e92b6d' }, h("div", { key: '7aa716fff4e42d4ad96b6616a23a8e23a6ebda4a', class: "spw-loading" }, h("div", { key: '6d85caccc49249b38b695633f88267f149cd1c96', class: "spw-loading__spinner" }), this.text && h("p", { key: '8bdb35a087d1fff586dfa385cd370fb7e697e033', class: "spw-loading__text" }, this.text))));
     }
 };
 SpwLoading.style = spwLoadingCss;

package/dist/esm/spw-card-content.entry.js

@@ -8,7 +8,7 @@ const SpwCardContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '41158ad3ba34430c917e4f2433eaf7d7609417a8', class: "spw-card-content" }, this.tag && h("span", { key: 'bedf804e494d11bb49416778c4784a706e01c2b4', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'bb3d52cdc961b95691ca5042e0f2380badc237ed', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '43fccf393e97c26304f98610edbb932191392546' })));
+        return (h("div", { key: '2eecc5747c237f3fa69f9dc5c76f93312694ebcf', class: "spw-card-content" }, this.tag && h("span", { key: 'db714664e984681d9b10613a3e2f7b3bb2c8341d', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: '32c9d5eef37ab2cdfb2796c2427c006673ae793b', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: 'd9a556a67b5966aaef300f866817d1f34177a772' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-card-excerpt.entry.js

@@ -17,7 +17,7 @@ const SpwCardExcerpt = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b7965cf1e8b625dbb8662d53907f44ef347b8171' }, h("div", { key: '56f3705ef084a3cf09eacd0e38601b3ee4d1a4bb', class: this.elementClass }, h("slot", { key: '1b29052fbc287458f866414983bb265edd6c8fa8' }))));
+        return (h(Host, { key: '1c07254d2fe65659233829111c389d9d169db5f6' }, h("div", { key: '1f47cd05a098fa762b037247d350e22bcb1f62e1', class: this.elementClass }, h("slot", { key: '0cb6906f90963c364276123555d0cf628f874747' }))));
     }
 };
 SpwCardExcerpt.style = spwCardExcerptCss;

package/dist/esm/spw-card-image.entry.js

@@ -32,7 +32,7 @@ const SpwCardImage = class {
     }
     render() {
         const style = this.ratio ? { '--spw-card-image-ratio': this.ratio } : {};
-        return (h("div", { key: '7763f0f9f8df6e1489e9b6dabfbf3407f1d7f810', class: this.elementClass, style: style }, this.label && h("span", { key: '6a92c1e2125209de0b036acfecb7a1cf1a2f0891', class: "spw-card-image__label" }, this.label), h("slot", { key: 'ae97d632ce2daa4bc6cec832c3ba2e6b2b431322' }), h("div", { key: '161c8054974f32dfa7474418d4d235dd37d7a8e3', class: "spw-card-image__icon" }, h("spw-icon", { key: 'a23a09b6bd4ae3b9428cfbc76cad5ac7f7ff2762', icon: "fa-plus" }))));
+        return (h("div", { key: 'cb691336030eaee506f7f5461e4ad4227cf6ee20', class: this.elementClass, style: style }, this.label && h("span", { key: '237f198be8e6649b755069c9a7c028e24bc3d5dc', class: "spw-card-image__label" }, this.label), h("slot", { key: '6e61440a051911ff77cd5101f3ddce679c390a50' }), h("div", { key: '6d3258be72cb36b06050b50b1e28f9e38f1dbfa7', class: "spw-card-image__icon" }, h("spw-icon", { key: '3d595d489ce0d1e999bfa33f112da8c0197797b4', icon: "fa-plus" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-card-subtag-item.entry.js

@@ -18,7 +18,7 @@ const SpwCardSubtagItem = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd8380b6e11d27d3134c08ecdb83eb27400546411' }, h("span", { key: 'be9512a112af6ef0079a1eb338bc62296f28c207', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '6d3c9277a452b14e84c6b8c5c7f45f1191c896c6' }))));
+        return (h(Host, { key: '36ba7eba49c04f670603bb3daacef93e9b2d93ec' }, h("span", { key: 'eb4f408366fedf55a75cd46cea6f7ee43689fae6', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '54f81a9c1e941414e46c274ee52c4c6e90b79975' }))));
     }
 };
 SpwCardSubtagItem.style = spwCardSubtagItemCss;

package/dist/esm/spw-card-subtags.entry.js

@@ -27,7 +27,7 @@ const SpwCardSubtags = class {
         };
     }
     render() {
-        return (h(Host, { key: '0ef3a900ec3fbdd608ee8cf4245fdf1aa190e4ae' }, h("div", { key: '8b4bbd8eb51dec81fc7e2c1601bd9bb974392659', class: this.elementClass }, h("slot", { key: '74fa877d7726ec0922de582b5e11b402e6a54636' }))));
+        return (h(Host, { key: 'f649df17747c0b15e378dc8ed9c8bffd387efc6c' }, h("div", { key: 'e7fb23264fd9dac808b653faeb293d8f27a56c2d', class: this.elementClass }, h("slot", { key: '06c3b96dd8644e797381ffc39ab987080a46bc21' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-card-title.entry.js

@@ -9,7 +9,7 @@ const SpwCardTitle = class {
         this.borderColor = '';
     }
     render() {
-        return (h(Host, { key: '8696bd885214b78cad8c6410d9e0b53f8ce7ecf2', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: 'e67c1709c955b7f251650ca5d2b658210f8c9b17', class: "spw-card-title" }, h("span", { key: '43eb12c6d4ff0da812be987dd748802082122dd0', class: "spw-card-title__text" }, h("slot", { key: '5d33c12d00fb8c1e1c4a3b4468e24b02b4849049' })))));
+        return (h(Host, { key: 'd9d66c8671a7d756e79b9a079b4586222cea117a', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '70c8e8b768ed87e75eaf2217d68e2cbd51408429', class: "spw-card-title" }, h("span", { key: 'a3945892c82160dda444d395b1e7a05c71b2d0a7', class: "spw-card-title__text" }, h("slot", { key: 'cf108c616c3dcd817c6f8b72c5d01ff87a30f0f0' })))));
     }
 };
 SpwCardTitle.style = spwCardTitleCss;

package/dist/esm/spw-card.entry.js

@@ -124,7 +124,7 @@ const SpwCard = class {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: 'e8af75b7ec7fc2fb30f7a6f609486bff459ce28a', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'f81eb66dd6e0eb8be752b0c9fc873674a28b450a', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '1f438f37adf6e45fbac65ef6732f2641891113b8' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '75880d951ae4effa952c8d708957e1f29ff5e3f4', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '84a990c43446c96f4babad5c89fdd056ca2a4dda', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '5d371fabc92f44b1b66f8f5f31f4ca52085562e9' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'a2c4b4c7baf585e868ec7c0e1da60124adbe2e34' })))));
+        return (h(Host, { key: '6f0453f5b68c3176fa647d9de45dab2c8d2be7d9', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'fb8205ab094afa114abbe2557bc8e9e710f57c67', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'e6bd5924585802d0f819ba418df6cbee036343f6' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: 'fa5dda6da669c408e60a8604ed6cfa84b16cf6cf', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '901b9d0c0ca88b0d625d2c068da8fed27c904b0f', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '801115c5ab07fddcbd0a08d6ad240292ae8c085b' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'edb7b8815ca7d7ccf775381c9de70258857df7c7' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-checkbox.entry.js

@@ -87,7 +87,7 @@ const SpwCheckbox = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '0f977471337c3f5e7591102f3031fab7b1c488c0', class: "spw-checkbox" }, h("input", { key: '516ef8dc8c125a5c7ce29ce57d12ce75d1c273e8', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'f0dd32edf1a7874a5d79ae6791908e5c6a8d6c09', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: '7607dbeb68cf5a7f8bdbf599b9d37b4e3af8a0ca' }))), h("div", { key: 'ce8c92fd50c4aff3df05fd2ca364bb1b9716528b', tabindex: this.disabled ? -1 : 0, onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("spw-icon", { key: 'e44d002951730f568b1346837d6f2367ba508b6e', icon: this.icon }))));
+        return (h("div", { key: 'c36b35c82ae84d430a8243f9a72ecb1ce1cc7559', class: "spw-checkbox" }, h("input", { key: 'f63773278d6f39ce51ae82ed50fecdf21b3c5a0b', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'f0b41f4412a617640cce8888f4780b81e54b36cd', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, h("slot", { key: '7187861f5f2513950e2a7da55848687f01ed2874' }))), h("div", { key: 'af5eb313010d2a94917ee4b1887613df2b42df47', tabindex: this.disabled ? -1 : 0, onClick: this.handleCheckbox.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '172c345c9fb8129aaf12f09e9192acdf3bb1a373', icon: this.icon }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/spw-custom-select.entry.js

@@ -396,18 +396,18 @@ const SpwCustomSelect = class {
     render() {
         const filteredOptions = this.getFilteredOptions();
         const showPlaceholder = this.showPlaceholder();
-        return (h("div", { key: 'fdc2b51cf2c2baf23c9b84458a03b515c190a7b5', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '94e05a07b9289c19ec324026577db130b3ea9114', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '19e1edb252bf57f8fb953f65dd399b50bd6d5271', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'a57eced3777ce5e7662d65783a4a47fbf5db29e6', class: "spw-custom-select__wrapper" }, h("div", { key: 'e70f3b6c04065dcafe6ffd457acb418912891609', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'edd5909a12f03f457623c17117efcbc76d60fc71', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: 'c02f0d1aec58b336a9096b9205c7f1bc133a0883', class: "spw-custom-select__search" }, h("input", { key: '5b0c4f9bb20a784b34b062b9bc37eeb23d837915', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: 'aabaad4291c29023445b6f82356771243752c452' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: 'dbdcedd87386fd09b3eae695e9ba7a575cd96fae', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
+        return (h("div", { key: 'ec978f7e7edfefbe2aaf9bc3223f5b8f9e95d7ad', class: this.elementClass, ref: el => (this.host = el) }, this.label && h("spw-field-label", { key: '362702634cb8db6af6cc858373e9b054414ce50f', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'fa87d3f3daaecd1228c67cdbdcd52e2cee398f07', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '1cd841aa94b0f6dc46aaf258dbd79f2d3a04f0a5', class: "spw-custom-select__wrapper" }, h("div", { key: '020b926dd8e5b35e50596a89bddc3b92601dbc84', class: "spw-custom-select__container", id: this.name, ref: el => (this.selectContainer = el), onClick: event => this.toggleDropdown(event), onKeyDown: event => this.handleKeyDown(event), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '49cee9bf75ccbcdbab5671dbdc0a961d7be9a5bc', class: "spw-custom-select__selected" }, this.isSearchVisible() && (h("div", { key: '290eb9a51228a41e179e907ebcad82d7919bafe7', class: "spw-custom-select__search" }, h("input", { key: 'a1c3f026b842d8288cd1c2070cc40c827dbbeb31', class: "spw-custom-select__search-input", placeholder: "Entrez votre recherche", onInput: event => this.handleSearchInput(event), value: this.searchText }))), showPlaceholder && h("span", { key: '551f821faca75d07cc9e929abe8b954f748490f9' }, this.placeholder), this.multiple && this.internalValue.length > 0 && (h("div", { key: '16c3cc768244bfc0cb922ab11a78d9ac2fa13e33', class: "spw-custom-select__selected-items" }, this.internalValue.map(val => {
             var _a;
             return (h("span", { class: "spw-custom-select__selected-item" }, (_a = this.parsedOptions.find(option => String(option.value) === String(val))) === null || _a === void 0 ? void 0 :
                 _a.label, h("spw-icon", { icon: "fa-times", class: "spw-custom-select__deselect-icon", onClick: event => this.selectOption(val, event) })));
-        }))), !this.multiple && h("span", { key: '12575fcbc55514e6a1437352c795404214d66049' }, this.getSelectedLabels()))), h("div", { key: '56f80160976a5d448b65c2580f5b6c036ac82252', class: "spw-custom-select__arrow" }, h("spw-icon", { key: 'd32a60590f047d79adf279f364e2d4403442f3e1', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '156bde89a81856676c51b45b67fa3e3b6e7f2f5a', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '7727cdf6cb0034f476e724715b06c624b7119ee5' }, filteredOptions.map((option, index) => (h("li", { class: {
+        }))), !this.multiple && h("span", { key: 'd5c20a791a09d2efa6d1078904528c70c5328d6f' }, this.getSelectedLabels()))), h("div", { key: 'e421324b0d0bb68b0efc06add415fcfcc3e77c04', class: "spw-custom-select__arrow" }, h("spw-icon", { key: '1b0d55f6c2227d06723386a53a9ed477aa5c4c9d', icon: this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down' })), this.isOpen && (h("div", { key: '2880d122950795fac80ec60d50f1cde11b7c35f0', class: `spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}` }, !!filteredOptions.length && (h("ul", { key: '7f7960aff466f7645c62e9218ddae8ff555b665f' }, filteredOptions.map((option, index) => (h("li", { class: {
                 'spw-custom-select__option': true,
                 'spw-custom-select__option--selected': this.multiple
                     ? this.internalValue.some(val => String(val) === String(option.value))
                     : option.value === this.internalValue,
                 'spw-custom-select__option--focused': index === this.focusedOptionIndex,
                 'spw-custom-select__option--disabled': option.disabled,
-            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("p", { key: 'eb431e18c7ff386f182cb2ced85141470ee825bf', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+            }, onClick: () => this.selectOption(option.value) }, this.multiple && (h("spw-checkbox", { onKeyDown: event => this.handleOptionKeyDown(event, option.value), class: "spw-tw-mr-2", checked: this.internalValue.some(val => String(val) === String(option.value)), disabled: option.disabled })), option.label))))), !filteredOptions.length && h("p", { key: '27bc68f4c22992a27272ec51178b576e3caa4879', class: "spw-custom-select__no-results" }, "Pas de r\u00E9sultats pour cette recherche.")))), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/spw-date-picker.entry.js

@@ -113,7 +113,8 @@ const SpwDatePicker = class {
                     const isoString = this.toISODateString(parsedDate);
                     this.value = isoString;
                     this.internals.setFormValue(isoString);
-                    this.dateChange.emit({ value: isoString, date: parsedDate });
+                    const dateWithTime = new Date(isoString);
+                    this.dateChange.emit({ value: isoString, date: dateWithTime });
                     if (this.datepickerInstance) {
                         this.datepickerInstance.setDate(parsedDate, true);
                     }
@@ -634,7 +635,8 @@ const SpwDatePicker = class {
                 this.internalValue = formattedDate;
                 this.lastInputValue = formattedDate;
                 this.internals.setFormValue(isoString);
-                this.dateChange.emit({ value: isoString, date: selectedDate });
+                const dateWithTime = new Date(isoString);
+                this.dateChange.emit({ value: isoString, date: dateWithTime });
                 this.updateRangeConstraints();
                 setTimeout(() => {
                     var _a, _b;
@@ -748,7 +750,7 @@ const SpwDatePicker = class {
             'spw-date-picker__input--open': this.isOpen,
         };
         const errorMessage = this.error || this.internalError;
-        return (h(Host, { key: '0d144fa1a409a7cde6d4a59d287314be6e15ba56' }, h("div", { key: '63322b3df4206eb29a357c7f61bf24856385ec08', class: "spw-date-picker" }, this.label && h("spw-field-label", { key: '9fb215eaddd9934a1ad102c775caab615aef12cb', label: this.label, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '1e758b2b5a41aa678c4f20e0b92dd542b617c5d2', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'bf88b229bc97b138b0fe7c53052b8fc18fa74895', class: "spw-date-picker__input-container" }, h("input", { key: '8d02ac58b1892cd078b44557f01e129da2f4ffb8', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("spw-icon", { key: '600f3c23e265f66c9cb6d34856ca7a9772a1a3ae', icon: "fa-calendar", class: "spw-date-picker__icon" })), this.error && (h("spw-field-message", { key: '6422495c828d19c3067e6784eac3f2fa3b0dd7f3', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (h("spw-field-message", { key: '09aa1c335c405167bce4e7fbb0f51dd4abfe340c', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (h("spw-field-message", { key: '7b6f4000dec55e2dbf5c4808d33bebc9f32fd0aa', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (h("spw-field-message", { key: '5cb3c0fd986c5f029825610f847975ecb2b24154', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
+        return (h(Host, { key: '5225781f135f73b9f9c6a581533a1657084a137e' }, h("div", { key: 'cfa0046b761bcbe9ef88af6e59e67743288dd800', class: "spw-date-picker" }, this.label && h("spw-field-label", { key: 'c04cf47c8787c481dfeab2fc1bfa4a1aee9a5379', label: this.label, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '37fec708404bc148701b0f40118b7a22652b31db', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'cb602dd9fa9746b8792c0521749bb2af33afd30d', class: "spw-date-picker__input-container" }, h("input", { key: 'fe9972cd766b563a93ad21804bfce159950c40f1', ref: el => (this.inputElement = el), id: this.uniqueId, type: "text", class: inputClass, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, required: this.required, onFocus: this.handleInputFocus, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, "aria-describedby": this.assistiveText || errorMessage ? `${this.uniqueId}-help ${this.uniqueId}-error` : undefined, "aria-invalid": this.hasError }), h("spw-icon", { key: '5ab56d0eaeba6619f9ec1ee5ba5927e726667c6c', icon: "fa-calendar", class: "spw-date-picker__icon" })), this.error && (h("spw-field-message", { key: '6c1cc670e0770a90a85024b6600a07b90a98e8a3', variant: "error", showIcon: this.showErrorIcon }, this.error)), this.hint && (h("spw-field-message", { key: 'bbbb07d858c0351fe3cffafc7a09d9d5cd6f2579', variant: "hint", showIcon: this.showHintIcon }, this.hint)), this.success && (h("spw-field-message", { key: '99369f9b0abdcf5e80c26a9761ce1aa8430f45dc', variant: "success", showIcon: this.showSuccessIcon }, this.success)), this.warning && (h("spw-field-message", { key: '28d0bf3328b970a63ad15e1f1c1836a700a8986a', variant: "warning", showIcon: this.showWarningIcon }, this.warning)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }