@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.6

package/dist/cjs/ds-textarea.cjs.entry.js

@@ -3,21 +3,23 @@
  */
 'use strict';
 
-var index = require('./index-CdD-TT_n.js');
-var tslib_es6 = require('./tslib.es6-BTi-SLnA.js');
+var index = require('./index-sC3JnTlJ.js');
+var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var formControl = require('./form-control-Bno2tBGf.js');
-var validate_decorator = require('./validate.decorator-C9-9HA0Y.js');
-var field_util = require('./field.util-RjuvTLNZ.js');
+var formControl = require('./form-control-CtMcJUuC.js');
+var field_util = require('./field.util-L-DkeMVk.js');
 var input_interfaces = require('./input.interfaces-YapUUaRx.js');
-var config_decorator = require('./config.decorator-Qmrq4ZYj.js');
+var type = require('./type-hmc4CJcO.js');
+var oneOf = require('./one-of-BZGRIMtQ.js');
+var config_decorator = require('./config.decorator-ThGLtT-3.js');
 require('./aria-C3Tx6AHY.js');
 require('./label.i18n-C00ZY0P9.js');
-require('./config.utils-Cv4cx_Xa.js');
+require('./create-validator-decorator-BIgFqrMJ.js');
+require('./config.utils-MhZvq4Qm.js');
 
 const TEXTAREA_WRAPS = ['', 'hard', 'soft', 'off'];
 
-const textareaHostCss = () => `:host{--_input-family:var(--input-family, var(--mod-input-family, var(--ds-input-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-input-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-input-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-input-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-input-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-input-control-color-placeholder-base)));--_input-container-background:var(--input-container-background, var(--mod-input-container-background, var(--ds-input-container-color-base-background)));--_input-container-border-color:var(--input-container-border-color, var(--mod-input-container-border-color, var(--ds-input-container-color-base-border)));--_input-container-border-width:var(--input-container-border-width, var(--mod-input-container-border-width, var(--ds-input-container-border-width)));--_input-container-radius:var(--input-container-radius, var(--mod-input-container-radius, var(--ds-input-container-radius)));--_input-container-hover-background:var(--input-container-hover-background, var(--mod-input-container-hover-background, var(--ds-input-container-color-hover-background)));--_input-container-active-background:var(--input-container-active-background, var(--mod-input-container-active-background, var(--ds-input-container-color-active-background)));--_input-container-focus-background:var(--input-container-focus-background, var(--mod-input-container-focus-background, var(--ds-input-container-color-focus-background)));--_input-container-hover-border:var(--input-container-hover-border, var(--mod-input-container-hover-border, var(--ds-input-container-color-hover-border)));--_input-container-active-border:var(--input-container-active-border, var(--mod-input-container-active-border, var(--ds-input-container-color-active-border)));--_input-container-focus-border:var(--input-container-focus-border, var(--mod-input-container-focus-border, var(--ds-input-container-color-focus-border)));--_input-label-color:var(--input-label-color, var(--mod-input-label-color, var(--ds-input-label-color-base)));--_input-label-family:var(--input-label-family, var(--mod-input-label-family, var(--ds-input-label-family)));--_input-label-weight:var(--input-label-weight, var(--mod-input-label-weight, var(--ds-input-label-weight)));--_input-label-line-height:var(--input-label-line-height, var(--mod-input-label-line-height, var(--ds-input-label-line-height)));--_input-label-size:var(--input-label-size, var(--mod-input-label-size, var(--ds-input-label-size-device)));--_input-description-color:var(--input-description-color, var(--mod-input-description-color, var(--ds-input-description-color-base)));--_input-description-family:var(--input-description-family, var(--mod-input-description-family, var(--ds-input-description-family)));--_input-description-weight:var(--input-description-weight, var(--mod-input-description-weight, var(--ds-input-description-weight)));--_input-description-line-height:var(--input-description-line-height, var(--mod-input-description-line-height, var(--ds-input-description-line-height)));--_input-description-size:var(--input-description-size, var(--mod-input-description-size, var(--ds-input-description-size-device)))}:host{position:relative;display:grid;gap:.25rem}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #textarea::-moz-placeholder{color:var(--_input-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_input-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_input-placeholder)}:host #textarea::placeholder{color:var(--_input-placeholder)}:host #textarea::-moz-placeholder{color:var(--_input-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #textarea:-moz-placeholder{color:var(--_input-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_input-placeholder)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;padding-block:.5rem;padding-inline:.5rem;gap:.25rem;background:var(--_input-container-background);border:var(--_input-container-border-width) solid var(--_input-container-border-color);border-radius:var(--_input-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_input-container-hover-background);border-color:var(--_input-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_input-container-active-background);border-color:var(--_input-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_input-container-focus-background);border-color:var(--_input-container-focus-border)}:host #container textarea{resize:vertical}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_input-label-color);font-family:var(--_input-label-family);font-weight:var(--_input-label-weight);font-size:var(--_input-label-size);line-height:var(--_input-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_input-description-color);font-family:var(--_input-description-family);font-weight:var(--_input-description-weight);font-size:var(--_input-description-size);line-height:var(--_input-description-line-height)}:host #description ds-icon{--icon-color:var(--_input-description-color)}:host(.is-danger){--mod-input-container-border-color:var(--ds-input-container-color-danger-border);--mod-input-description-color:var(--ds-input-description-color-danger);--mod-input-container-hover-border:var(--ds-input-container-color-danger-border);--mod-input-container-active-border:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-input-container-border-color:var(--ds-input-container-color-success-border);--mod-input-description-color:var(--ds-input-description-color-success);--mod-input-container-hover-border:var(--ds-input-container-color-success-border);--mod-input-container-active-border:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-input-container-border-color:var(--ds-input-container-color-warning-border);--mod-input-description-color:var(--ds-input-description-color-warning);--mod-input-container-hover-border:var(--ds-input-container-color-warning-border);--mod-input-container-active-border:var(--ds-input-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-input-container-background:var(--ds-input-container-color-disabled-background);--mod-input-container-border-color:var(--ds-input-container-color-disabled-border);--mod-input-label-color:var(--ds-input-label-color-disabled);--mod-input-description-color:var(--ds-input-description-color-disabled);--mod-input-color:var(--ds-input-control-color-value-disabled);--mod-input-placeholder:var(--ds-input-control-color-placeholder-disabled)}`;
+const textareaHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_textarea-family:var(--textarea-family, var(--mod-textarea-family, var(--ds-form-control-family)));--_textarea-weight:var(--textarea-weight, var(--mod-textarea-weight, var(--ds-form-control-weight)));--_textarea-line-height:var(--textarea-line-height, var(--mod-textarea-line-height, var(--ds-form-control-line-height)));--_textarea-size:var(--textarea-size, var(--mod-textarea-size, var(--ds-form-control-size-device)));--_textarea-color:var(--textarea-color, var(--mod-textarea-color, var(--ds-form-control-color-value-base)));--_textarea-placeholder:var(--textarea-placeholder, var(--mod-textarea-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #textarea{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_textarea-color);font-family:var(--_textarea-family);font-weight:var(--_textarea-weight);font-size:var(--_textarea-size);line-height:var(--_textarea-line-height);border-radius:var(--_textarea-container-radius)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea::placeholder{color:var(--_textarea-placeholder)}:host #textarea::-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea::-webkit-input-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-moz-placeholder{color:var(--_textarea-placeholder)}:host #textarea:-ms-input-placeholder{color:var(--_textarea-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container textarea{resize:vertical}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #textarea{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-textarea-color:var(--ds-form-control-color-value-disabled);--mod-textarea-placeholder:var(--ds-form-control-color-placeholder-disabled)}`;
 
 const Textarea = class {
     constructor(hostRef) {
@@ -145,7 +147,6 @@ const Textarea = class {
      * ------------------------------------------------------
      */
     connectedCallback() {
-        validate_decorator.setupValidation(this);
         this.debounceChanged();
         this.control.connectedCallback();
     }
@@ -200,7 +201,7 @@ const Textarea = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(field_util.Field, { key: '657c7d07c5f2e3e0ac17281f33775f033d7fa3a5', inputId: 'textarea', disabled: this.disabled, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, index.h("textarea", Object.assign({ key: 'ee21851ff6ceae240caddcd877b5d8dcbc13164b', id: "textarea", part: "textarea", name: this.name, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, inputMode: this.inputmode, cols: this.cols, rows: this.rows, wrap: this.wrap || undefined, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
+        return (index.h(field_util.Field, { key: 'eed94ad65298572829562a0d13d3decd677c2fbb', inputId: 'textarea', disabled: this.disabled, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, index.h("textarea", Object.assign({ key: 'e8030aee2620ae0384945396cc794981a017287a', id: "textarea", part: "textarea", name: this.name, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, inputMode: this.inputmode, cols: this.cols, rows: this.rows, wrap: this.wrap ? this.wrap : undefined, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -217,87 +218,87 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", void 0)
 ], Textarea.prototype, "createLogger", null);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "autocapitalize", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "autocomplete", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "autofocus", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "autoInvalidOff", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...input_interfaces.INPUT_COLORS),
+    oneOf.OneOf(input_interfaces.INPUT_COLORS),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "color", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('number'),
+    type.Type('number'),
     tslib_es6.__metadata("design:type", Number)
 ], Textarea.prototype, "cols", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('number'),
+    type.Type('number'),
     tslib_es6.__metadata("design:type", Number)
 ], Textarea.prototype, "debounce", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "description", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "disabled", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...input_interfaces.INPUT_INPUT_MODES),
+    oneOf.OneOf(input_interfaces.INPUT_INPUT_MODES),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "inputmode", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "invalid", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "invalidText", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "label", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('number'),
+    type.Type('number'),
     tslib_es6.__metadata("design:type", Number)
 ], Textarea.prototype, "maxLength", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('number'),
+    type.Type('number'),
     tslib_es6.__metadata("design:type", Number)
 ], Textarea.prototype, "minLength", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "name", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "placeholder", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "readonly", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Textarea.prototype, "required", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('number'),
+    type.Type('number'),
     tslib_es6.__metadata("design:type", Number)
 ], Textarea.prototype, "rows", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TEXTAREA_WRAPS),
+    oneOf.OneOf(TEXTAREA_WRAPS),
     tslib_es6.__metadata("design:type", String)
 ], Textarea.prototype, "wrap", void 0);
 tslib_es6.__decorate([

package/dist/cjs/ds-toast.cjs.entry.js

@@ -3,13 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-CdD-TT_n.js');
-var tslib_es6 = require('./tslib.es6-BTi-SLnA.js');
-var formControl = require('./form-control-Bno2tBGf.js');
-var svg = require('./svg-D7Mwbcvp.js');
-var validate_decorator = require('./validate.decorator-C9-9HA0Y.js');
-var config_decorator = require('./config.decorator-Qmrq4ZYj.js');
-require('./config.utils-Cv4cx_Xa.js');
+var index = require('./index-sC3JnTlJ.js');
+var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
+var formControl = require('./form-control-CtMcJUuC.js');
+var hasValue = require('./has-value-DK0oRqXI.js');
+var svg = require('./svg-D9RbiR8R.js');
+var oneOf = require('./one-of-BZGRIMtQ.js');
+var type = require('./type-hmc4CJcO.js');
+var required = require('./required-COz3Unzu.js');
+var config_decorator = require('./config.decorator-ThGLtT-3.js');
+require('./create-validator-decorator-BIgFqrMJ.js');
+require('./config.utils-MhZvq4Qm.js');
 
 const TOAST_COLORS = ['base', 'info', 'success', 'warning', 'danger'];
 const TOAST_TARGETS = ['_blank', '_parent', '_self', '_top'];
@@ -88,30 +92,27 @@ const Toast = class {
          * ------------------------------------------------------
          */
         this.generateSvgContent = () => {
-            if (this.svg !== undefined && this.svg.length > 0) {
-                this.svgContent = svg.sanitizeSvg(this.svg);
+            if (hasValue.hasValue(this.svg)) {
+                return svg.sanitizeSvg(this.svg);
             }
+            return undefined;
         };
         this.generateIconName = () => {
-            if (this.icon !== undefined && this.icon.length > 0) {
-                this.iconName = this.icon;
+            if (hasValue.hasValue(this.icon)) {
+                return this.icon;
             }
             else {
                 switch (this.color) {
                     case 'info':
-                        this.iconName = 'information';
-                        break;
+                        return 'information';
                     case 'success':
-                        this.iconName = 'check';
-                        break;
+                        return 'check';
                     case 'warning':
-                        this.iconName = 'alert';
-                        break;
+                        return 'alert';
                     case 'danger':
-                        this.iconName = 'alert';
-                        break;
+                        return 'alert';
                     default:
-                        this.iconName = 'bell';
+                        return 'bell';
                 }
             }
         };
@@ -119,21 +120,10 @@ const Toast = class {
     createLogger(log) {
         this.log = log;
     }
-    iconChanged() {
-        this.generateIconName();
-    }
-    svgChanged() {
-        this.generateSvgContent();
-    }
     /**
      * LIFECYCLE
      * ------------------------------------------------------
      */
-    connectedCallback() {
-        validate_decorator.setupValidation(this);
-        this.generateIconName();
-        this.generateSvgContent();
-    }
     componentDidLoad() {
         index.raf(() => {
             this.didLoad = true;
@@ -162,6 +152,8 @@ const Toast = class {
      * ------------------------------------------------------
      */
     render() {
+        const iconName = this.generateIconName();
+        const svgContent = this.generateSvgContent();
         const hasDuration = this.duration !== undefined && this.duration !== 'infinite' && this.duration > 0;
         const hasProgressBar = this.visible && this.didLoad && hasDuration;
         const durationVariable = hasDuration
@@ -169,13 +161,13 @@ const Toast = class {
                 '--toast-progress-duration': `${this.duration}ms`,
             }
             : {};
-        return (index.h(index.Host, { key: '42b20febf8b87b5c7b1fa83a60b8b874a76f3812', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: {
+        return (index.h(index.Host, { key: 'f38cb2cdb7460f866c5c9f7d14a6b2565cba63f9', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: {
                 [`is-ready`]: this.didLoad,
                 [`is-paused`]: this.didPause,
                 [`is-visible`]: this.visible,
                 [`has-progress-bar`]: hasProgressBar && this.animated,
                 [`is-closable`]: this.closable,
-                [`is-action`]: this.action !== undefined,
+                [`is-action`]: hasValue.hasValue(this.action),
                 [`is-${this.color}`]: this.color !== undefined,
             }, style: durationVariable, onMouseEnter: () => {
                 this.didPause = true;
@@ -183,7 +175,7 @@ const Toast = class {
             }, onMouseLeave: () => {
                 this.didPause = false;
                 this.dsDidResume.emit();
-            } }, !this.svgContent && (index.h("ds-icon", { key: 'f658e9777ee272f244acb654ff5d8e0df616fbb9', id: "icon", part: "icon", name: this.iconName || this.color === 'warning'
+            } }, !hasValue.hasValue(svgContent) && (index.h("ds-icon", { key: 'a3533c4ad23fcfeeb13628cce8292c877010d31d', id: "icon", part: "icon", name: iconName || this.color === 'warning'
                 ? 'alert'
                 : this.color === 'danger'
                     ? 'alert'
@@ -195,24 +187,16 @@ const Toast = class {
                 ? 'triangle'
                 : this.color === 'danger' || this.color === 'success' || this.color === 'info'
                     ? 'circle'
-                    : undefined })), this.svgContent && index.h("ds-icon", { key: 'd8e9cce343cb3fe70cd6fafa4910477a2ce64255', id: "icon", part: "icon", svg: this.svgContent }), index.h("span", { key: '342b90fc44ba264fd9a0ca4d3bdaba2957fa710a', part: "content", id: "content" }, this.heading && index.h("h2", { key: 'e28d833393858378b03b06c9849bbdb618e9ad54', part: "heading" }, this.heading), index.h("span", { key: '1e68ac398df27183efa45b9698222ea039799c4a', part: "message" }, this.message, index.h("slot", { key: '4a9a6c06780863b49f431a2c63dc01ca6ddfb540' }))), this.action && (index.h("ds-button", { key: 'eb1fbc8586a2c86d4e954a95cf387e6db2eda5a9', id: "action", color: "primary", size: "sm", part: "button", icon: this.actionIcon, target: this.actionTarget, href: this.actionHref, onClick: ev => {
+                    : undefined })), hasValue.hasValue(svgContent) && index.h("ds-icon", { key: '206dbb5cd3673773eb5a9327679676ad9a0d15f9', id: "icon", part: "icon", svg: svgContent }), index.h("span", { key: 'f7f7fb5c0071f6cb35a005e9a843cfc527d96e3f', part: "content", id: "content" }, this.heading && index.h("h2", { key: '073902110e1777b279e829e05bcc040e24b8251e', part: "heading" }, this.heading), index.h("span", { key: '677a6c7b3bb849376cd47b8449e8cab982c396b6', part: "message" }, this.message, index.h("slot", { key: '722ebc769eb27196aef924c2028a5b0c04590d25' }))), hasValue.hasValue(this.action) && (index.h("ds-button", { key: '814a491f7657a3ad56021a3607651244afafc2af', id: "action", color: "primary", size: "sm", part: "button", icon: this.actionIcon, target: this.actionTarget, href: this.actionHref, onClick: ev => {
                 formControl.stopEventBubbling(ev);
                 this.dsActionClick.emit(ev);
                 this.actionHandler(this.alertId);
-            } }, this.action)), this.closable && (index.h("ds-close", { key: '429e2b06d53b4bd7b38f91b0ae0f0fbd10599cb3', part: "close", onClick: ev => {
+            } }, this.action)), this.closable && (index.h("ds-close", { key: 'e1c6e38442650af9321ba62e43a94fc2e10cbb6f', part: "close", onClick: ev => {
                 formControl.stopEventBubbling(ev);
                 this.close();
             } }))));
     }
     get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "icon": [{
-                "iconChanged": 0
-            }],
-        "svg": [{
-                "svgChanged": 0
-            }]
-    }; }
 };
 tslib_es6.__decorate([
     tslib_es6.Logger('toast'),
@@ -221,43 +205,45 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", void 0)
 ], Toast.prototype, "createLogger", null);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOAST_COLORS),
+    oneOf.OneOf(TOAST_COLORS),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "color", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toast.prototype, "closable", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateRequiredAndType('string'),
+    required.Required(),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "heading", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateRequiredAndType('string'),
+    required.Required(),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "message", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "icon", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "svg", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "action", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "actionIcon", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOAST_TARGETS),
+    oneOf.OneOf(TOAST_TARGETS),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "actionTarget", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toast.prototype, "actionHref", void 0);
 tslib_es6.__decorate([

package/dist/cjs/ds-toggle.cjs.entry.js

@@ -3,10 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-CdD-TT_n.js');
-var tslib_es6 = require('./tslib.es6-BTi-SLnA.js');
+var index = require('./index-sC3JnTlJ.js');
+var tslib_es6 = require('./tslib.es6-CxyosZMg.js');
 var attributes = require('./attributes-D57TMQsY.js');
-var validate_decorator = require('./validate.decorator-C9-9HA0Y.js');
+var type = require('./type-hmc4CJcO.js');
+var oneOf = require('./one-of-BZGRIMtQ.js');
+require('./create-validator-decorator-BIgFqrMJ.js');
 
 const TOGGLE_GROUP_COLUMNS = [1, 2, 3, 4];
 const TOGGLE_TILE_COLORS = ['', 'purple', 'green', 'yellow', 'red'];
@@ -141,7 +143,6 @@ const Toggle = class {
      * ------------------------------------------------------
      */
     connectedCallback() {
-        validate_decorator.setupValidation(this);
         this.initialValue = this.checked;
         this.internals.setFormValue(this.checked ? this.value : null);
     }
@@ -164,7 +165,7 @@ const Toggle = class {
      * ------------------------------------------------------
      */
     render() {
-        return (index.h(index.Host, { key: '477607550417767f9998d45960e40debe1eb6078', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, "aria-invalid": this.invalid ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '1b7d121632acd52923b9fde51d6c960b13d0660b', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, "aria-invalid": this.invalid ? 'true' : null, class: {
                 'is-disabled': this.disabled || this.readonly,
                 'is-invalid': this.invalid,
                 'is-checked': this.checked,
@@ -175,7 +176,7 @@ const Toggle = class {
                 [`has-cols-${this.cols}`]: this.tile && this.cols > 1,
                 [`has-cols-${this.colsTablet}-tablet`]: this.tile && this.colsTablet > 1,
                 [`has-cols-${this.colsMobile}-mobile`]: this.tile && this.colsMobile > 1,
-            } }, index.h("label", { key: '1087df9af44ad5d09af803670718f3e58135ea0d', id: "label", part: "label" }, index.h("input", Object.assign({ key: '95058b33011e865731dc90210768689361f38506', type: "checkbox", part: "input", id: this.inputId, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, "aria-invalid": this.invalid ? 'true' : null, onChange: ev => this.handleChange(ev), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: inputEl => (this.nativeInput = inputEl) }, this.inheritAttributes)), index.h("div", { key: '72fa6a4159f5d589808a216af264a34cd1d9a5ba', id: "slot", part: "slot" }, index.h("slot", { key: '87c7705b319de57d26d38aa11f61567984be7e69' })))));
+            } }, index.h("label", { key: '02ab5607ab4e4df86bb693d4d17f6b92bcaaffe1', id: "label", part: "label" }, index.h("input", Object.assign({ key: '67cbba07cd0f24182220936effbcf4e226fe59a5', type: "checkbox", part: "input", id: this.inputId, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, required: this.required, "aria-invalid": this.invalid ? 'true' : null, onChange: ev => this.handleChange(ev), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: inputEl => (this.nativeInput = inputEl) }, this.inheritAttributes)), index.h("div", { key: '9d95926646c9f3f9fee266ddc2a6b2755ba720a8', id: "slot", part: "slot" }, index.h("slot", { key: '398da82c7431036f155fd81cb3ce1bf80e49deeb' })))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -187,63 +188,63 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", void 0)
 ], Toggle.prototype, "createLogger", null);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "autoInvalidOff", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "checked", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "dense", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOGGLE_TILE_COLORS),
+    oneOf.OneOf(TOGGLE_TILE_COLORS),
     tslib_es6.__metadata("design:type", String)
 ], Toggle.prototype, "color", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOGGLE_GROUP_COLUMNS),
+    oneOf.OneOf(TOGGLE_GROUP_COLUMNS),
     tslib_es6.__metadata("design:type", Number)
 ], Toggle.prototype, "cols", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOGGLE_GROUP_COLUMNS),
+    oneOf.OneOf(TOGGLE_GROUP_COLUMNS),
     tslib_es6.__metadata("design:type", Number)
 ], Toggle.prototype, "colsMobile", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOGGLE_GROUP_COLUMNS),
+    oneOf.OneOf(TOGGLE_GROUP_COLUMNS),
     tslib_es6.__metadata("design:type", Number)
 ], Toggle.prototype, "colsTablet", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "disabled", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "invalid", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toggle.prototype, "label", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateOneOf(...TOGGLE_LABEL_POSITIONS),
+    oneOf.OneOf(TOGGLE_LABEL_POSITIONS),
     tslib_es6.__metadata("design:type", String)
 ], Toggle.prototype, "labelPosition", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('string'),
+    type.Type('string'),
     tslib_es6.__metadata("design:type", String)
 ], Toggle.prototype, "name", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "readonly", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "required", void 0);
 tslib_es6.__decorate([
-    validate_decorator.ValidateType('boolean'),
+    type.Type('boolean'),
     tslib_es6.__metadata("design:type", Boolean)
 ], Toggle.prototype, "tile", void 0);
 let toggleIds = 0;