xv-webcomponents 0.1.42 → 0.1.43

package/dist/collection/components/xv-tag/xv-tag.js

@@ -1,158 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvTag {
-    constructor() {
-        this.size = 'md';
-        this.color = '';
-        this.bg = '';
-        this.disabled = false;
-        this.closeable = false;
-    }
-    closeHandler(e) {
-        if (this.disabled)
-            return;
-        this.closeClick.emit(e);
-    }
-    render() {
-        return (h(Host, { key: '87520047c00d97194c91de7dac1caf125147c1b9', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '166e1f781942507532ad010e704d4f5a8fdc7da1', class: "xv-tag_content" }, h("slot", { key: '14020588654dfa8b6ddd1294c904796536a9020c' })), this.closeable && (h("button", { key: '222a7bd11a30e4c12cc45164ae4f294d4c6d6524', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
-    }
-    static get is() { return "xv-tag-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-tag.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-tag.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "'sm' | 'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'md'"
-            },
-            "color": {
-                "type": "string",
-                "attribute": "color",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "bg": {
-                "type": "string",
-                "attribute": "bg",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "closeable": {
-                "type": "boolean",
-                "attribute": "closeable",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "closeClick",
-                "name": "closeClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "PointerEvent",
-                    "resolved": "PointerEvent",
-                    "references": {
-                        "PointerEvent": {
-                            "location": "global",
-                            "id": "global::PointerEvent"
-                        }
-                    }
-                }
-            }];
-    }
-}
-//# sourceMappingURL=xv-tag.js.map

package/dist/collection/components/xv-tag/xv-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-tag.js","sourceRoot":"","sources":["../../../src/components/xv-tag/xv-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,KAAK;IALlB;QAMU,SAAI,GAAuB,IAAI,CAAC;QAChC,UAAK,GAAW,EAAE,CAAC;QACnB,OAAE,GAAW,EAAE,CAAC;QAChB,aAAQ,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;KAwBpC;IArBC,YAAY,CAAC,CAAe;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,EACjD,KAAK,EAAE,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE;YAE/D,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,8DAAa,CACT;YACL,IAAI,CAAC,SAAS,IAAI,CACjB,+DAAQ,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,cAAc,GAAU,CAC9E,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'xv-tag-v2',\n  styleUrl: 'xv-tag.scss',\n  shadow: true,\n})\nexport class XvTag {\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n  @Prop() color: string = '';\n  @Prop() bg: string = '';\n  @Prop() disabled: boolean = false;\n  @Prop() closeable: boolean = false;\n  @Event() closeClick: EventEmitter<PointerEvent>;\n\n  closeHandler(e: PointerEvent) {\n    if (this.disabled) return;\n\n    this.closeClick.emit(e);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{ color: this.color, background: this.bg }}\n        class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\n      >\n        <div class=\"xv-tag_content\">\n          <slot></slot>\n        </div>\n        {this.closeable && (\n          <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-text-input/xv-text-input.css

@@ -1,144 +0,0 @@
-:host {
-  display: inline-block;
-  text-align: left;
-}
-:host .control_label {
-  display: block;
-  margin-bottom: var(--spacing-03);
-  color: var(--text-secondary, #515151);
-  font-family: var(--ff-body, Tahoma);
-  font-size: var(--fz-sm, 12px);
-  font-style: normal;
-  font-weight: 700;
-  line-height: var(--fz-md);
-  letter-spacing: 0.32px;
-}
-:host .control_input {
-  display: flex;
-  border: 1px solid var(--border-subtle-01);
-  outline: 2px solid transparent;
-  background-color: transparent;
-  border-radius: 3px;
-  transition: 250ms ease-in-out border-color, 250ms ease-in-out outline-color;
-}
-:host .control_input:hover {
-  border-color: var(--border-subtle-selected-01);
-}
-:host .control_input:focus-within {
-  outline-color: var(--focus);
-}
-:host .control_input.error {
-  outline-color: var(--support-error);
-}
-:host .control_input.readonly {
-  border-radius: 0;
-  border-top-width: 0;
-  border-left-width: 0;
-  border-right-width: 0;
-  outline-color: transparent;
-}
-:host .control_input input[type=text] {
-  flex: 1;
-  border: none;
-  outline: none;
-  -moz-appearance: textfield;
-  background-color: transparent;
-  margin: 0;
-  padding-block: 0;
-  padding-inline: var(--spacing-05);
-  box-sizing: border-box;
-  color: var(--text-primary);
-  min-width: 20px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.16px;
-}
-:host .control_input input[type=text]::-webkit-inner-spin-button, :host .control_input input[type=text]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-:host .control_input__icons {
-  display: inline-flex;
-  align-items: stretch;
-  column-gap: 2px;
-  padding-right: var(--spacing-05);
-}
-:host .control_input__icons .status-icon {
-  display: inline-flex;
-  align-items: center;
-  align-self: center;
-  font-size: 1.35em;
-}
-:host .control_input__icons .status-icon.error {
-  background-color: var(--support-error);
-  color: white;
-  width: 16px;
-  height: 16px;
-  border-radius: 8px;
-  font-size: 12px;
-  font-weight: bold;
-  align-items: center;
-  justify-content: center;
-}
-:host .control_input__icons .status-icon.warning {
-  color: var(--support-warning);
-}
-:host .control_input__icons hr {
-  border: none;
-  outline: none;
-  width: 2px;
-  height: 60%;
-  align-self: center;
-  background-color: var(--border-subtle-01);
-  display: inline-flex;
-}
-:host .control_input.xs {
-  height: 16px;
-}
-:host .control_input.sm {
-  height: 32px;
-}
-:host .control_input.md {
-  height: 40px;
-}
-:host .control_input.lg {
-  height: 48px;
-}
-:host .control_input.xl {
-  height: 60px;
-}
-:host .message {
-  margin: var(--spacing-02) 0 0;
-  color: var(--text-helper, #646464);
-  font-size: var(--fz-sm, 12px);
-  font-style: normal;
-  font-weight: 400;
-  line-height: var(--fz-md, 16px);
-  letter-spacing: 0.32px;
-}
-:host .message.error {
-  color: var(--text-error);
-}
-:host .message.warning {
-  color: var(--text-secondary, #515151);
-}
-
-:host(.disabled) {
-  cursor: not-allowed;
-}
-:host(.disabled) .control_label,
-:host(.disabled) .control_input input[type=text],
-:host(.disabled) .control_input input[type=text]::placeholder,
-:host(.disabled) .message:not(.error) {
-  color: var(--text-disabled);
-  cursor: not-allowed;
-}
-:host(.disabled) .control_input__icons,
-:host(.disabled) .message.error {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-:host([block]) {
-  display: block;
-}

package/dist/collection/components/xv-text-input/xv-text-input.js

@@ -1,324 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { SIZE_VAR } from "../../types/enum";
-/**
- * xv-text-input — custom input
- * ti get data you can use default Input event
- * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)
- */
-export class XvTextInput {
-    constructor() {
-        this.type = 'text';
-        this.value = '';
-        this.loading = false;
-        this.size = SIZE_VAR.MD;
-        this.handleInput = (e) => {
-            const target = e.target;
-            this.value = target.value;
-            this.valueChange.emit(this.value);
-            this.internals.setFormValue(target.value);
-        };
-    }
-    render() {
-        return (h(Host, { key: 'b9c4820d1f0ba4e6baf9cd405c42380577f5379d', class: { disabled: !!this.disabled } }, h("label", { key: 'e331f40fc28c74833276e75c8376270589a17279', class: "control" }, this.label && h("span", { key: '4d48b122402bd36b98495a9bfdf991512126049d', class: "control_label" }, this.label), h("div", { key: '7c4f26d5a943417b54500a54b993108a70a5ed83', class: {
-                'control_input': true,
-                readonly: !!this.readonly,
-                [this.size]: true,
-                error: !!this.error,
-                warning: !!this.warning,
-            } }, h("input", { key: 'b6e5cf7ed95c5649b7c1aff16fe7668c2a05c71b', type: this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), h("div", { key: '739c31f7939b0baaa3e8d49ec61b016005c427ad', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '8aaa989d7ad0fe3b9f86908c648fe2e01c551bc9', size: SIZE_VAR.XS }), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null))), this.helper && h("p", { key: '7d613edeffa7c6d8e2a76bc69217347187a3b008', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
-    }
-    static get is() { return "xv-text-input-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get formAssociated() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-text-input.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-text-input.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "attribute": "type",
-                "mutable": false,
-                "complexType": {
-                    "original": "'text' | 'email' | 'password' | 'url' | 'tel'",
-                    "resolved": "\"email\" | \"password\" | \"tel\" | \"text\" | \"url\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'text'"
-            },
-            "label": {
-                "type": "string",
-                "attribute": "label",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "placeholder": {
-                "type": "string",
-                "attribute": "placeholder",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "name": {
-                "type": "string",
-                "attribute": "name",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true
-            },
-            "value": {
-                "type": "string",
-                "attribute": "value",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "helper": {
-                "type": "string",
-                "attribute": "helper",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "error": {
-                "type": "any",
-                "attribute": "error",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | boolean",
-                    "resolved": "boolean | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "warning": {
-                "type": "any",
-                "attribute": "warning",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | boolean",
-                    "resolved": "boolean | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "readonly": {
-                "type": "boolean",
-                "attribute": "readonly",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "disabled": {
-                "type": "boolean",
-                "attribute": "disabled",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "loading": {
-                "type": "boolean",
-                "attribute": "loading",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "block": {
-                "type": "boolean",
-                "attribute": "block",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "SIZE_VAR",
-                    "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
-                    "references": {
-                        "SIZE_VAR": {
-                            "location": "import",
-                            "path": "../../types/enum",
-                            "id": "src/types/enum.ts::SIZE_VAR"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "SIZE_VAR.MD"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "valueChange",
-                "name": "valueChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get attachInternalsMemberName() { return "internals"; }
-}
-//# sourceMappingURL=xv-text-input.js.map

package/dist/collection/components/xv-text-input/xv-text-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-text-input.js","sourceRoot":"","sources":["../../../src/components/xv-text-input/xv-text-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n/**\n * xv-text-input — custom input\n * ti get data you can use default Input event\n * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)\n */\n@Component({\n  tag: 'xv-text-input-v2',\n  styleUrl: 'xv-text-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class XvTextInput {\n  @Prop() type: 'text' | 'email' | 'password' | 'url' | 'tel' = 'text';\n  @Prop() label: string;\n  @Prop({ reflect: true }) placeholder?: string;\n  @Prop({ reflect: true }) name: string;\n  @Prop({ mutable: true }) value: string = '';\n  @Event({ eventName: 'valueChange' }) valueChange: EventEmitter<string>;\n  @Prop() helper?: string;\n  @Prop() error?: string | boolean;\n  @Prop() warning?: string | boolean;\n  @Prop() readonly?: boolean;\n  @Prop() disabled?: boolean;\n  @Prop() loading: boolean = false;\n  @Prop() block?: boolean;\n  @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private handleInput = (e: InputEvent) => {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.valueChange.emit(this.value);\n    this.internals.setFormValue(target.value);\n  }\n\n  render() {\n    return (\n      <Host class={{ disabled: !!this.disabled }}>\n        <label class=\"control\">\n          {this.label && <span class=\"control_label\">{this.label}</span>}\n\n          <div class={{\n            'control_input': true,\n            readonly: !!this.readonly,\n            [this.size]: true,\n            error: !!this.error,\n            warning: !!this.warning,\n          }}>\n            <input\n              type={this.type}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleInput}\n              name={this.name}\n              value={this.value}\n            />\n\n            <div class=\"control_input__icons\">\n              {this.loading && <xv-loader-v2 size={SIZE_VAR.XS} />}\n              {!!this.error ? (\n                <span class=\"status-icon error\" aria-hidden=\"true\">!</span>\n              ) : !!this.warning ? (\n                <span class=\"status-icon warning\" aria-hidden=\"true\">⚠</span>\n              ) : null}\n            </div>\n          </div>\n        </label>\n\n\n        {this.helper && <p class=\"message\">{this.helper}</p>}\n        {typeof this.error === 'string' ? (\n          <p class=\"message error\">{this.error}</p>\n        ) : typeof this.warning === 'string' ? (\n          <p class=\"message warning\">{this.warning}</p>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"]}