@shoper/phoenix_design_system 1.2.13-4 → 1.2.13-6

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 (15) hide show
  1. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +3 -3
  2. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -0
  3. package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  4. package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js +2 -2
  5. package/build/cjs/packages/phoenix/src/components/form/select/select.js +1 -1
  6. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +1 -1
  7. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +3 -3
  8. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js +3 -0
  9. package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js +2 -2
  12. package/build/esm/packages/phoenix/src/components/form/select/select.js +1 -1
  13. package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts +2 -5
  14. package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map +1 -1
  15. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -196,7 +196,7 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
196
196
  };
197
197
  this.isOpened = () => this.opened;
198
198
  this._positionDropdownContent = () => {
199
- if (this.wdith === dropdown_constants.DROPDOWN_CONTENT_WIDTH.full)
199
+ if (this.contentWidth === dropdown_constants.DROPDOWN_CONTENT_WIDTH.full)
200
200
  this._setDropdownContentWidth(this._getDropdownContentWidth());
201
201
  requestAnimationFrame(() => {
202
202
  this.opened && window.innerWidth < global_constants.BREAKPOINTS.xs
@@ -376,9 +376,9 @@ tslib_es6.__decorate([
376
376
  tslib_es6.__metadata("design:type", Object)
377
377
  ], exports.HDropdown.prototype, "offset", void 0);
378
378
  tslib_es6.__decorate([
379
- decorators_js.property({ type: String }),
379
+ decorators_js.property({ type: String, attribute: 'content-width' }),
380
380
  tslib_es6.__metadata("design:type", String)
381
- ], exports.HDropdown.prototype, "wdith", void 0);
381
+ ], exports.HDropdown.prototype, "contentWidth", void 0);
382
382
  tslib_es6.__decorate([
383
383
  decorators_js.property({ type: String }),
384
384
  tslib_es6.__metadata("design:type", Object)
package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -36,6 +36,9 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
36
36
  }
37
37
  this._$inputElement = $element;
38
38
  this._value = Number($element.value) || 0;
39
+ if (this.min > 0) {
40
+ this._value = this.min;
41
+ }
39
42
  this._setupEvents();
40
43
  }
41
44
  disconnectedCallback() {
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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/select/components/option/select_option.js CHANGED
@@ -15,7 +15,7 @@ exports.HOption = class HOption extends phoenix_light_lit_element.PhoenixLightLi
15
15
  constructor() {
16
16
  super(...arguments);
17
17
  this._dispatchClickedEvent = () => {
18
- if (this.disabled)
18
+ if (this.disabled && !this.clickable)
19
19
  return;
20
20
  this.dispatchEvent(new CustomEvent(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, {
21
21
  bubbles: true,
@@ -73,7 +73,7 @@ tslib_es6.__decorate([
73
73
  tslib_es6.__decorate([
74
74
  decorators_js.property({ type: Boolean, reflect: true }),
75
75
  tslib_es6.__metadata("design:type", Boolean)
76
- ], exports.HOption.prototype, "unclickable", void 0);
76
+ ], exports.HOption.prototype, "clickable", void 0);
77
77
  exports.HOption = tslib_es6.__decorate([
78
78
  phoenix_custom_element.phoenixCustomElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option)
79
79
  ], exports.HOption);
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -252,7 +252,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
252
252
  @dropdown.hidden=${this._handleDropdownHidden}
253
253
  name="${this.controlName}$"
254
254
  offset=${this.offset}
255
- width="full"
255
+ content-width="full"
256
256
  >
257
257
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
258
258
 
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
11
11
  name: string;
12
12
  transition: string;
13
13
  offset: number;
14
- wdith: TDropdownContentWidth;
14
+ contentWidth: TDropdownContentWidth;
15
15
  portalTarget: string;
16
16
  $dropdownToggler: HDropdownToggler | null;
17
17
  $dropdownContent: HDropdownContent | null;
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -192,7 +192,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
192
192
  };
193
193
  this.isOpened = () => this.opened;
194
194
  this._positionDropdownContent = () => {
195
- if (this.wdith === DROPDOWN_CONTENT_WIDTH.full)
195
+ if (this.contentWidth === DROPDOWN_CONTENT_WIDTH.full)
196
196
  this._setDropdownContentWidth(this._getDropdownContentWidth());
197
197
  requestAnimationFrame(() => {
198
198
  this.opened && window.innerWidth < BREAKPOINTS.xs
@@ -372,9 +372,9 @@ __decorate([
372
372
  __metadata("design:type", Object)
373
373
  ], HDropdown.prototype, "offset", void 0);
374
374
  __decorate([
375
- property({ type: String }),
375
+ property({ type: String, attribute: 'content-width' }),
376
376
  __metadata("design:type", String)
377
- ], HDropdown.prototype, "wdith", void 0);
377
+ ], HDropdown.prototype, "contentWidth", void 0);
378
378
  __decorate([
379
379
  property({ type: String }),
380
380
  __metadata("design:type", Object)
package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.js CHANGED
@@ -32,6 +32,9 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
32
32
  }
33
33
  this._$inputElement = $element;
34
34
  this._value = Number($element.value) || 0;
35
+ if (this.min > 0) {
36
+ this._value = this.min;
37
+ }
35
38
  this._setupEvents();
36
39
  }
37
40
  disconnectedCallback() {
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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare class HOption extends PhoenixLightLitElement {
5
5
  selected: boolean;
6
6
  disabled: boolean;
7
7
  hidden: boolean;
8
- unclickable: boolean;
8
+ clickable: boolean;
9
9
  private _btnController;
10
10
  private _$checkedIcon?;
11
11
  connectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option.js CHANGED
@@ -11,7 +11,7 @@ let HOption = class HOption extends PhoenixLightLitElement {
11
11
  constructor() {
12
12
  super(...arguments);
13
13
  this._dispatchClickedEvent = () => {
14
- if (this.disabled)
14
+ if (this.disabled && !this.clickable)
15
15
  return;
16
16
  this.dispatchEvent(new CustomEvent(SELECT_OPTION_EVENT_NAMES.clicked, {
17
17
  bubbles: true,
@@ -69,7 +69,7 @@ __decorate([
69
69
  __decorate([
70
70
  property({ type: Boolean, reflect: true }),
71
71
  __metadata("design:type", Boolean)
72
- ], HOption.prototype, "unclickable", void 0);
72
+ ], HOption.prototype, "clickable", void 0);
73
73
  HOption = __decorate([
74
74
  phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.option)
75
75
  ], HOption);
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -248,7 +248,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
248
248
  @dropdown.hidden=${this._handleDropdownHidden}
249
249
  name="${this.controlName}$"
250
250
  offset=${this.offset}
251
- width="full"
251
+ content-width="full"
252
252
  >
253
253
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
254
254
 
package/build/esm/packages/phoenix/src/components/slider/slider_types.d.ts CHANGED
@@ -1,8 +1,5 @@
1
- import { Options } from '@splidejs/splide';
2
- export interface ISlider {
3
- mount(): void;
4
- sync(slider: ISlider): this;
5
- go(control: number | string): this;
1
+ import { Options, Splide } from '@splidejs/splide';
2
+ export interface ISlider extends Splide {
6
3
  }
7
4
  export interface ISliderOptions extends Options {
8
5
  mountOnConnectedCallback: boolean;
package/build/esm/packages/phoenix/src/components/slider/slider_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAwB,kBAAkB,CAAC"}
1
+ {"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAgC,kBAAkB,CAAC"}
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.2.13-4",
5
+ "version": "1.2.13-6",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",