@shoper/phoenix_design_system 1.18.4 → 1.18.5

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

@@ -1,28 +1,26 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { INPUT_CONTROL_CSS_CLASSES } from '@phoenixRoot/components/form/input/input_constants';
 import { html } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
-import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
-
-let HInputIcon = class HInputIcon extends PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
-    }
-    render() {
-        super.render();
-        return html ` <h-icon icon-name=${this.iconName}></h-icon> `;
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'icon-name' }),
-    __metadata("design:type", String)
-], HInputIcon.prototype, "iconName", void 0);
-HInputIcon = __decorate([
-    phoenixCustomElement('h-input-icon')
+import { ICON_CSS_CLASSES } from '@phoenixRoot/components/icon/icon_constants';
+let HInputIcon = class HInputIcon extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
+    }
+    render() {
+        super.render();
+        return html ` <h-icon icon-name=${this.iconName}></h-icon> `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'icon-name' }),
+    __metadata("design:type", String)
+], HInputIcon.prototype, "iconName", void 0);
+HInputIcon = __decorate([
+    phoenixCustomElement('h-input-icon')
 ], HInputIcon);
-
 export { HInputIcon };
-//# sourceMappingURL=input_icon.js.map
+//# sourceMappingURL=input_icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"input_icon.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input/input_icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAG/E,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,sBAAsB;IAI3C,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnF,CAAC;IAES,MAAM;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,QAAQ,aAAa,CAAC;IAChE,CAAC;CACJ,CAAA;AAbG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;4CAC3B;AAFf,UAAU;IADtB,oBAAoB,CAAC,cAAc,CAAC;GACxB,UAAU,CAetB;SAfY,UAAU"}

package/build/esm/packages/phoenix/src/components/form/input/input_types.d.ts

@@ -1,28 +1,28 @@
-import { INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES } from "./input_constants";
-import { Any } from 'ts-toolbelt';
-import { HInput } from "./input";
-import { HInputControl } from "./input_control";
-import { HInputIcon } from "./input_icon";
-import { HInputUnit } from "./input_unit";
-export declare type TInputSizesType = Any.Keys<typeof INPUT_CONTROL_SIZES>;
-export declare type TInputControlType = Any.Keys<typeof INPUT_CONTROL_TYPES>;
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-input': HInput;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-input-control': HInputControl;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-input-icon': HInputIcon;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-input-unit': HInputUnit;
-    }
-}
+import { INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES } from '@phoenixRoot/components/form/input/input_constants';
+import { Any } from 'ts-toolbelt';
+import { HInput } from '@phoenixRoot/components/form/input/input';
+import { HInputControl } from '@phoenixRoot/components/form/input/input_control';
+import { HInputIcon } from '@phoenixRoot/components/form/input/input_icon';
+import { HInputUnit } from '@phoenixRoot/components/form/input/input_unit';
+export declare type TInputSizesType = Any.Keys<typeof INPUT_CONTROL_SIZES>;
+export declare type TInputControlType = Any.Keys<typeof INPUT_CONTROL_TYPES>;
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input': HInput;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-control': HInputControl;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-icon': HInputIcon;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-input-unit': HInputUnit;
+    }
+}

package/build/esm/packages/phoenix/src/components/form/input/input_unit.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HInputUnit extends PhoenixLightLitElement {
-    connectedCallback(): void;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HInputUnit extends PhoenixLightLitElement {
+    connectedCallback(): void;
+}

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

@@ -1,17 +1,15 @@
-import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
-
-let HInputUnit = class HInputUnit extends PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputUnit);
-    }
-};
-HInputUnit = __decorate([
-    phoenixCustomElement('h-input-unit')
+import { __decorate } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { INPUT_CONTROL_CSS_CLASSES } from '@phoenixRoot/components/form/input/input_constants';
+let HInputUnit = class HInputUnit extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputUnit);
+    }
+};
+HInputUnit = __decorate([
+    phoenixCustomElement('h-input-unit')
 ], HInputUnit);
-
 export { HInputUnit };
-//# sourceMappingURL=input_unit.js.map
+//# sourceMappingURL=input_unit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"input_unit.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input/input_unit.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAG/F,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,sBAAsB;IAC3C,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC;CACJ,CAAA;AANY,UAAU;IADtB,oBAAoB,CAAC,cAAc,CAAC;GACxB,UAAU,CAMtB;SANY,UAAU"}

package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts

@@ -1,9 +1,9 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HButtonStepper extends PhoenixLightLitElement {
-    private _btnController;
-    private _allowedEvents;
-    type: string;
-    constructor();
-    connectedCallback(): void;
-    private _dispatchStepperEvent;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HButtonStepper extends PhoenixLightLitElement {
+    private _btnController;
+    private _allowedEvents;
+    type: string;
+    constructor();
+    connectedCallback(): void;
+    private _dispatchStepperEvent;
+}

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

@@ -1,41 +1,39 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES } from '@phoenixRoot/components/form/input_stepper/input_stepper_constants';
+import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
-import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
-
-let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._allowedEvents = {
-            increment: INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment,
-            decrement: 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 BtnController(this, this._dispatchStepperEvent);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener(INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HButtonStepper.prototype, "type", void 0);
-HButtonStepper = __decorate([
-    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.button),
-    __metadata("design:paramtypes", [])
+let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._allowedEvents = {
+            increment: INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment,
+            decrement: 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 BtnController(this, this._dispatchStepperEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], HButtonStepper.prototype, "type", void 0);
+HButtonStepper = __decorate([
+    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.button),
+    __metadata("design:paramtypes", [])
 ], HButtonStepper);
-
 export { HButtonStepper };
-//# sourceMappingURL=button_stepper.js.map
+//# sourceMappingURL=button_stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"button_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/button_stepper.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,6BAA6B,EAC7B,gCAAgC,EAChC,yBAAyB,EAC5B,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAWtD;QACI,KAAK,EAAE,CAAC;QATJ,mBAAc,GAAG;YACrB,SAAS,EAAE,gCAAgC,CAAC,SAAS;YACrD,SAAS,EAAE,gCAAgC,CAAC,SAAS;SACxD,CAAC;QAGK,SAAI,GAAG,EAAE,CAAC;QAcT,0BAAqB,GAAG,CAAC,EAAS,EAAQ,EAAE;YAChD,EAAE,CAAC,wBAAwB,EAAE,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,MAAM,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,4DAA4D,CAAC,CAAC;YACnH,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBAAE,MAAM,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,2DAA2D,CAAC,CAAC;YAEvI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QAfE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC9E,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACvF,CAAC;CASJ,CAAA;AArBG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACV;AATR,cAAc;IAD1B,oBAAoB,CAAC,6BAA6B,CAAC,MAAM,CAAC;;GAC9C,cAAc,CA8B1B;SA9BY,cAAc"}

package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.d.ts

@@ -1,15 +1,15 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HDisplayStepper extends PhoenixLightLitElement {
-    private _controlId;
-    private _stepperContextConsumer;
-    private _value$;
-    private _valueObserver;
-    private _inputRef;
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    private _dispatchToggleEvent;
-    private _setupProperties;
-    private _wholeTextSelection;
-    private _preventLettersToBeAdded;
-    render(): import("lit-html").TemplateResult<1>;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HDisplayStepper extends PhoenixLightLitElement {
+    private _controlId;
+    private _stepperContextConsumer;
+    private _value$;
+    private _valueObserver;
+    private _inputRef;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    private _dispatchToggleEvent;
+    private _setupProperties;
+    private _wholeTextSelection;
+    private _preventLettersToBeAdded;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -1,67 +1,69 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES } from '@phoenixRoot/components/form/input_stepper/input_stepper_constants';
+import { createRef, ref } from 'lit/directives/ref.js';
+import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
+import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
+import './input_stepper';
+import { Observer } from '@phoenixRoot/core/classes/observer/observer';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import './input_stepper_types';
 import { html } from 'lit';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 import { state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { Observer } from '../../../core/classes/observer/observer.js';
-import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
-import { createRef, ref } from 'lit-html/directives/ref.js';
-import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
-
-let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._controlId = '';
-        this._inputRef = 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_CUSTOM_EVENT_NAMES.changeValue, {
-                detail: {
-                    value: Number(value)
-                }
-            });
-        };
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._setupProperties();
-        this._stepperContextConsumer = new ContextConsumerController(this);
-        this._value$ = await this._stepperContextConsumer.consumeAsync(INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES.stepperContext);
-        this._valueObserver = new Observer((value) => {
-            if (this._inputRef.value)
-                this._inputRef.value.value = String(value);
-        });
-        this._value$.subscribe(this._valueObserver);
-        this.addEventListener(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_EVENT_NAMES.change, this._dispatchToggleEvent);
-    }
-    _setupProperties() {
-        const $closestInputStepper = this.closest(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() {
+let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._controlId = '';
+        this._inputRef = 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_CUSTOM_EVENT_NAMES.changeValue, {
+                detail: {
+                    value: Number(value)
+                }
+            });
+        };
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this._setupProperties();
+        this._stepperContextConsumer = new ContextConsumerController(this);
+        this._value$ = await this._stepperContextConsumer.consumeAsync(INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES.stepperContext);
+        this._valueObserver = new Observer((value) => {
+            if (this._inputRef.value)
+                this._inputRef.value.value = String(value);
+        });
+        this._value$.subscribe(this._valueObserver);
+        this.addEventListener(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_EVENT_NAMES.change, this._dispatchToggleEvent);
+    }
+    _setupProperties() {
+        const $closestInputStepper = this.closest(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 html `<input
             ${ref(this._inputRef)}
             class="${INPUT_STEPPER_CLASS_NAMES.displayInput}"
@@ -71,16 +73,15 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
             @change="${this._dispatchToggleEvent}"
             inputmode="decimal"
             aria-label="${this.ariaLabel}"
-        />`;
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], HDisplayStepper.prototype, "_controlId", void 0);
-HDisplayStepper = __decorate([
-    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input)
+        />`;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HDisplayStepper.prototype, "_controlId", void 0);
+HDisplayStepper = __decorate([
+    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input)
 ], HDisplayStepper);
-
 export { HDisplayStepper };
-//# sourceMappingURL=display_stepper.js.map
+//# sourceMappingURL=display_stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"display_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/display_stepper.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts

@@ -1,25 +1,25 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TInputStepperChangeEvent } from './input_stepper_types';
-export declare class HInputStepper extends PhoenixLightLitElement {
-    private _stepperState;
-    private _stepperContext;
-    controlId: string;
-    allowedFractionDigits: number | null;
-    roundTo: number;
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    increment: () => void;
-    decrement: () => void;
-    changeValue: (ev: CustomEvent<TInputStepperChangeEvent>) => void;
-    setValue: (value: number) => void;
-    private _checkSetupAndSetEdges;
-    private _calculateFractionDigitsByStepSize;
-    private _roundToFractionDigits;
-    private _outsideRangeEdges;
-    private _dispatchChangedValue;
-    updated(): void;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { TInputStepperChangeEvent } from './input_stepper_types';
+export declare class HInputStepper extends PhoenixLightLitElement {
+    private _stepperState;
+    private _stepperContext;
+    controlId: string;
+    allowedFractionDigits: number | null;
+    roundTo: number;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    increment: () => void;
+    decrement: () => void;
+    changeValue: (ev: CustomEvent<TInputStepperChangeEvent>) => void;
+    setValue: (value: number) => void;
+    private _checkSetupAndSetEdges;
+    private _calculateFractionDigitsByStepSize;
+    private _roundToFractionDigits;
+    private _outsideRangeEdges;
+    private _dispatchChangedValue;
+    updated(): void;
+}