@shoper/phoenix_design_system 1.2.10-1 → 1.2.11-1

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 (13) hide show
  1. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +4 -3
  2. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +4 -0
  4. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/index.js +5 -5
  6. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.d.ts +1 -1
  7. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +4 -3
  8. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.d.ts +1 -0
  10. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +4 -0
  11. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/index.js +1 -1
  13. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -19,7 +19,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
19
19
  const $colorItem = target;
20
20
  this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this._handleColorClickedForSingleMode($colorItem);
21
21
  };
22
- this._dispatchColorSelectEvent = () => {
22
+ this._dispatchColorChangeEvent = () => {
23
23
  const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
24
24
  return {
25
25
  colors: [...colorsSoFar, color.color],
@@ -41,6 +41,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
41
41
  this._addCssClasses();
42
42
  this.numberOfVisibleColors && this._hideItems(this.numberOfVisibleColors);
43
43
  this._showAllItemsEvent();
44
+ this.selectedColors = [...this.querySelectorAll('h-color-item[selected]')];
44
45
  }
45
46
  _addCssClasses() {
46
47
  this.querySelectorAll(color_swatches_constants.COLOR_ITEM_TAG_NAME).forEach(($colorItem) => $colorItem.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorSwatchesItem));
@@ -70,7 +71,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
70
71
  ? (this.selectedColors = [...this.selectedColors, $colorItem])
71
72
  : this._removeExistingColorFromArray($colorItem);
72
73
  this._toggleSelectedAttribute($colorItem);
73
- this._dispatchColorSelectEvent();
74
+ this._dispatchColorChangeEvent();
74
75
  }
75
76
  _handleColorClickedForSingleMode($colorItem) {
76
77
  const $previouslySelected = this.selectedColors[0];
@@ -78,7 +79,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
78
79
  if ($previouslySelected && $previouslySelected !== $colorItem)
79
80
  $previouslySelected.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE);
80
81
  this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
81
- this._dispatchColorSelectEvent();
82
+ this._dispatchColorChangeEvent();
82
83
  }
83
84
  _toggleSelectedAttribute($colorItem) {
84
85
  $colorItem.hasAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_swatches_control/color_swatches_control.js CHANGED
@@ -28,6 +28,10 @@ exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_ligh
28
28
  });
29
29
  if (cssClasses)
30
30
  this.classList.add(cssClasses);
31
+ this._getInitiallySelectedColors();
32
+ }
33
+ _getInitiallySelectedColors() {
34
+ this.selectedColors = [...this.querySelectorAll('h-color-item[selected]')].map((selectedColor) => selectedColor.value ? selectedColor.value : selectedColor.color);
31
35
  }
32
36
  _setupEvents() {
33
37
  this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED
@@ -69,8 +69,8 @@ var toggle_button_group = require('./components/groups/toggle_button_group/toggl
69
69
  var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
70
70
  var click_outside_controller_messages = require('./controllers/click_outside_controller/click_outside_controller_messages.js');
71
71
  var backdrop = require('./components/backdrop/backdrop.js');
72
- var color_swatches_control = require('./components/form/color_swatches_control/color_swatches_control.js');
73
72
  var color_item = require('./components/color_swatches/color_item/color_item.js');
73
+ var color_swatches_control = require('./components/form/color_swatches_control/color_swatches_control.js');
74
74
  var color_swatches = require('./components/color_swatches/color_swatches.js');
75
75
  var show_more = require('./components/color_swatches/show-more/show_more.js');
76
76
  var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
@@ -421,16 +421,16 @@ Object.defineProperty(exports, 'HBackdrop', {
421
421
  return backdrop.HBackdrop;
422
422
  }
423
423
  });
424
- Object.defineProperty(exports, 'HColorSwatchesControl', {
424
+ Object.defineProperty(exports, 'HColorItem', {
425
425
  enumerable: true,
426
426
  get: function () {
427
- return color_swatches_control.HColorSwatchesControl;
427
+ return color_item.HColorItem;
428
428
  }
429
429
  });
430
- Object.defineProperty(exports, 'HColorItem', {
430
+ Object.defineProperty(exports, 'HColorSwatchesControl', {
431
431
  enumerable: true,
432
432
  get: function () {
433
- return color_item.HColorItem;
433
+ return color_swatches_control.HColorSwatchesControl;
434
434
  }
435
435
  });
436
436
  Object.defineProperty(exports, 'HColorSwatches', {
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.d.ts CHANGED
@@ -15,5 +15,5 @@ export declare class HColorSwatches extends PhoenixLightLitElement {
15
15
  private _toggleSelectedAttribute;
16
16
  private _isColorAlreadyExistInArray;
17
17
  private _removeExistingColorFromArray;
18
- private _dispatchColorSelectEvent;
18
+ private _dispatchColorChangeEvent;
19
19
  }
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -15,7 +15,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
15
15
  const $colorItem = target;
16
16
  this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this._handleColorClickedForSingleMode($colorItem);
17
17
  };
18
- this._dispatchColorSelectEvent = () => {
18
+ this._dispatchColorChangeEvent = () => {
19
19
  const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
20
20
  return {
21
21
  colors: [...colorsSoFar, color.color],
@@ -37,6 +37,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
37
37
  this._addCssClasses();
38
38
  this.numberOfVisibleColors && this._hideItems(this.numberOfVisibleColors);
39
39
  this._showAllItemsEvent();
40
+ this.selectedColors = [...this.querySelectorAll('h-color-item[selected]')];
40
41
  }
41
42
  _addCssClasses() {
42
43
  this.querySelectorAll(COLOR_ITEM_TAG_NAME).forEach(($colorItem) => $colorItem.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorSwatchesItem));
@@ -66,7 +67,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
66
67
  ? (this.selectedColors = [...this.selectedColors, $colorItem])
67
68
  : this._removeExistingColorFromArray($colorItem);
68
69
  this._toggleSelectedAttribute($colorItem);
69
- this._dispatchColorSelectEvent();
70
+ this._dispatchColorChangeEvent();
70
71
  }
71
72
  _handleColorClickedForSingleMode($colorItem) {
72
73
  const $previouslySelected = this.selectedColors[0];
@@ -74,7 +75,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
74
75
  if ($previouslySelected && $previouslySelected !== $colorItem)
75
76
  $previouslySelected.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE);
76
77
  this.selectedColors = $previouslySelected === $colorItem ? [] : [$colorItem];
77
- this._dispatchColorSelectEvent();
78
+ this._dispatchColorChangeEvent();
78
79
  }
79
80
  _toggleSelectedAttribute($colorItem) {
80
81
  $colorItem.hasAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_swatches_control/color_swatches_control.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare class HColorSwatchesControl extends PhoenixLightLitElement {
8
8
  error: boolean;
9
9
  selectedColors: string[];
10
10
  connectedCallback(): void;
11
+ private _getInitiallySelectedColors;
11
12
  private _setupEvents;
12
13
  protected render(): TemplateResult | void;
13
14
  }
package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js CHANGED
@@ -24,6 +24,10 @@ let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitE
24
24
  });
25
25
  if (cssClasses)
26
26
  this.classList.add(cssClasses);
27
+ this._getInitiallySelectedColors();
28
+ }
29
+ _getInitiallySelectedColors() {
30
+ this.selectedColors = [...this.querySelectorAll('h-color-item[selected]')].map((selectedColor) => selectedColor.value ? selectedColor.value : selectedColor.color);
27
31
  }
28
32
  _setupEvents() {
29
33
  this.addEventListener(COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.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,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED
@@ -65,8 +65,8 @@ export { HToggleButtonGroup } from './components/groups/toggle_button_group/togg
65
65
  export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
66
66
  export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
67
67
  export { HBackdrop } from './components/backdrop/backdrop.js';
68
- export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control.js';
69
68
  export { HColorItem } from './components/color_swatches/color_item/color_item.js';
69
+ export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control.js';
70
70
  export { HColorSwatches } from './components/color_swatches/color_swatches.js';
71
71
  export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more.js';
72
72
  export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
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.10-1",
5
+ "version": "1.2.11-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",