@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/cjs/packages/phoenix/src/components/form/input/input.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var index = require('../../../../../../external/classnames/index.js');
-var input_constants = require('./input_constants.js');
-var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
-var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
-
-exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.type = input_constants.INPUT_CONTROL_TYPES.text;
-        new control_props_sync_provider_controller.ControlPropsSyncProviderController({
-            host: this,
-            propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(input_constants.INPUT_PROPS_TO_SYNC)]
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.type !== input_constants.INPUT_CONTROL_TYPES.hidden) {
-            this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.input);
-        }
-        this._updateCssClassesBasedOnProps();
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        this._updateCssClassesBasedOnProps();
-    }
-    _updateCssClassesBasedOnProps() {
-        var _a;
-        const classes = [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled, input_constants.INPUT_CONTROL_CSS_CLASSES.inputError];
-        this.classList.remove(...classes);
-        const cssClasses = index['default']({
-            [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
-            [input_constants.INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
-        }, input_constants.INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
-        if (cssClasses)
-            this.classList.add(cssClasses);
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "controlId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "controlName", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "size", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "withButton", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "disabled", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "required", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "hidden", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "readonly", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInput.prototype, "error", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "placeholder", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "type", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInput.prototype, "value", void 0);
-exports.HInput = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-input'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HInput);
-//# sourceMappingURL=input.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,gDAAoD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const baseInputControlClass = 'input';
-const INPUT_CONTROL_SIZES = {
-    large: 'large',
-    small: 'small'
-};
-const INPUT_CONTROL_TYPES = {
-    text: 'text',
-    radio: 'radio',
-    checkbox: 'checkbox',
-    number: 'number',
-    range: 'range',
-    select: 'select',
-    multiSelect: 'multiSelect',
-    hidden: 'hidden',
-    email: 'email',
-    tel: 'tel',
-    password: 'password',
-    file: 'file'
-};
-const INPUT_CONTROL_CSS_CLASSES = {
-    input: baseInputControlClass,
-    inputIcon: `${baseInputControlClass}__icon`,
-    inputUnit: `${baseInputControlClass}__unit`,
-    inputControl: `${baseInputControlClass}__control`,
-    inputDisabled: `${baseInputControlClass}_disabled`,
-    inputError: `${baseInputControlClass}_error`,
-    [INPUT_CONTROL_SIZES.small]: `${baseInputControlClass}_s`,
-    [INPUT_CONTROL_SIZES.large]: `${baseInputControlClass}_l`
-};
-const INPUT_CONTROL_EVENTS = {
-    change: 'change',
-    input: 'input',
-    keyup: 'keyup',
-    copy: 'copy',
-    copyError: 'copyError'
-};
-const INPUT_PROPS_TO_SYNC = {
-    placeholder: 'placeholder'
-};
-
-exports.INPUT_CONTROL_CSS_CLASSES = INPUT_CONTROL_CSS_CLASSES;
-exports.INPUT_CONTROL_EVENTS = INPUT_CONTROL_EVENTS;
-exports.INPUT_CONTROL_SIZES = INPUT_CONTROL_SIZES;
-exports.INPUT_CONTROL_TYPES = INPUT_CONTROL_TYPES;
-exports.INPUT_PROPS_TO_SYNC = INPUT_PROPS_TO_SYNC;
-//# sourceMappingURL=input_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js

@@ -1,202 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var ref_js = require('lit-html/directives/ref.js');
-var input_constants = require('./input_constants.js');
-var ifDefined_js = require('lit-html/directives/if-defined.js');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var input_mask_controller = require('../../../controllers/input_mask_controller/input_mask_controller.js');
-
-exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.type = input_constants.INPUT_CONTROL_TYPES.text;
-        this._inputRef = ref_js.createRef();
-        this._inputMaskController = null;
-        this._handleChangeEvent = (event) => {
-            this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
-                detail: event
-            });
-        };
-        this._handleMouseDownEvent = (event) => { };
-        this._handleMouseUpEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setCursorOnStartWhenEmpty(event);
-            }
-        };
-        this._handleBlurEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
-            }
-        };
-        this._handleFocusEvent = (event) => { };
-        this._handleKeyDownEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyDown(event);
-            }
-        };
-        this._handleInputEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onInput(event);
-            }
-            this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.input, {
-                detail: event
-            });
-        };
-        this._handlePasteEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onPaste(event);
-            }
-        };
-        this._handleKeyUpEvent = (event) => {
-            var _a, _b;
-            if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
-                (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyUp(event);
-            }
-            this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.keyup, {
-                detail: event
-            });
-        };
-        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
-            host: this
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.mask) {
-            this._inputMaskController = new input_mask_controller.InputMaskController({
-                host: this,
-                input: this._inputRef,
-                mask: this.mask,
-                pattern: this.pattern,
-                validPattern: this.validPattern
-            });
-        }
-        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputControl);
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        if (_changedProperties.has('value') && this._inputRef.value) {
-            const inputEvent = new Event('input', { bubbles: true, composed: true });
-            this._inputRef.value.dispatchEvent(inputEvent);
-        }
-        this.mask && !this.maskDisabled ? this.enableMask() : this.disableMask();
-    }
-    enableMask() {
-        if (this._inputMaskController)
-            this._inputMaskController.enable();
-    }
-    disableMask() {
-        if (this._inputMaskController)
-            this._inputMaskController.disable();
-    }
-    render() {
-        super.render();
-        return lit.html `
-            <input
-                ${ref_js.ref(this._inputRef)}
-                id="${ifDefined_js.ifDefined(this.controlId)}"
-                name="${ifDefined_js.ifDefined(this.controlName)}"
-                type="${ifDefined_js.ifDefined(this.type)}"
-                .value="${ifDefined_js.ifDefined(this.value)}"
-                placeholder="${ifDefined_js.ifDefined(this.placeholder)}"
-                ?disabled="${this.disabled}"
-                ?readonly="${this.readonly}"
-                ?hidden="${this.hidden}"
-                ?autofocus="${this.autofocus}"
-                aria-required="${this.required ? 'true' : 'false'}"
-                aria-describedby="${this.ariaDescribedBy}"
-                aria-invalid="${this.error ? 'true' : 'false'}"
-                @mousedown="${this._handleMouseDownEvent}"
-                @mouseup="${this._handleMouseUpEvent}"
-                @blur="${this._handleBlurEvent}"
-                @focus="${this._handleFocusEvent}"
-                @keydown="${this._handleKeyDownEvent}"
-                @paste="${this._handlePasteEvent}"
-                @change="${this._handleChangeEvent}"
-                @input="${this._handleInputEvent}"
-                @keyup="${this._handleKeyUpEvent}"
-            />
-        `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "controlId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "controlName", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "type", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "disabled", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "required", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "hidden", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "readonly", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "value", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "placeholder", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "mask", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean, attribute: 'mask-disabled' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "maskDisabled", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "pattern", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'valid-pattern' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "validPattern", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "autofocus", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'aria-describedby' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "ariaDescribedBy", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HInputControl.prototype, "error", void 0);
-exports.HInputControl = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-input-control'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HInputControl);
-//# sourceMappingURL=input_control.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_copy_button.js

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
-var input_constants = require('./input_constants.js');
-
-exports.HInputCopyButton = class HInputCopyButton extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.hasBeenCopied = false;
-        this.copyValue = '';
-        this._$inputToCopy = null;
-        this._handleCopyToClipboard = async () => {
-            if (!this._$inputToCopy || this.hasBeenCopied)
-                return;
-            this._$inputToCopy.select();
-            this.copyValue = this._$inputToCopy.value;
-            await this._copyToClipboard();
-        };
-        this._resetCopyStateAfterTimeout = () => {
-            setTimeout(() => {
-                this._resetCopyState();
-            }, 2000);
-        };
-        this._resetCopyState = () => {
-            if (this._$inputToCopy)
-                this._$inputToCopy.value = this.copyValue;
-            this.copyValue = '';
-            this.hasBeenCopied = false;
-        };
-        this._btnController = new btn_controller.BtnController(this, this._handleCopyToClipboard);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._$inputToCopy = document.querySelector(`#${this.inputId}`);
-        if (!this._$inputToCopy)
-            return;
-        this.addEventListener('click', this._handleCopyToClipboard);
-    }
-    async _copyToClipboard() {
-        try {
-            await navigator.clipboard.writeText(this.copyValue);
-            this._onCopySuccess();
-        }
-        catch (err) {
-            this._onCopyError(err);
-        }
-    }
-    _onCopySuccess() {
-        if (this.inputTextSuccess && this._$inputToCopy)
-            this._$inputToCopy.value = this.inputTextSuccess;
-        this.hasBeenCopied = true;
-        this._resetCopyStateAfterTimeout();
-        this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.copy);
-    }
-    _onCopyError(err) {
-        this.hasBeenCopied = false;
-        this._resetCopyState();
-        this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.copyError, {
-            detail: err
-        });
-    }
-    render() {
-        super.render();
-        return lit.html `
-            <navigator-controller property="clipboard">
-                <div slot="supported">
-                    ${this.hasBeenCopied ? this.getSlot('copy-success') : this.getSlot('copy-pending')}
-                </div>
-            </navigator-controller>
-        `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'input-id' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputCopyButton.prototype, "inputId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'input-text-success' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputCopyButton.prototype, "inputTextSuccess", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HInputCopyButton.prototype, "hasBeenCopied", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HInputCopyButton.prototype, "copyValue", void 0);
-exports.HInputCopyButton = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-input-copy-button'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HInputCopyButton);
-//# sourceMappingURL=input_copy_button.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_copy_button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var icon_constants = require('../../icon/icon_constants.js');
-var input_constants = require('./input_constants.js');
-
-exports.HInputIcon = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon, icon_constants.ICON_CSS_CLASSES.icon);
-    }
-    render() {
-        super.render();
-        return lit.html ` <h-icon icon-name=${this.iconName}></h-icon> `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'icon-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputIcon.prototype, "iconName", void 0);
-exports.HInputIcon = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-input-icon')
-], exports.HInputIcon);
-//# sourceMappingURL=input_icon.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var input_constants = require('./input_constants.js');
-
-exports.HInputUnit = class HInputUnit extends phoenix_light_lit_element.PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputUnit);
-    }
-};
-exports.HInputUnit = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-input-unit')
-], exports.HInputUnit);
-//# sourceMappingURL=input_unit.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_unit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
-var input_stepper_constants = require('./input_stepper_constants.js');
-
-exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._allowedEvents = {
-            increment: input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment,
-            decrement: input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
-        };
-        this.type = '';
-        this._dispatchStepperEvent = (ev) => {
-            ev.stopImmediatePropagation();
-            if (!this.type)
-                throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
-            if (!this._allowedEvents[this.type])
-                throw new Error(`The type ${this.type} is not allowed. Allowed values: 'increment', 'decrement'`);
-            this.emitCustomEvent(this._allowedEvents[this.type]);
-        };
-        this._btnController = new btn_controller.BtnController(this, this._dispatchStepperEvent);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HButtonStepper.prototype, "type", void 0);
-exports.HButtonStepper = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HButtonStepper);
-//# sourceMappingURL=button_stepper.js.map

package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var observer = require('../../../core/classes/observer/observer.js');
-var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
-var ref_js = require('lit-html/directives/ref.js');
-var input_stepper_constants = require('./input_stepper_constants.js');
-
-exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._controlId = '';
-        this._inputRef = ref_js.createRef();
-        this._dispatchToggleEvent = (ev) => {
-            const $input = ev.target;
-            const inputValue = $input.value.replace(',', '.');
-            const digitalNumberRegExp = /^-?[\d]*\.?[\d]*$/;
-            const value = digitalNumberRegExp.test(inputValue) ? inputValue : '0';
-            this.emitCustomEvent(input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, {
-                detail: {
-                    value: Number(value)
-                }
-            });
-        };
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._setupProperties();
-        this._stepperContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-        this._value$ = await this._stepperContextConsumer.consumeAsync(input_stepper_constants.INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES.stepperContext);
-        this._valueObserver = new observer.Observer((value) => {
-            if (this._inputRef.value)
-                this._inputRef.value.value = String(value);
-        });
-        this._value$.subscribe(this._valueObserver);
-        this.addEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.change, this._dispatchToggleEvent);
-        this._controlId && this._inputRef.value.setAttribute('id', this._controlId);
-    }
-    disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        (_a = this._value$) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._valueObserver);
-        this.removeEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.change, this._dispatchToggleEvent);
-    }
-    _setupProperties() {
-        const $closestInputStepper = this.closest(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control);
-        if (!$closestInputStepper)
-            return;
-        this._controlId = $closestInputStepper.controlId;
-    }
-    _wholeTextSelection(ev) {
-        const $input = ev.target;
-        $input.select();
-    }
-    _preventLettersToBeAdded(ev) {
-        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.,-]$/i;
-        const isAllowed = digitsDotAndBackspaceAllowedRegExp.test(ev.key);
-        if (!isAllowed && !['Enter', 'Backspace', 'ArrowRight', 'ArrowLeft', 'Tab'].includes(ev.key)) {
-            ev.preventDefault();
-        }
-    }
-    render() {
-        return lit.html `<input
-            ${ref_js.ref(this._inputRef)}
-            class="${input_stepper_constants.INPUT_STEPPER_CLASS_NAMES.displayInput}"
-            type="text"
-            @keydown=${this._preventLettersToBeAdded}
-            @focus="${this._wholeTextSelection}"
-            @change="${this._dispatchToggleEvent}"
-            inputmode="decimal"
-            aria-label="${this.ariaLabel}"
-        />`;
-    }
-};
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDisplayStepper.prototype, "_controlId", void 0);
-exports.HDisplayStepper = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.input)
-], exports.HDisplayStepper);
-//# sourceMappingURL=display_stepper.js.map