npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.0 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1219) hide show

package/dist/components/p-uWp7Cs9b.js ADDED Viewed

@@ -0,0 +1,341 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-Dxu5saXC.js';
+import { t as LabelPosition, C as ControlSize, i as InputType } from './p-Bla2iV_L.js';
+import { r as randomId, b as boolean } from './p-D6oPathC.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$1 } from './p-Dog_NtRb.js';
+const stylesCss = ".sc-z-input-h{display:inline-block;width:inherit}.sc-z-input-h *.sc-z-input{box-sizing:border-box}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input{background:var(--color-form-background);fill:var(--color-form-default-icon);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input,.textarea-wrapper.sc-z-input{border:var(--border-size-small) solid var(--color-form-surface04);border-radius:var(--border-radius-small);color:var(--color-form-default-text)}[size=\"small\"].sc-z-input-h input.sc-z-input,[size=\"small\"].sc-z-input-h textarea.sc-z-input,[size=\"x-small\"].sc-z-input-h input.sc-z-input,[size=\"x-small\"].sc-z-input-h textarea.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:not(.readonly):hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly=\"true\"]) .textarea-wrapper.sc-z-input:focus-within{border-color:var(--color-form-active-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible:hover,.textarea-wrapper.sc-z-input:not(.readonly):focus-within:hover{outline-color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input{fill:var(--color-form-active-primary)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-form-active-primary)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{border-color:var(--color-form-surface03);box-shadow:none}.input-success.sc-z-input{border-color:var(--color-form-success01);background:var(--color-form-inverse-success)}.input-success.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-success.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-success01)}.input-error.sc-z-input{border-color:var(--color-form-hover-error);background:var(--color-form-inverse-error)}.input-error.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-error.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-error)}.input-warning.sc-z-input{border-color:var(--color-form-hover-warning);background:var(--color-form-inverse-warning)}.input-warning.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-warning.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-warning)}.sc-z-input:is(.input-success,.input-error.sc-z-input,.input-warning).sc-z-input:focus:focus-visible{color:var(--color-form-default-text)}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.textarea-wrapper.readonly.sc-z-input{border-color:var(--color-form-surface03);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) z-icon.sc-z-input{border-color:var(--color-form-disabled03);box-shadow:none;color:var(--color-form-disabled-text);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled=\"false\"]) label.input-label.sc-z-input{color:var(--color-disabled03)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-form-default-icon)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size=\"small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size=\"x-small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input{display:flex;padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input+.input-icon.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{width:100%;height:100%;padding:calc(var(--space-unit) * 1.5)}.textarea-wrapper.sc-z-input:not(.input-error,.input-success.sc-z-input,.input-warning).sc-z-input{background-color:var(--color-form-background)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;color:currentcolor;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}";
+const ZInput = /*@__PURE__*/ proxyCustomElement(class ZInput extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.inputChange = createEvent(this, "inputChange", 7);
+        this.startTyping = createEvent(this, "startTyping", 7);
+        this.stopTyping = createEvent(this, "stopTyping", 7);
+        this.inputCheck = createEvent(this, "inputCheck", 7);
+        this.inputFocus = createEvent(this, "inputFocus", 7);
+        this.inputBlur = createEvent(this, "inputBlur", 7);
+        this.typingtimeout = 300;
+        this.htmlid = `id-${randomId()}`;
+        this.type = undefined;
+        this.name = undefined;
+        this.label = undefined;
+        this.ariaLabel = "";
+        this.ariaExpanded = "";
+        this.ariaControls = undefined;
+        this.ariaAutocomplete = undefined;
+        this.ariaActivedescendant = undefined;
+        this.value = undefined;
+        this.disabled = false;
+        this.readonly = false;
+        this.required = false;
+        this.checked = false;
+        this.placeholder = undefined;
+        this.htmltitle = undefined;
+        this.status = undefined;
+        this.message = true;
+        this.labelPosition = LabelPosition.RIGHT;
+        this.autocomplete = undefined;
+        this.role = "";
+        this.hasclearicon = true;
+        this.icon = undefined;
+        this.min = undefined;
+        this.minlength = undefined;
+        this.max = undefined;
+        this.maxlength = undefined;
+        this.step = undefined;
+        this.pattern = undefined;
+        this.size = ControlSize.BIG;
+        this.isTyping = false;
+        this.passwordHidden = true;
+    }
+    inputCheckListener(e) {
+        const data = e.detail;
+        switch (this.type) {
+            case InputType.RADIO:
+                if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {
+                    this.checked = false;
+                }
+                break;
+        }
+    }
+    /** get checked status */
+    async isChecked() {
+        switch (this.type) {
+            case InputType.CHECKBOX:
+            case InputType.RADIO:
+                return this.checked;
+            default:
+                console.warn("`isChecked` method is only available for type `checkbox` and `radio`");
+                return false;
+        }
+    }
+    emitInputChange(value) {
+        if (!this.isTyping) {
+            this.emitStartTyping();
+        }
+        let validity;
+        if (this.type === InputType.TEXTAREA) {
+            validity = this.getValidity("textarea");
+        }
+        else {
+            validity = this.getValidity("input");
+        }
+        this.value = value;
+        this.inputChange.emit({ value, validity });
+        clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+            this.emitStopTyping(this.value, validity);
+        }, this.typingtimeout);
+    }
+    emitStartTyping() {
+        this.isTyping = true;
+        this.startTyping.emit();
+    }
+    emitStopTyping(value, validity) {
+        this.isTyping = false;
+        this.stopTyping.emit({
+            value: value,
+            validity: validity,
+        });
+    }
+    emitInputCheck(checked) {
+        this.inputCheck.emit({
+            id: this.htmlid,
+            checked: checked,
+            type: this.type,
+            name: this.name,
+            value: this.value,
+            validity: this.getValidity("input"),
+        });
+    }
+    emitInputFocus() {
+        this.inputFocus.emit({ id: this.htmlid });
+    }
+    emitInputBlur() {
+        this.inputBlur.emit({ id: this.htmlid });
+    }
+    getValidity(type) {
+        const input = this.hostElement.querySelector(type);
+        return input.validity;
+    }
+    /* START text/password/email/number */
+    getTextAttributes() {
+        return {
+            id: this.htmlid,
+            name: this.name,
+            placeholder: this.placeholder,
+            value: this.value,
+            disabled: this.disabled,
+            readonly: this.readonly,
+            required: this.required,
+            title: this.htmltitle,
+            minlength: this.minlength,
+            maxlength: this.maxlength,
+            class: {
+                [`input-${this.status}`]: !!this.status,
+            },
+            autocomplete: this.autocomplete,
+            onInput: (e) => this.emitInputChange(e.target.value),
+        };
+    }
+    getNumberAttributes(type) {
+        if (type != InputType.NUMBER) {
+            return;
+        }
+        return {
+            min: this.min,
+            max: this.max,
+            step: this.step,
+        };
+    }
+    getPatternAttribute(type) {
+        if (type != InputType.PASSWORD &&
+            type != InputType.TEXT &&
+            type != InputType.TEL &&
+            type != InputType.SEARCH &&
+            type != InputType.URL &&
+            type != InputType.EMAIL) {
+            return;
+        }
+        return {
+            pattern: this.pattern,
+        };
+    }
+    getRoleAttribute() {
+        return this.role ? { role: this.role } : {};
+    }
+    getAriaAttrubutes() {
+        const expanded = this.ariaExpanded ? { "aria-expanded": this.ariaExpanded } : {};
+        const controls = this.ariaControls ? { "aria-controls": this.ariaControls } : {};
+        const autocomplete = this.ariaAutocomplete ? { "aria-autocomplete": this.ariaAutocomplete } : {};
+        const activedescendant = this.ariaActivedescendant ? { "aria-activedescendant": this.ariaActivedescendant } : {};
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, expanded), controls), autocomplete), activedescendant);
+    }
+    getFocusBlurAttributes() {
+        return {
+            onFocus: () => this.emitInputFocus(),
+            onBlur: () => this.emitInputBlur(),
+        };
+    }
+    renderInputText(type = InputType.TEXT) {
+        const ariaLabel = this.ariaLabel ? { "aria-label": this.ariaLabel } : {};
+        const attr = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel), this.getRoleAttribute()), this.getAriaAttrubutes()), this.getFocusBlurAttributes());
+        if (this.icon || type === InputType.PASSWORD) {
+            Object.assign(attr.class, { "has-icon": true });
+        }
+        if (this.hasclearicon && type != InputType.NUMBER) {
+            Object.assign(attr.class, { "has-clear-icon": true });
+        }
+        return (h("div", { class: "text-wrapper" }, this.renderLabel(), h("div", null, h("input", Object.assign({ type: type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type }, attr, { ref: (el) => (this.inputRef = el) })), this.renderIcons()), this.renderMessage()));
+    }
+    renderLabel() {
+        if (!this.label) {
+            return;
+        }
+        return (h("label", { class: "input-label body-5-sb", id: `${this.htmlid}_label`, htmlFor: this.htmlid }, this.label));
+    }
+    renderIcons() {
+        return (h("span", { class: "icons-wrapper" }, this.renderResetIcon(), this.renderIcon()));
+    }
+    renderIcon() {
+        if (this.type === InputType.PASSWORD) {
+            return this.renderShowHidePassword();
+        }
+        if (!this.icon) {
+            return;
+        }
+        return (h("z-icon", { name: this.icon, class: { [this.size]: true, "input-icon": true } }));
+    }
+    renderResetIcon() {
+        let hidden = false;
+        if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {
+            hidden = true;
+        }
+        return (h("button", { type: "button", class: { "reset-icon": true, "input-icon": true, hidden }, "aria-label": "cancella il contenuto dell'input", onClick: () => {
+                this.inputRef.value = "";
+                this.emitInputChange("");
+            } }, h("z-icon", { name: "multiply", class: this.size })));
+    }
+    renderShowHidePassword() {
+        return (h("button", { type: "button", class: "input-icon toggle-password-icon", disabled: this.disabled, "aria-label": this.passwordHidden ? "mostra password" : "nascondi password", onClick: () => (this.passwordHidden = !this.passwordHidden) }, h("z-icon", { name: this.passwordHidden ? "view-filled" : "view-off-filled", class: this.size })));
+    }
+    renderMessage() {
+        if (boolean(this.message) === false) {
+            return;
+        }
+        return (h("z-input-message", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));
+    }
+    /* END text/password/email/number */
+    /* START textarea */
+    renderTextarea() {
+        const attributes = this.getTextAttributes();
+        return (h(Fragment, null, this.renderLabel(), h("div", { class: Object.assign(Object.assign({}, attributes.class), { "textarea-wrapper": true, "readonly": !!attributes.readonly }) }, h("textarea", Object.assign({}, attributes, { class: Object.assign(Object.assign({}, attributes.class), { "z-scrollbar": true }), "aria-label": this.ariaLabel || undefined }, this.getRoleAttribute()))), this.renderMessage()));
+    }
+    /* END textarea */
+    handleCheck(ev) {
+        this.checked = ev.target.checked;
+        this.emitInputCheck(this.checked);
+    }
+    /* START checkbox */
+    renderCheckbox() {
+        return (h("div", { class: "checkbox-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h("label", { htmlFor: this.htmlid, class: {
+                "checkbox-label": true,
+                "after": this.labelPosition === LabelPosition.RIGHT,
+                "before": this.labelPosition === LabelPosition.LEFT,
+            } }, h("z-icon", { name: this.checked ? "checkbox-checked" : "checkbox", class: this.size }), this.label && h("span", { innerHTML: this.label }))));
+    }
+    /* END checkbox */
+    /* START radio */
+    renderRadio() {
+        return (h("div", { class: "radio-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "radio", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h("label", { htmlFor: this.htmlid, class: {
+                "radio-label": true,
+                "after": this.labelPosition === LabelPosition.RIGHT,
+                "before": this.labelPosition === LabelPosition.LEFT,
+            } }, h("z-icon", { name: this.checked ? "radio-button-checked" : "radio-button", class: this.size }), this.label && h("span", { innerHTML: this.label }))));
+    }
+    /* END radio */
+    render() {
+        let input;
+        switch (this.type) {
+            case InputType.TEXTAREA:
+                input = this.renderTextarea();
+                break;
+            case InputType.CHECKBOX:
+                input = this.renderCheckbox();
+                break;
+            case InputType.RADIO:
+                input = this.renderRadio();
+                break;
+            default:
+                input = this.renderInputText(this.type);
+        }
+        return h(Host, { key: '716ee8b89dbfeffedfdbfa8785c3994a94c44f44' }, input);
+    }
+    get hostElement() { return this; }
+    static get style() { return stylesCss; }
+}, [2, "z-input", {
+        "htmlid": [1],
+        "type": [1],
+        "name": [1],
+        "label": [1],
+        "ariaLabel": [1, "aria-label"],
+        "ariaExpanded": [1, "aria-expanded"],
+        "ariaControls": [1, "aria-controls"],
+        "ariaAutocomplete": [1, "aria-autocomplete"],
+        "ariaActivedescendant": [1, "aria-activedescendant"],
+        "value": [1025],
+        "disabled": [516],
+        "readonly": [4],
+        "required": [4],
+        "checked": [1028],
+        "placeholder": [1],
+        "htmltitle": [1],
+        "status": [1],
+        "message": [8],
+        "labelPosition": [1, "label-position"],
+        "autocomplete": [1],
+        "role": [1],
+        "hasclearicon": [4],
+        "icon": [1],
+        "min": [2],
+        "minlength": [2],
+        "max": [2],
+        "maxlength": [2],
+        "step": [2],
+        "pattern": [1],
+        "size": [513],
+        "isTyping": [32],
+        "passwordHidden": [32],
+        "isChecked": [64]
+    }, [[4, "inputCheck", "inputCheckListener"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-input", "z-icon", "z-input-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-input":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZInput);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "z-input-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { ZInput as Z, defineCustomElement as d };
+//# sourceMappingURL=p-uWp7Cs9b.js.map
+//# sourceMappingURL=p-uWp7Cs9b.js.map

package/dist/components/p-uWp7Cs9b.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-uWp7Cs9b.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/styles.css?tag=z-input&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/index.js"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n}\n\n:host * {\n box-sizing: border-box;\n}\n\ninput::-ms-clear,\ninput::-ms-reveal {\n display: none;\n}\n\n/* GENERAL */\n:host input::-ms-clear,\n:host input::-ms-reveal {\n display: none;\n}\n\ninput,\ntextarea {\n background: var(--color-form-background);\n fill: var(--color-form-default-icon);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n outline: none;\n}\n\ninput,\n.textarea-wrapper {\n border: var(--border-size-small) solid var(--color-form-surface04);\n border-radius: var(--border-radius-small);\n color: var(--color-form-default-text);\n}\n\n:host([size=\"small\"]) input,\n:host([size=\"small\"]) textarea,\n:host([size=\"x-small\"]) input,\n:host([size=\"x-small\"]) textarea {\n font-size: var(--font-size-2);\n}\n\n:host.cursor-select input {\n cursor: pointer;\n}\n\n/* HOVER */\ninput:not([readonly]):hover,\n.textarea-wrapper:not(.readonly):hover {\n outline: var(--border-size-medium) solid var(--color-surface04);\n outline-offset: -2px;\n}\n\n/* FOCUS */\n:host:not(.active-select) input:focus:focus-visible,\n:host:not([readonly=\"true\"]) .textarea-wrapper:focus-within {\n border-color: var(--color-form-active-primary);\n box-shadow: var(--shadow-focus-primary);\n color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible:hover,\n.textarea-wrapper:not(.readonly):focus-within:hover {\n outline-color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible + .icons-wrapper {\n fill: var(--color-form-active-primary);\n}\n\n:host.active-select input {\n border: var(--border-size-small) solid var(--color-form-active-primary);\n}\n\n:host.cursor-select input:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host input[readonly]:focus:focus-visible {\n border-color: var(--color-form-surface03);\n box-shadow: none;\n}\n\n/* STATUSES (success, warning, error) */\n.input-success {\n border-color: var(--color-form-success01);\n background: var(--color-form-inverse-success);\n}\n\n.input-success:focus:focus-visible + .icons-wrapper,\n.input-success + .icons-wrapper {\n fill: var(--color-form-success01);\n}\n\n.input-error {\n border-color: var(--color-form-hover-error);\n background: var(--color-form-inverse-error);\n}\n\n.input-error:focus:focus-visible + .icons-wrapper,\n.input-error + .icons-wrapper {\n fill: var(--color-form-hover-error);\n}\n\n.input-warning {\n border-color: var(--color-form-hover-warning);\n background: var(--color-form-inverse-warning);\n}\n\n.input-warning:focus:focus-visible + .icons-wrapper,\n.input-warning + .icons-wrapper {\n fill: var(--color-form-hover-warning);\n}\n\n:is(.input-success, .input-error, .input-warning):focus:focus-visible {\n color: var(--color-form-default-text);\n}\n\n/* READONLY */\n:host:not(.active-select) input[readonly],\n.textarea-wrapper.readonly {\n border-color: var(--color-form-surface03);\n fill: var(--color-form-disabled01-icon);\n pointer-events: none;\n}\n\n/* DISABLED */\n:host([disabled]:not([disabled=\"false\"])) input,\n:host([disabled]:not([disabled=\"false\"])) .textarea-wrapper,\n:host([disabled]:not([disabled=\"false\"])) z-icon {\n border-color: var(--color-form-disabled03);\n box-shadow: none;\n color: var(--color-form-disabled-text);\n fill: var(--color-form-disabled01-icon);\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled=\"false\"])) input:hover {\n border-width: var(--border-size-small);\n}\n\n/* PLACEHOLDER */\ninput::placeholder,\ntextarea::placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n::-webkit-textarea-placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n:-ms-textarea-placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n::placeholder {\n color: var(--color-form-placeholder-text);\n}\n\n/* LABEL */\nlabel.input-label {\n display: block;\n padding-bottom: var(--space-unit);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-align: left;\n text-transform: uppercase;\n}\n\n:host([disabled]:not([disabled=\"false\"])) label.input-label {\n color: var(--color-disabled03);\n}\n\n.text-wrapper > div {\n position: relative;\n z-index: 1;\n fill: var(--color-form-default-icon);\n}\n\n.text-wrapper > div > input {\n width: 100%;\n height: calc(var(--space-unit) * 5.5);\n box-sizing: border-box;\n padding: 0 calc(var(--space-unit) * 1.5);\n margin: 0;\n}\n\n:host([size=\"small\"]) .text-wrapper > div > input {\n height: calc(var(--space-unit) * 4.5);\n}\n\n:host([size=\"x-small\"]) .text-wrapper > div > input {\n height: calc(var(--space-unit) * 4);\n}\n\n.text-wrapper > div > input.has-icon,\n.text-wrapper > div > input.has-clear-icon {\n padding-right: calc(var(--space-unit) * 5.25);\n}\n\n.text-wrapper > div > input.has-icon.has-clear-icon {\n padding-right: calc(var(--space-unit) * 8);\n}\n\n.text-wrapper .icons-wrapper {\n position: absolute;\n z-index: 2;\n top: 50%;\n right: calc(var(--space-unit) * 1.5);\n display: flex;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon {\n display: flex;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n pointer-events: initial;\n}\n\n.text-wrapper .icons-wrapper > .input-icon + .input-icon {\n margin-left: calc(var(--space-unit) * 0.5);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon.hidden {\n display: none;\n}\n\n.text-wrapper .icons-wrapper > button.reset-icon,\n.text-wrapper .icons-wrapper > button.toggle-password-icon {\n cursor: pointer;\n}\n\n.text-wrapper .icons-wrapper > .input-icon {\n --z-icon-width: 18px;\n --z-icon-height: 18px;\n\n display: block;\n}\n\n.text-wrapper .icons-wrapper > .input-icon.small,\n.text-wrapper .icons-wrapper > .input-icon.x-small {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n.text-wrapper .icons-wrapper > button.input-icon:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.text-wrapper > div > input:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px #fff inset;\n -webkit-text-fill-color: currentcolor;\n}\n\n.textarea-wrapper {\n width: 100%;\n height: 100%;\n padding: calc(var(--space-unit) * 1.5);\n}\n\n.textarea-wrapper:not(.input-error, .input-success, .input-warning) {\n background-color: var(--color-form-background);\n}\n\ntextarea {\n width: 100%;\n min-height: 132px;\n padding: 0;\n border: none;\n margin: 0;\n color: currentcolor;\n resize: none;\n}\n\n.radio-wrapper,\n.checkbox-wrapper {\n position: relative;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n color: var(--color-default-text);\n fill: var(--color-primary01);\n font-family: var(--font-family-sans);\n}\n\n.radio-wrapper:hover,\n.checkbox-wrapper:hover {\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary-icon);\n}\n\n.radio-wrapper > input,\n.checkbox-wrapper > input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n}\n\n.radio-wrapper .radio-label,\n.checkbox-wrapper .checkbox-label {\n display: inline-flex;\n align-items: center;\n margin: 0;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1;\n text-transform: inherit;\n}\n\n.radio-wrapper input:not(:disabled) + .radio-label,\n.checkbox-wrapper input:not(:disabled) + .checkbox-label {\n cursor: pointer;\n}\n\n.radio-wrapper .radio-label z-icon,\n.checkbox-wrapper .checkbox-label z-icon {\n cursor: pointer;\n fill: inherit;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label {\n font-size: var(--font-size-1);\n}\n\n.radio-wrapper .radio-label.after,\n.checkbox-wrapper .checkbox-label.after {\n flex-direction: row;\n}\n\n.radio-wrapper .radio-label.before,\n.checkbox-wrapper .checkbox-label.before {\n flex-direction: row-reverse;\n}\n\n.radio-wrapper .radio-label.after > span,\n.checkbox-wrapper .checkbox-label.after > span {\n margin-left: var(--space-unit);\n}\n\n.radio-wrapper .radio-label.before > span,\n.checkbox-wrapper .checkbox-label.before > span {\n margin-right: var(--space-unit);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.after > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.after > span {\n margin-left: calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.before > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.before > span {\n margin-right: calc(var(--space-unit) * 0.5);\n}\n\n/* focus */\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon {\n border-radius: 50%;\n}\n\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n border-radius: var(--border-radius-small);\n}\n\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon,\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n box-shadow: var(--shadow-focus-primary);\n}\n\n/* disabled */\n.radio-wrapper > input:disabled + .radio-label,\n.checkbox-wrapper > input:disabled + .checkbox-label {\n color: var(--color-disabled03);\n}\n\n.radio-wrapper > input:disabled + .radio-label > z-icon,\n.checkbox-wrapper > input:disabled + .checkbox-label > z-icon {\n cursor: default;\n fill: var(--color-disabled01);\n}\n\n","import { h } from \"@stencil/core\";\nimport { Fragment, Host } from \"@stencil/core/internal\";\nimport { ControlSize, InputType, LabelPosition } from \"../../beans\";\nimport { boolean, randomId } from \"../../utils/utils\";\nexport class ZInput {\n constructor() {\n this.typingtimeout = 300;\n this.htmlid = `id-${randomId()}`;\n this.type = undefined;\n this.name = undefined;\n this.label = undefined;\n this.ariaLabel = \"\";\n this.ariaExpanded = \"\";\n this.ariaControls = undefined;\n this.ariaAutocomplete = undefined;\n this.ariaActivedescendant = undefined;\n this.value = undefined;\n this.disabled = false;\n this.readonly = false;\n this.required = false;\n this.checked = false;\n this.placeholder = undefined;\n this.htmltitle = undefined;\n this.status = undefined;\n this.message = true;\n this.labelPosition = LabelPosition.RIGHT;\n this.autocomplete = undefined;\n this.role = \"\";\n this.hasclearicon = true;\n this.icon = undefined;\n this.min = undefined;\n this.minlength = undefined;\n this.max = undefined;\n this.maxlength = undefined;\n this.step = undefined;\n this.pattern = undefined;\n this.size = ControlSize.BIG;\n this.isTyping = false;\n this.passwordHidden = true;\n }\n inputCheckListener(e) {\n const data = e.detail;\n switch (this.type) {\n case InputType.RADIO:\n if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {\n this.checked = false;\n }\n break;\n }\n }\n /** get checked status */\n async isChecked() {\n switch (this.type) {\n case InputType.CHECKBOX:\n case InputType.RADIO:\n return this.checked;\n default:\n console.warn(\"`isChecked` method is only available for type `checkbox` and `radio`\");\n return false;\n }\n }\n emitInputChange(value) {\n if (!this.isTyping) {\n this.emitStartTyping();\n }\n let validity;\n if (this.type === InputType.TEXTAREA) {\n validity = this.getValidity(\"textarea\");\n }\n else {\n validity = this.getValidity(\"input\");\n }\n this.value = value;\n this.inputChange.emit({ value, validity });\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.emitStopTyping(this.value, validity);\n }, this.typingtimeout);\n }\n emitStartTyping() {\n this.isTyping = true;\n this.startTyping.emit();\n }\n emitStopTyping(value, validity) {\n this.isTyping = false;\n this.stopTyping.emit({\n value: value,\n validity: validity,\n });\n }\n emitInputCheck(checked) {\n this.inputCheck.emit({\n id: this.htmlid,\n checked: checked,\n type: this.type,\n name: this.name,\n value: this.value,\n validity: this.getValidity(\"input\"),\n });\n }\n emitInputFocus() {\n this.inputFocus.emit({ id: this.htmlid });\n }\n emitInputBlur() {\n this.inputBlur.emit({ id: this.htmlid });\n }\n getValidity(type) {\n const input = this.hostElement.querySelector(type);\n return input.validity;\n }\n /* START text/password/email/number */\n getTextAttributes() {\n return {\n id: this.htmlid,\n name: this.name,\n placeholder: this.placeholder,\n value: this.value,\n disabled: this.disabled,\n readonly: this.readonly,\n required: this.required,\n title: this.htmltitle,\n minlength: this.minlength,\n maxlength: this.maxlength,\n class: {\n [`input-${this.status}`]: !!this.status,\n },\n autocomplete: this.autocomplete,\n onInput: (e) => this.emitInputChange(e.target.value),\n };\n }\n getNumberAttributes(type) {\n if (type != InputType.NUMBER) {\n return;\n }\n return {\n min: this.min,\n max: this.max,\n step: this.step,\n };\n }\n getPatternAttribute(type) {\n if (type != InputType.PASSWORD &&\n type != InputType.TEXT &&\n type != InputType.TEL &&\n type != InputType.SEARCH &&\n type != InputType.URL &&\n type != InputType.EMAIL) {\n return;\n }\n return {\n pattern: this.pattern,\n };\n }\n getRoleAttribute() {\n return this.role ? { role: this.role } : {};\n }\n getAriaAttrubutes() {\n const expanded = this.ariaExpanded ? { \"aria-expanded\": this.ariaExpanded } : {};\n const controls = this.ariaControls ? { \"aria-controls\": this.ariaControls } : {};\n const autocomplete = this.ariaAutocomplete ? { \"aria-autocomplete\": this.ariaAutocomplete } : {};\n const activedescendant = this.ariaActivedescendant ? { \"aria-activedescendant\": this.ariaActivedescendant } : {};\n return Object.assign(Object.assign(Object.assign(Object.assign({}, expanded), controls), autocomplete), activedescendant);\n }\n getFocusBlurAttributes() {\n return {\n onFocus: () => this.emitInputFocus(),\n onBlur: () => this.emitInputBlur(),\n };\n }\n renderInputText(type = InputType.TEXT) {\n const ariaLabel = this.ariaLabel ? { \"aria-label\": this.ariaLabel } : {};\n const attr = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel), this.getRoleAttribute()), this.getAriaAttrubutes()), this.getFocusBlurAttributes());\n if (this.icon || type === InputType.PASSWORD) {\n Object.assign(attr.class, { \"has-icon\": true });\n }\n if (this.hasclearicon && type != InputType.NUMBER) {\n Object.assign(attr.class, { \"has-clear-icon\": true });\n }\n return (h(\"div\", { class: \"text-wrapper\" }, this.renderLabel(), h(\"div\", null, h(\"input\", Object.assign({ type: type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type }, attr, { ref: (el) => (this.inputRef = el) })), this.renderIcons()), this.renderMessage()));\n }\n renderLabel() {\n if (!this.label) {\n return;\n }\n return (h(\"label\", { class: \"input-label body-5-sb\", id: `${this.htmlid}_label`, htmlFor: this.htmlid }, this.label));\n }\n renderIcons() {\n return (h(\"span\", { class: \"icons-wrapper\" }, this.renderResetIcon(), this.renderIcon()));\n }\n renderIcon() {\n if (this.type === InputType.PASSWORD) {\n return this.renderShowHidePassword();\n }\n if (!this.icon) {\n return;\n }\n return (h(\"z-icon\", { name: this.icon, class: { [this.size]: true, \"input-icon\": true } }));\n }\n renderResetIcon() {\n let hidden = false;\n if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {\n hidden = true;\n }\n return (h(\"button\", { type: \"button\", class: { \"reset-icon\": true, \"input-icon\": true, hidden }, \"aria-label\": \"cancella il contenuto dell'input\", onClick: () => {\n this.inputRef.value = \"\";\n this.emitInputChange(\"\");\n } }, h(\"z-icon\", { name: \"multiply\", class: this.size })));\n }\n renderShowHidePassword() {\n return (h(\"button\", { type: \"button\", class: \"input-icon toggle-password-icon\", disabled: this.disabled, \"aria-label\": this.passwordHidden ? \"mostra password\" : \"nascondi password\", onClick: () => (this.passwordHidden = !this.passwordHidden) }, h(\"z-icon\", { name: this.passwordHidden ? \"view-filled\" : \"view-off-filled\", class: this.size })));\n }\n renderMessage() {\n if (boolean(this.message) === false) {\n return;\n }\n return (h(\"z-input-message\", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));\n }\n /* END text/password/email/number */\n /* START textarea */\n renderTextarea() {\n const attributes = this.getTextAttributes();\n return (h(Fragment, null, this.renderLabel(), h(\"div\", { class: Object.assign(Object.assign({}, attributes.class), { \"textarea-wrapper\": true, \"readonly\": !!attributes.readonly }) }, h(\"textarea\", Object.assign({}, attributes, { class: Object.assign(Object.assign({}, attributes.class), { \"z-scrollbar\": true }), \"aria-label\": this.ariaLabel || undefined }, this.getRoleAttribute()))), this.renderMessage()));\n }\n /* END textarea */\n handleCheck(ev) {\n this.checked = ev.target.checked;\n this.emitInputCheck(this.checked);\n }\n /* START checkbox */\n renderCheckbox() {\n return (h(\"div\", { class: \"checkbox-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"checkbox\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n \"checkbox-label\": true,\n \"after\": this.labelPosition === LabelPosition.RIGHT,\n \"before\": this.labelPosition === LabelPosition.LEFT,\n } }, h(\"z-icon\", { name: this.checked ? \"checkbox-checked\" : \"checkbox\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n }\n /* END checkbox */\n /* START radio */\n renderRadio() {\n return (h(\"div\", { class: \"radio-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"radio\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n \"radio-label\": true,\n \"after\": this.labelPosition === LabelPosition.RIGHT,\n \"before\": this.labelPosition === LabelPosition.LEFT,\n } }, h(\"z-icon\", { name: this.checked ? \"radio-button-checked\" : \"radio-button\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n }\n /* END radio */\n render() {\n let input;\n switch (this.type) {\n case InputType.TEXTAREA:\n input = this.renderTextarea();\n break;\n case InputType.CHECKBOX:\n input = this.renderCheckbox();\n break;\n case InputType.RADIO:\n input = this.renderRadio();\n break;\n default:\n input = this.renderInputText(this.type);\n }\n return h(Host, { key: '716ee8b89dbfeffedfdbfa8785c3994a94c44f44' }, input);\n }\n static get is() { return \"z-input\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"htmlid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the id of the input element\"\n },\n \"attribute\": \"htmlid\",\n \"reflect\": false,\n \"defaultValue\": \"`id-${randomId()}`\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputType\",\n \"resolved\": \"InputType.CHECKBOX | InputType.EMAIL | InputType.NUMBER | InputType.PASSWORD | InputType.RADIO | InputType.SEARCH | InputType.TEL | InputType.TEXT | InputType.TEXTAREA | InputType.URL\",\n \"references\": {\n \"InputType\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input types\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input name\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input label\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"ariaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-label\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"ariaExpanded\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-expaded: available for text, password, number, email\"\n },\n \"attribute\": \"aria-expanded\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"ariaControls\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-controls (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-controls\",\n \"reflect\": false\n },\n \"ariaAutocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-autocomplete (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-autocomplete\",\n \"reflect\": false\n },\n \"ariaActivedescendant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-activedescendant (optional): available for text, password, number, email\"\n },\n \"attribute\": \"aria-activedescendant\",\n \"reflect\": false\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input value\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is disabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is readonly\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is required (optional): available for text, password, number, email, textarea, checkbox\"\n },\n \"attribute\": \"required\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"checked: available for checkbox, radio\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input placeholder (optional)\"\n },\n \"attribute\": \"placeholder\",\n \"reflect\": false\n },\n \"htmltitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input html title (optional)\"\n },\n \"attribute\": \"htmltitle\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputStatus\",\n \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n \"references\": {\n \"InputStatus\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputStatus\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input status (optional): available for text, password, number, email, textarea\"\n },\n \"attribute\": \"status\",\n \"reflect\": false\n },\n \"message\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed\"\n },\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"labelPosition\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"LabelPosition\",\n \"resolved\": \"LabelPosition.LEFT | LabelPosition.RIGHT\",\n \"references\": {\n \"LabelPosition\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::LabelPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input label position: available for checkbox, radio\"\n },\n \"attribute\": \"label-position\",\n \"reflect\": false,\n \"defaultValue\": \"LabelPosition.RIGHT\"\n },\n \"autocomplete\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input has autocomplete option (optional): available for text, password, number, email\"\n },\n \"attribute\": \"autocomplete\",\n \"reflect\": false\n },\n \"role\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input role\"\n },\n \"attribute\": \"role\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"hasclearicon\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"render clear icon when typing (optional): available for text\"\n },\n \"attribute\": \"hasclearicon\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"render icon (optional): available for text\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"min\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"min number value (optional): available for number\"\n },\n \"attribute\": \"min\",\n \"reflect\": false\n },\n \"minlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Min length value (optional): available for text\"\n },\n \"attribute\": \"minlength\",\n \"reflect\": false\n },\n \"max\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"max number value (optional): available for number\"\n },\n \"attribute\": \"max\",\n \"reflect\": false\n },\n \"maxlength\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Max length value (optional): available for text\"\n },\n \"attribute\": \"maxlength\",\n \"reflect\": false\n },\n \"step\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"step number value (optional): available for number\"\n },\n \"attribute\": \"step\",\n \"reflect\": false\n },\n \"pattern\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"pattern value (optional): available for tel, text, search, url, email, password\"\n },\n \"attribute\": \"pattern\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ControlSize\",\n \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n \"references\": {\n \"ControlSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ControlSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"ControlSize.BIG\"\n }\n };\n }\n static get states() {\n return {\n \"isTyping\": {},\n \"passwordHidden\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"inputChange\",\n \"name\": \"inputChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input value change, returns value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"startTyping\",\n \"name\": \"startTyping\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when user starts typing\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"stopTyping\",\n \"name\": \"stopTyping\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when user stops typing, returns value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputCheck\",\n \"name\": \"inputCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputFocus\",\n \"name\": \"inputFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input focus\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"inputBlur\",\n \"name\": \"inputBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on input blur\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"isChecked\": {\n \"complexType\": {\n \"signature\": \"() => Promise<boolean>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<boolean>\"\n },\n \"docs\": {\n \"text\": \"get checked status\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"hostElement\"; }\n static get listeners() {\n return [{\n \"name\": \"inputCheck\",\n \"method\": \"inputCheckListener\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-vUB-94eM.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { r as DividerSize, s as DividerOrientation } from './p-Bla2iV_L.js';
+const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
+const ZDivider = /*@__PURE__*/ proxyCustomElement(class ZDivider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.size = DividerSize.SMALL;
+        this.color = "gray200";
+        this.orientation = DividerOrientation.HORIZONTAL;
+    }
+    render() {
+        return (h(Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+    }
+    static get style() { return stylesCss; }
+}, [2, "z-divider", {
+        "size": [1],
+        "color": [1],
+        "orientation": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZDivider);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { ZDivider as Z, defineCustomElement as d };
+//# sourceMappingURL=p-vUB-94eM.js.map
+//# sourceMappingURL=p-vUB-94eM.js.map

package/dist/components/p-vUB-94eM.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-vUB-94eM.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+mBAA+mB;;MCEpnB,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AACjB,IAAA,WAAA,GAAA;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK;AAC7B,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC,UAAU;AACnD;IACD,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,CAAY,SAAA,EAAA,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAG,CAAA,CAAA,EAAE,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-divider/styles.css?tag=z-divider&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-divider/index.js"],"sourcesContent":[":host {\n display: block;\n padding: 0;\n margin: 0;\n}\n\n:host.divider-horizontal {\n width: 100%;\n}\n\n:host.divider-vertical {\n height: 100%;\n}\n\n:host.divider-small.divider-horizontal {\n height: var(--border-size-small);\n}\n\n:host.divider-medium.divider-horizontal {\n height: var(--border-size-medium);\n}\n\n:host.divider-large.divider-horizontal {\n height: var(--border-size-large);\n}\n\n:host.divider-small.divider-vertical {\n width: var(--border-size-small);\n}\n\n:host.divider-medium.divider-vertical {\n width: var(--border-size-medium);\n}\n\n:host.divider-large.divider-vertical {\n width: var(--border-size-large);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { DividerOrientation, DividerSize } from \"../../beans\";\nexport class ZDivider {\n constructor() {\n this.size = DividerSize.SMALL;\n this.color = \"gray200\";\n this.orientation = DividerOrientation.HORIZONTAL;\n }\n render() {\n return (h(Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));\n }\n static get is() { return \"z-divider\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"DividerSize\",\n \"resolved\": \"DividerSize.LARGE | DividerSize.MEDIUM | DividerSize.SMALL\",\n \"references\": {\n \"DividerSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::DividerSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Divider size\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"DividerSize.SMALL\"\n },\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Divider color\"\n },\n \"attribute\": \"color\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"gray200\\\"\"\n },\n \"orientation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"DividerOrientation\",\n \"resolved\": \"DividerOrientation.HORIZONTAL | DividerOrientation.VERTICAL\",\n \"references\": {\n \"DividerOrientation\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::DividerOrientation\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Divider orintation\"\n },\n \"attribute\": \"orientation\",\n \"reflect\": false,\n \"defaultValue\": \"DividerOrientation.HORIZONTAL\"\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}