@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -1,68 +1,66 @@
-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 '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { state } from 'lit/decorators';
-import { createRef, ref } from 'lit/directives/ref.js';
-import './input_stepper';
-import './input_stepper_types';
-let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._controlId = '';
-        this._inputRef = createRef();
-        this._dispatchToggleEvent = (ev) => {
-            const $input = ev.target;
-            const digitalNumberRegExp = /^[\d]*\.?[\d]*$/;
-            const value = digitalNumberRegExp.test($input.value) ? $input.value : '0';
-            this.dispatchEvent(new CustomEvent(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, {
-                bubbles: true,
-                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() {
-        super.disconnectedCallback();
-        this._value$.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();
-    }
-    _preventLettersAndCommaSeparatorToBeAdded(ev) {
-        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.]$/i;
-        const isAllowed = digitsDotAndBackspaceAllowedRegExp.test(ev.key);
-        if (!isAllowed && !['Enter', 'Backspace', 'ArrowRight', 'ArrowLeft'].includes(ev.key)) {
-            ev.preventDefault();
-        }
-    }
-    render() {
+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 digitalNumberRegExp = /^-?[\d]*\.?[\d]*$/;
+            const value = digitalNumberRegExp.test($input.value) ? $input.value : '0';
+            this.dispatchEvent(new CustomEvent(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, {
+                bubbles: true,
+                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() {
+        super.disconnectedCallback();
+        this._value$.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();
+    }
+    _preventLettersAndCommaSeparatorToBeAdded(ev) {
+        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.-]$/i;
+        const isAllowed = digitsDotAndBackspaceAllowedRegExp.test(ev.key);
+        if (!isAllowed && !['Enter', 'Backspace', 'ArrowRight', 'ArrowLeft'].includes(ev.key)) {
+            ev.preventDefault();
+        }
+    }
+    render() {
         return html `<input
             ${ref(this._inputRef)}
             class="${INPUT_STEPPER_CLASS_NAMES.displayInput}"
@@ -71,15 +69,16 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
             @focus="${this._wholeTextSelection}"
             @change="${this._dispatchToggleEvent}"
             inputmode="numeric"
-        />`;
-    }
-};
-__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":"display_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/display_stepper.ts"],"names":[],"mappings":"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"}
+{"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;"}

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

@@ -1,23 +1,23 @@
-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;
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    increment: () => void;
-    decrement: () => void;
-    changeValue: (ev: CustomEvent<TInputStepperChangeEvent>) => void;
-    private _checkSetupAndSetEdges;
-    private _calculateFractionDigitsByStepSize;
-    private _roundToFractionDigits;
-    private _outsideRangeEdges;
-    private _dispatchChangedValue;
-    updated(): void;
-}
+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;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    increment: () => void;
+    decrement: () => void;
+    changeValue: (ev: CustomEvent<TInputStepperChangeEvent>) => void;
+    private _checkSetupAndSetEdges;
+    private _calculateFractionDigitsByStepSize;
+    private _roundToFractionDigits;
+    private _outsideRangeEdges;
+    private _dispatchChangedValue;
+    updated(): void;
+}

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

@@ -1,131 +1,132 @@
-import { __decorate, __metadata } from "tslib";
-import { INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES } from '@phoenixRoot/components/form/input_stepper/input_stepper_constants';
-import { BehaviorSubject } from '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
-import { ContextProviderController } from '@phoenixRoot/core/context/context_provider_controller';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import './input_stepper_types';
-let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.controlId = '';
-        this.allowedFractionDigits = null;
-        this.value = 0;
-        this.min = -Infinity;
-        this.max = Infinity;
-        this.step = 1;
-        this.increment = () => {
-            if (this.value === this.max) {
-                this.value = this.max;
-                return;
-            }
-            this.value += this.step;
-            this._dispatchChangedValue(this.value);
-        };
-        this.decrement = () => {
-            if (this.value === this.min) {
-                this.value = this.min;
-                return;
-            }
-            this.value -= this.step;
-            this._dispatchChangedValue(this.value);
-        };
-        this.changeValue = (ev) => {
-            const value = ev.detail.value;
-            if (value >= this.max) {
-                this.value = this.max;
-            }
-            else if (value <= this.min) {
-                this.value = this.min;
-            }
-            else {
-                this.value = value;
-            }
-            this._stepperState.notify(this.value);
-            this._dispatchChangedValue(this.value);
-        };
-        this._dispatchChangedValue = (value) => {
-            this.dispatchEvent(new CustomEvent(INPUT_STEPPER_CUSTOM_EVENT_NAMES.valueChanged, {
-                bubbles: true,
-                detail: {
-                    value
-                }
-            }));
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment, this.increment);
-        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement, this.decrement);
-        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, this.changeValue);
-        this._stepperState = new BehaviorSubject(this.value);
-        this._stepperContext = new ContextProviderController(this);
-        this._stepperContext.provide(INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES.stepperContext, this._stepperState);
-        this._checkSetupAndSetEdges();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment, this.increment);
-        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement, this.decrement);
-        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, this.changeValue);
-    }
-    _checkSetupAndSetEdges() {
-        if (this.value < this.min)
-            this.value = this.min;
-        if (this.value > this.max)
-            this.value = this.max;
-        this._stepperState.notify(this.value);
-    }
-    _calculateFractionDigitsByStepSize(step) {
-        let zerosCount = 0;
-        const stepString = String(step);
-        if (stepString.includes('.'))
-            zerosCount = stepString.split('.')[1].length;
-        return zerosCount;
-    }
-    _roundToFractionDigits(fractionsDigits, number) {
-        const multiplier = Math.pow(10, fractionsDigits);
-        return Math.round(Number(number) * multiplier) / multiplier;
-    }
-    _outsideRangeEdges(number) {
-        return number > this.max || number < this.min;
-    }
-    updated() {
-        var _a;
-        if (this._outsideRangeEdges(this.value))
-            return;
-        const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
-        this.value = this._roundToFractionDigits(digits, this.value);
-        this._stepperState.notify(this.value);
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'control-id' }),
-    __metadata("design:type", String)
-], HInputStepper.prototype, "controlId", void 0);
-__decorate([
-    property({ type: Number, attribute: 'allowed-number-of-fraction-digits' }),
-    __metadata("design:type", Object)
-], HInputStepper.prototype, "allowedFractionDigits", void 0);
-__decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Number)
-], HInputStepper.prototype, "value", void 0);
-__decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Number)
-], HInputStepper.prototype, "min", void 0);
-__decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Number)
-], HInputStepper.prototype, "max", void 0);
-__decorate([
-    property({ type: Number, reflect: true }),
-    __metadata("design:type", Number)
-], HInputStepper.prototype, "step", void 0);
-HInputStepper = __decorate([
-    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control)
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
+import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
+import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
+
+let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.controlId = '';
+        this.allowedFractionDigits = null;
+        this.value = 0;
+        this.min = -Infinity;
+        this.max = Infinity;
+        this.step = 1;
+        this.increment = () => {
+            if (this.value === this.max) {
+                this.value = this.max;
+                return;
+            }
+            this.value += this.step;
+            this._dispatchChangedValue(this.value);
+        };
+        this.decrement = () => {
+            if (this.value === this.min) {
+                this.value = this.min;
+                return;
+            }
+            this.value -= this.step;
+            this._dispatchChangedValue(this.value);
+        };
+        this.changeValue = (ev) => {
+            const value = ev.detail.value;
+            if (value >= this.max) {
+                this.value = this.max;
+            }
+            else if (value <= this.min) {
+                this.value = this.min;
+            }
+            else {
+                this.value = value;
+            }
+            this._stepperState.notify(this.value);
+            this._dispatchChangedValue(this.value);
+        };
+        this._dispatchChangedValue = (value) => {
+            this.dispatchEvent(new CustomEvent(INPUT_STEPPER_CUSTOM_EVENT_NAMES.valueChanged, {
+                bubbles: true,
+                detail: {
+                    value
+                }
+            }));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment, this.increment);
+        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement, this.decrement);
+        this.addEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, this.changeValue);
+        this._stepperState = new BehaviorSubject(this.value);
+        this._stepperContext = new ContextProviderController(this);
+        this._stepperContext.provide(INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES.stepperContext, this._stepperState);
+        this._checkSetupAndSetEdges();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.increment, this.increment);
+        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement, this.decrement);
+        this.removeEventListener(INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, this.changeValue);
+    }
+    _checkSetupAndSetEdges() {
+        if (this.value < this.min)
+            this.value = this.min;
+        if (this.value > this.max)
+            this.value = this.max;
+        this._stepperState.notify(this.value);
+    }
+    _calculateFractionDigitsByStepSize(step) {
+        let zerosCount = 0;
+        const stepString = String(step);
+        if (stepString.includes('.'))
+            zerosCount = stepString.split('.')[1].length;
+        return zerosCount;
+    }
+    _roundToFractionDigits(fractionsDigits, number) {
+        const multiplier = Math.pow(10, fractionsDigits);
+        return Math.round(Number(number) * multiplier) / multiplier;
+    }
+    _outsideRangeEdges(number) {
+        return number > this.max || number < this.min;
+    }
+    updated() {
+        var _a;
+        if (this._outsideRangeEdges(this.value))
+            return;
+        const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
+        this.value = this._roundToFractionDigits(digits, this.value);
+        this._stepperState.notify(this.value);
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'control-id' }),
+    __metadata("design:type", String)
+], HInputStepper.prototype, "controlId", void 0);
+__decorate([
+    property({ type: Number, attribute: 'allowed-number-of-fraction-digits' }),
+    __metadata("design:type", Object)
+], HInputStepper.prototype, "allowedFractionDigits", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Number)
+], HInputStepper.prototype, "value", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Number)
+], HInputStepper.prototype, "min", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Number)
+], HInputStepper.prototype, "max", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Number)
+], HInputStepper.prototype, "step", void 0);
+HInputStepper = __decorate([
+    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control)
 ], HInputStepper);
+
 export { HInputStepper };
-//# sourceMappingURL=input_stepper.js.map
+//# sourceMappingURL=input_stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,6BAA6B,EAC7B,qCAAqC,EACrC,gCAAgC,EACnC,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAyC,uBAAuB,CAAC;AAG1D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,sBAAsB;IAAlD;;QAKI,cAAS,GAAW,EAAE,CAAC;QAGvB,0BAAqB,GAAkB,IAAI,CAAC;QAG5C,UAAK,GAAW,CAAC,CAAC;QAGlB,QAAG,GAAW,CAAC,QAAQ,CAAC;QAGxB,QAAG,GAAW,QAAQ,CAAC;QAGvB,SAAI,GAAW,CAAC,CAAC;QAyBjB,cAAS,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,EAAE;gBACzB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;gBACtB,OAAO;aACV;YACD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YACxB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEK,cAAS,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,EAAE;gBACzB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;gBACtB,OAAO;aACV;YACD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;YACxB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEK,gBAAW,GAAG,CAAC,EAAyC,EAAE,EAAE;YAC/D,MAAM,KAAK,GAAW,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;YAEtC,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE;gBACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;aACzB;iBAAM,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE;gBAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;aACzB;iBAAM;gBACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACtB;YAED,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC;QA2BM,0BAAqB,GAAG,CAAC,KAAa,EAAQ,EAAE;YACpD,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAA2B,gCAAgC,CAAC,YAAY,EAAE;gBACrF,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACJ,KAAK;iBACR;aACJ,CAAC,CACL,CAAC;QACN,CAAC,CAAC;IASN,CAAC;IAnGU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClF,IAAI,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAClF,IAAI,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEtF,IAAI,CAAC,aAAa,GAAG,IAAI,eAAe,CAAS,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAE3D,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,qCAAqC,CAAC,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEvG,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAClC,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrF,IAAI,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrF,IAAI,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7F,CAAC;IAmCO,sBAAsB;QAC1B,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;QACjD,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG;YAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;QACjD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEO,kCAAkC,CAAC,IAAY;QACnD,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAEhC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAE3E,OAAO,UAAU,CAAC;IACtB,CAAC;IAEO,sBAAsB,CAAC,eAAuB,EAAE,MAAc;QAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;QAEjD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,UAAU,CAAC;IAChE,CAAC;IAEO,kBAAkB,CAAC,MAAc;QACrC,OAAO,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;IAClD,CAAC;IAaM,OAAO;;QACV,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO;QAEhD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,qBAAqB,mCAAI,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CACJ,CAAA;AArHG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;;gDACtB;AAE9B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mCAAmC,EAAE,CAAC;;4DACxB;AAEnD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;4CACjB;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACX;AAE/B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACZ;AAE9B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;2CAClB;AApBf,aAAa;IADzB,oBAAoB,CAAC,6BAA6B,CAAC,OAAO,CAAC;GAC/C,aAAa,CAyHzB;SAzHY,aAAa"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.d.ts

@@ -1,21 +1,21 @@
-export declare const INPUT_STEPPER_EVENT_NAMES: {
-    readonly click: "click";
-    readonly change: "change";
-};
-export declare const INPUT_STEPPER_CUSTOM_EVENT_NAMES: {
-    readonly valueChanged: "inputStepper.valueChanged";
-    readonly changeValue: "inputStepper.changeValue";
-    readonly increment: "inputStepper.increment";
-    readonly decrement: "inputStepper.decrement";
-};
-export declare const INPUT_STEPPER_CLASS_NAMES: {
-    readonly displayInput: "input-stepper__value_input";
-};
-export declare const INPUT_STEPPER_COMPONENT_NAMES: {
-    readonly control: "h-input-stepper";
-    readonly input: "h-display-stepper";
-    readonly button: "h-button-stepper";
-};
-export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
-    readonly stepperContext: "stepperContext";
-};
+export declare const INPUT_STEPPER_EVENT_NAMES: {
+    readonly click: "click";
+    readonly change: "change";
+};
+export declare const INPUT_STEPPER_CUSTOM_EVENT_NAMES: {
+    readonly valueChanged: "inputStepper.valueChanged";
+    readonly changeValue: "inputStepper.changeValue";
+    readonly increment: "inputStepper.increment";
+    readonly decrement: "inputStepper.decrement";
+};
+export declare const INPUT_STEPPER_CLASS_NAMES: {
+    readonly displayInput: "input-stepper__value_input";
+};
+export declare const INPUT_STEPPER_COMPONENT_NAMES: {
+    readonly control: "h-input-stepper";
+    readonly input: "h-display-stepper";
+    readonly button: "h-button-stepper";
+};
+export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
+    readonly stepperContext: "stepperContext";
+};

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

@@ -1,22 +1,24 @@
-export const INPUT_STEPPER_EVENT_NAMES = {
-    click: 'click',
-    change: 'change'
+const INPUT_STEPPER_EVENT_NAMES = {
+    click: 'click',
+    change: 'change'
+};
+const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
+    valueChanged: 'inputStepper.valueChanged',
+    changeValue: 'inputStepper.changeValue',
+    increment: 'inputStepper.increment',
+    decrement: 'inputStepper.decrement'
+};
+const INPUT_STEPPER_CLASS_NAMES = {
+    displayInput: 'input-stepper__value_input'
+};
+const INPUT_STEPPER_COMPONENT_NAMES = {
+    control: 'h-input-stepper',
+    input: 'h-display-stepper',
+    button: 'h-button-stepper'
+};
+const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
+    stepperContext: 'stepperContext'
 };
-export const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
-    valueChanged: 'inputStepper.valueChanged',
-    changeValue: 'inputStepper.changeValue',
-    increment: 'inputStepper.increment',
-    decrement: 'inputStepper.decrement'
-};
-export const INPUT_STEPPER_CLASS_NAMES = {
-    displayInput: 'input-stepper__value_input'
-};
-export const INPUT_STEPPER_COMPONENT_NAMES = {
-    control: 'h-input-stepper',
-    input: 'h-display-stepper',
-    button: 'h-button-stepper'
-};
-export const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
-    stepperContext: 'stepperContext'
-};
-//# sourceMappingURL=input_stepper_constants.js.map
+
+export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES };
+//# sourceMappingURL=input_stepper_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input_stepper_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper/input_stepper_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC5C,YAAY,EAAE,2BAA2B;IACzC,WAAW,EAAE,0BAA0B;IACvC,SAAS,EAAE,wBAAwB;IACnC,SAAS,EAAE,wBAAwB;CAC7B,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,YAAY,EAAE,4BAA4B;CACpC,CAAC;AAEX,MAAM,CAAC,MAAM,6BAA6B,GAAG;IACzC,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,kBAAkB;CACpB,CAAC;AAEX,MAAM,CAAC,MAAM,qCAAqC,GAAG;IACjD,cAAc,EAAE,gBAAgB;CAC1B,CAAC"}
+{"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;"}

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

@@ -1,3 +1,3 @@
-export type TInputStepperChangeEvent = {
-    value: number;
-};
+export declare type TInputStepperChangeEvent = {
+    value: number;
+};

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

@@ -1,3 +1,3 @@
-export declare const LABEL_CSS_CLASSES: {
-    readonly label: "label";
-};
+export declare const LABEL_CSS_CLASSES: {
+    readonly label: "label";
+};

package/build/esm/packages/phoenix/src/components/form/label/label_constants.js

@@ -1,4 +1,6 @@
-export const LABEL_CSS_CLASSES = {
-    label: 'label'
+const LABEL_CSS_CLASSES = {
+    label: 'label'
 };
-//# sourceMappingURL=label_constants.js.map
+
+export { LABEL_CSS_CLASSES };
+//# sourceMappingURL=label_constants.js.map