@shoper/phoenix_design_system 1.3.1 → 1.3.2

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

@@ -19,7 +19,7 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
         this._inputRef = ref_js.createRef();
         this._dispatchToggleEvent = (ev) => {
             const $input = ev.target;
-            const digitalNumberRegExp = /^[\d]*\.?[\d]*$/;
+            const digitalNumberRegExp = /^-?[\d]*\.?[\d]*$/;
             const value = digitalNumberRegExp.test($input.value) ? $input.value : '0';
             this.dispatchEvent(new CustomEvent(input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.changeValue, {
                 bubbles: true,
@@ -58,7 +58,7 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
         $input.select();
     }
     _preventLettersAndCommaSeparatorToBeAdded(ev) {
-        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.]$/i;
+        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.-]$/i;
         const isAllowed = digitsDotAndBackspaceAllowedRegExp.test(ev.key);
         if (!isAllowed && !['Enter', 'Backspace', 'ArrowRight', 'ArrowLeft'].includes(ev.key)) {
             ev.preventDefault();

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

@@ -15,7 +15,7 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
         this._inputRef = createRef();
         this._dispatchToggleEvent = (ev) => {
             const $input = ev.target;
-            const digitalNumberRegExp = /^[\d]*\.?[\d]*$/;
+            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,
@@ -54,7 +54,7 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
         $input.select();
     }
     _preventLettersAndCommaSeparatorToBeAdded(ev) {
-        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.]$/i;
+        const digitsDotAndBackspaceAllowedRegExp = /^[\d\b.-]$/i;
         const isAllowed = digitsDotAndBackspaceAllowedRegExp.test(ev.key);
         if (!isAllowed && !['Enter', 'Backspace', 'ArrowRight', 'ArrowLeft'].includes(ev.key)) {
             ev.preventDefault();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

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

@@ -1,8 +0,0 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HButtonStepper extends PhoenixLightLitElement {
-    private _btnController;
-    type: string;
-    constructor();
-    connectedCallback(): Promise<void>;
-    private _dispatchStepperEvent;
-}

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

@@ -1,32 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-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';
-let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.type = '';
-        this._dispatchStepperEvent = () => {
-            console.log(this.type);
-            this.dispatchEvent(new CustomEvent(this.type, {
-                bubbles: true
-            }));
-        };
-        this._btnController = new BtnController(this, this._dispatchStepperEvent);
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this._dispatchStepperEvent);
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HButtonStepper.prototype, "type", void 0);
-HButtonStepper = __decorate([
-    phoenixCustomElement('h-button-stepper'),
-    __metadata("design:paramtypes", [])
-], HButtonStepper);
-export { HButtonStepper };
-//# sourceMappingURL=button_stepper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper_2/button_stepper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAEvF,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;IAMtD;QACI,KAAK,EAAE,CAAC;QAHL,SAAI,GAAG,EAAE,CAAC;QAcT,0BAAqB,GAAG,GAAG,EAAE;YACjC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE;gBACvB,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QAhBE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC9E,CAAC;IAEM,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC/D,CAAC;CAUJ,CAAA;AAtBG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACV;AAJR,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;;GAC5B,cAAc,CA0B1B;SA1BY,cAAc"}

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

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

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

@@ -1,42 +0,0 @@
-import { __decorate } from "tslib";
-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 { html } from 'lit-html';
-import { createRef, ref } from 'lit/directives/ref.js';
-let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._inputRef = createRef();
-        this._dispatchToggleEvent = (ev) => {
-            const $input = ev.target;
-            this.dispatchEvent(new CustomEvent('changeValue', {
-                bubbles: true,
-                detail: {
-                    value: Number($input.value)
-                }
-            }));
-        };
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._stepperContextConsumer = new ContextConsumerController(this);
-        this._value$ = await this._stepperContextConsumer.consumeAsync('stepperContext');
-        this._valueObserver = new Observer((value) => {
-            if (this._inputRef.value)
-                this._inputRef.value.value = String(value);
-        });
-        this._value$.subscribe(this._valueObserver);
-        this.addEventListener('change', this._dispatchToggleEvent);
-    }
-    render() {
-        return html `<input ${ref(this._inputRef)} type="text" @change="this._dispatchToggleEvent" inputmode="numeric" />`;
-    }
-};
-HDisplayStepper = __decorate([
-    phoenixCustomElement('h-display-stepper')
-], HDisplayStepper);
-export { HDisplayStepper };
-//# sourceMappingURL=display_stepper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"display_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper_2/display_stepper.ts"],"names":[],"mappings":";AAAA,OAAgC,6DAA6D,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,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,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAO,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAG5D,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,sBAAsB;IAA3D;;QAKY,cAAS,GAA0B,SAAS,EAAE,CAAC;QAgB/C,yBAAoB,GAAG,CAAC,EAAS,EAAE,EAAE;YACzC,MAAM,MAAM,GAAG,EAAE,CAAC,MAA0B,CAAC;YAE7C,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,aAAa,EAAE;gBAC3B,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACJ,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;iBAC9B;aACJ,CAAC,CACL,CAAC;QACN,CAAC,CAAC;IAKN,CAAC;IA9BU,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,uBAAuB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;QACnE,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAEjF,IAAI,CAAC,cAAc,GAAG,IAAI,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK;gBAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE5C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC/D,CAAC;IAeD,MAAM;QACF,OAAO,IAAI,CAAA,UAAU,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,yEAAyE,CAAC;IACtH,CAAC;CACJ,CAAA;AArCY,eAAe;IAD3B,oBAAoB,CAAC,mBAAmB,CAAC;GAC7B,eAAe,CAqC3B;SArCY,eAAe"}

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

@@ -1,14 +0,0 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HInputStepper extends PhoenixLightLitElement {
-    private _stepperState;
-    private _stepperContext;
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    connectedCallback(): void;
-    increment: () => void;
-    decrement: () => void;
-    changeValue: (ev: CustomEvent) => void;
-    updated(): void;
-}

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

@@ -1,57 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-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 { property } from 'lit/decorators';
-let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.value = 1;
-        this.min = -Infinity;
-        this.max = Infinity;
-        this.step = 1;
-        this.increment = () => {
-            this.value += this.step;
-        };
-        this.decrement = () => {
-            this.value -= this.step;
-        };
-        this.changeValue = (ev) => {
-            this.value = ev.detail.value;
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('increment', this.increment);
-        this.addEventListener('decrement', this.decrement);
-        this.addEventListener('changeValue', this.changeValue);
-        this._stepperState = new BehaviorSubject(this.value);
-        this._stepperContext = new ContextProviderController(this);
-        this._stepperContext.provide('stepperContext', this._stepperState);
-    }
-    updated() {
-        this._stepperState.notify(this.value);
-    }
-};
-__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('h-input-stepper')
-], HInputStepper);
-export { HInputStepper };
-//# sourceMappingURL=input_stepper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input_stepper.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/input_stepper_2/input_stepper.ts"],"names":[],"mappings":";AAAA,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;AAG1C,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,sBAAsB;IAAzD;;QAKW,UAAK,GAAW,CAAC,CAAC;QAGlB,QAAG,GAAW,CAAC,QAAQ,CAAC;QAGxB,QAAG,GAAW,QAAQ,CAAC;QAGvB,SAAI,GAAW,CAAC,CAAC;QAejB,cAAS,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;QAC5B,CAAC,CAAC;QAEK,cAAS,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;QAC5B,CAAC,CAAC;QAEK,gBAAW,GAAG,CAAC,EAAe,EAAE,EAAE;YACrC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC;IAKN,CAAC;IA5BU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEvD,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,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACvE,CAAC;IAcD,OAAO;QACH,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CACJ,CAAA;AAvCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;4CACjB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACX;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CACZ;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;2CAClB;AAdf,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CA4CzB;SA5CY,aAAa"}