@rededor/cura 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/components/cura-input-text2.js

@@ -3639,11 +3639,7 @@ const maskOptions = {
         placeholderChar: '_',
     },
     date: {
-        mask: Date,
-        min: new Date(1900, 0, 1),
-        max: new Date(2099, 11, 31),
-        lazy: false,
-        placeholderChar: '_',
+        mask: '00/00/0000'
     },
 };
 
@@ -3897,6 +3893,7 @@ const CuraInputText = /*@__PURE__*/ proxyCustomElement(class CuraInputText exten
     }
     handleInputChange(event) {
         const inputValue = event.target.value;
+        this.valueChange.emit(inputValue);
         if (this.type === 'number') {
             this.handleNumberInputChange(inputValue);
         }
@@ -3936,7 +3933,7 @@ const CuraInputText = /*@__PURE__*/ proxyCustomElement(class CuraInputText exten
             e.preventDefault();
     }
     render() {
-        return (h(Host, { key: '958e9c9ce207852a9a89bcbf6b2300a020e57e21' }, h("div", { key: 'a0b0a2dc0cef39d82f922f19a68adc2fea19ada4', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '600ac418f5e11b145546efd999e46f6dc439dbe2', class: "input-wrapper" }, this.label && (h("cura-label", { key: 'b7d8c89801d73f6b304b15cb3a1fb053be6c10a3', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: 'fbfc7e95fae3d2f695af8e966d50c36eaddf83ff', class: "required" }, "* "))), h("div", { key: '50b2e6a4edb17507bcbed66ddb262b5816eeea98', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: 'e0fb2fe18ca4555b15396bc794dc553273f06921', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref) }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: 'dde6d704a5fa3aac4bfa2428b636fc7e19301ace', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: '9322c8e784058c1e0880b3d248c5f1272a1518c4', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
+        return (h(Host, { key: '2f2f783ecef425e66a87f01ee01da880de719a39' }, h("div", { key: '1d9045829f1c0d651c72b79d76e02e2c46061dac', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, h("div", { key: '812f545947d26244ef7bef0dfbbdf4ddc48b1553', class: "input-wrapper" }, this.label && (h("cura-label", { key: '620aa3fb370e1cc80462c55f1b39418030cbed7d', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && h("span", { key: 'fc0dc595d953c8360acc2277d8744dcf868a59b3', class: "required" }, "* "))), h("div", { key: 'fcb2acfb37815c5beb2c1b96ae22a3854b370e15', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), h("input", { key: '4cd76e5b8cf323f43de0169631cbb168a0eaa954', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref) }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (h("cura-icon", { key: '0832143a6aea10d7a07cf281e66e48762c9df30d', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && h("cura-loader-circle", { key: 'a2eebd7fdeb47ca19b3a3be6f379bd27a77292ca', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {