@shoper/phoenix_design_system 1.7.6-2 → 1.7.6-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -2
  2. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/slider/slider.js +9 -7
  4. package/build/cjs/packages/phoenix/src/components/slider/slider.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.d.ts +1 -1
  6. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -2
  7. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/slider/slider.d.ts +3 -3
  9. package/build/esm/packages/phoenix/src/components/slider/slider.js +9 -7
  10. package/build/esm/packages/phoenix/src/components/slider/slider.js.map +1 -1
  11. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -35,7 +35,7 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
35
35
  this.value -= this.step;
36
36
  this._dispatchChangedValue(this.value);
37
37
  };
38
- this.changeValue = (ev) => {
38
+ this.changeValue = (ev, shouldDispatchValueChangedEvent = true) => {
39
39
  var _a;
40
40
  const value = ev.detail.value;
41
41
  if (value >= this.max) {
@@ -51,7 +51,8 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
51
51
  this.value = Number((Math.floor(this.value / this.step) * this.step).toFixed((_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : 0));
52
52
  }
53
53
  this._stepperState.notify(this.value);
54
- this._dispatchChangedValue(this.value);
54
+ if (shouldDispatchValueChangedEvent)
55
+ this._dispatchChangedValue(this.value);
55
56
  };
56
57
  this._dispatchChangedValue = (value) => {
57
58
  this.dispatchEvent(new CustomEvent(input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.valueChanged, {
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map CHANGED
@@ -1 +1 @@
1
- {"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;"}
1
+ {"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;"}
package/build/cjs/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
- require('lit');
7
6
  var decorators = require('lit/decorators');
8
- require('@dreamcommerce/utilities');
7
+ var utilities = require('@dreamcommerce/utilities');
9
8
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
10
9
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
11
10
  var splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splide.esm.js');
@@ -13,7 +12,7 @@ var splide_esm = require('../../../../../external/@splidejs/splide/dist/js/splid
13
12
  exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLitElement {
14
13
  constructor() {
15
14
  super(...arguments);
16
- this.settings = null;
15
+ this.settings = '';
17
16
  this.id = '';
18
17
  this._settings = {
19
18
  mountOnConnectedCallback: true,
@@ -23,9 +22,12 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
23
22
  };
24
23
  this._slider = null;
25
24
  }
26
- firstUpdated() {
25
+ connectedCallback() {
27
26
  var _a;
28
- this._slider = new splide_esm.Splide(`#${this.id}`, (_a = this.settings) !== null && _a !== void 0 ? _a : this._settings);
27
+ if (this.settings) {
28
+ this._settings = (_a = utilities.JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
29
+ }
30
+ this._slider = new splide_esm.Splide(`#${this.id}`, this._settings);
29
31
  if (this._settings.mountOnConnectedCallback) {
30
32
  this._slider.mount();
31
33
  }
@@ -35,8 +37,8 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
35
37
  }
36
38
  };
37
39
  tslib_es6.__decorate([
38
- decorators.property({ type: Object }),
39
- tslib_es6.__metadata("design:type", Object)
40
+ decorators.property(),
41
+ tslib_es6.__metadata("design:type", String)
40
42
  ], exports.HSlider.prototype, "settings", void 0);
41
43
  tslib_es6.__decorate([
42
44
  decorators.property(),
package/build/cjs/packages/phoenix/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED
@@ -13,7 +13,7 @@ export declare class HInputStepper extends PhoenixLightLitElement {
13
13
  disconnectedCallback(): void;
14
14
  increment: () => void;
15
15
  decrement: () => void;
16
- changeValue: (ev: CustomEvent<TInputStepperChangeEvent>) => void;
16
+ changeValue: (ev: CustomEvent<TInputStepperChangeEvent>, shouldDispatchValueChangedEvent?: boolean) => void;
17
17
  private _checkSetupAndSetEdges;
18
18
  private _calculateFractionDigitsByStepSize;
19
19
  private _roundToFractionDigits;
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -31,7 +31,7 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
31
31
  this.value -= this.step;
32
32
  this._dispatchChangedValue(this.value);
33
33
  };
34
- this.changeValue = (ev) => {
34
+ this.changeValue = (ev, shouldDispatchValueChangedEvent = true) => {
35
35
  var _a;
36
36
  const value = ev.detail.value;
37
37
  if (value >= this.max) {
@@ -47,7 +47,8 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
47
47
  this.value = Number((Math.floor(this.value / this.step) * this.step).toFixed((_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : 0));
48
48
  }
49
49
  this._stepperState.notify(this.value);
50
- this._dispatchChangedValue(this.value);
50
+ if (shouldDispatchValueChangedEvent)
51
+ this._dispatchChangedValue(this.value);
51
52
  };
52
53
  this._dispatchChangedValue = (value) => {
53
54
  this.dispatchEvent(new CustomEvent(INPUT_STEPPER_CUSTOM_EVENT_NAMES.valueChanged, {
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slider/slider.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ISlider, ISliderOptions } from './slider_types';
1
+ import { ISlider } from './slider_types';
2
2
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
3
  export declare class HSlider extends PhoenixLightLitElement {
4
- settings: ISliderOptions | null;
4
+ settings: string;
5
5
  id: string;
6
6
  private _settings;
7
7
  private _slider;
8
- firstUpdated(): void;
8
+ connectedCallback(): void;
9
9
  getSlider(): ISlider | null;
10
10
  }
package/build/esm/packages/phoenix/src/components/slider/slider.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
- import 'lit';
3
2
  import { property } from 'lit/decorators';
4
- import '@dreamcommerce/utilities';
3
+ import { JsonUtils } from '@dreamcommerce/utilities';
5
4
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
6
5
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
7
6
  import { Splide } from '../../../../../external/@splidejs/splide/dist/js/splide.esm.js';
@@ -9,7 +8,7 @@ import { Splide } from '../../../../../external/@splidejs/splide/dist/js/splide.
9
8
  let HSlider = class HSlider extends PhoenixLightLitElement {
10
9
  constructor() {
11
10
  super(...arguments);
12
- this.settings = null;
11
+ this.settings = '';
13
12
  this.id = '';
14
13
  this._settings = {
15
14
  mountOnConnectedCallback: true,
@@ -19,9 +18,12 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
19
18
  };
20
19
  this._slider = null;
21
20
  }
22
- firstUpdated() {
21
+ connectedCallback() {
23
22
  var _a;
24
- this._slider = new Splide(`#${this.id}`, (_a = this.settings) !== null && _a !== void 0 ? _a : this._settings);
23
+ if (this.settings) {
24
+ this._settings = (_a = JsonUtils.fromJson(this.settings)) !== null && _a !== void 0 ? _a : this._settings;
25
+ }
26
+ this._slider = new Splide(`#${this.id}`, this._settings);
25
27
  if (this._settings.mountOnConnectedCallback) {
26
28
  this._slider.mount();
27
29
  }
@@ -31,8 +33,8 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
31
33
  }
32
34
  };
33
35
  __decorate([
34
- property({ type: Object }),
35
- __metadata("design:type", Object)
36
+ property(),
37
+ __metadata("design:type", String)
36
38
  ], HSlider.prototype, "settings", void 0);
37
39
  __decorate([
38
40
  property(),
package/build/esm/packages/phoenix/src/components/slider/slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA,uBAAuB,gEAAoE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.7.6-2",
5
+ "version": "1.7.6-4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "@splidejs/splide": "^4.0.7"
31
31
  },
32
32
  "devDependencies": {
33
- "@dreamcommerce/utilities": "^1.10.1",
33
+ "@dreamcommerce/utilities": "^1.11.0",
34
34
  "@shoper/jest_config": "^0.0.0",
35
35
  "@shoper/tsconfig": "^0.0.0",
36
36
  "@splidejs/splide": "4.0.7",