@shoper/phoenix_design_system 0.22.5-10 → 0.22.5-12

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 (17) hide show
  1. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +1 -1
  2. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +1 -1
  3. package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.js +7 -3
  4. package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.js +2 -2
  6. package/build/cjs/packages/phoenix/src/index.js +2 -2
  7. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +1 -1
  8. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.d.ts +1 -1
  9. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js +1 -1
  10. package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.d.ts +2 -1
  11. package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.js +8 -4
  12. package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.d.ts +2 -2
  14. package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.js +2 -2
  15. package/build/esm/packages/phoenix/src/index.d.ts +1 -1
  16. package/build/esm/packages/phoenix/src/index.js +1 -1
  17. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -50,7 +50,7 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
50
50
  });
51
51
  }
52
52
  _showAllItemsEvent() {
53
- document.addEventListener(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore, () => {
53
+ this.addEventListener(show_more_constants.SHOW_MORE_EVENT_NAMES.showMore, () => {
54
54
  this.querySelectorAll('h-color-item').forEach(($colorItem) => {
55
55
  $colorItem.removeAttribute(color_swatches_constants.COLOR_SWATCHES_HIDDEN_ATTRIBUTE);
56
56
  });
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js CHANGED
@@ -7,7 +7,7 @@ const COLOR_SWATCHES_CSS_CLASSES = {
7
7
  colorItem: 'color-item',
8
8
  colorSwatches: baseCssClass,
9
9
  colorSwatchesItem: `${baseCssClass}__color-item`,
10
- colorSwatchesShowMoreButton: `${baseCssClass}__show-more`
10
+ colorSwatchesItems: `${baseCssClass}__color-items`
11
11
  };
12
12
  const COLOR_SWATCHES_EVENT_NAMES = {
13
13
  selected: 'colorSwatchesSelected'
package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.js CHANGED
@@ -8,7 +8,7 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
8
8
  var btn_controller = require('../../../controllers/btn_controller.js');
9
9
  var show_more_constants = require('./show_more_constants.js');
10
10
 
11
- exports.HShowMoreColorItems = class HShowMoreColorItems extends phoenix_light_lit_element.PhoenixLightLitElement {
11
+ exports.HColorSwatchesShowMore = class HColorSwatchesShowMore extends phoenix_light_lit_element.PhoenixLightLitElement {
12
12
  constructor() {
13
13
  super();
14
14
  this._dispatchClickedEvent = () => {
@@ -22,6 +22,10 @@ exports.HShowMoreColorItems = class HShowMoreColorItems extends phoenix_light_li
22
22
  connectedCallback() {
23
23
  super.connectedCallback();
24
24
  this.setupEvents();
25
+ this._addCssClasses();
26
+ this.classList.add(show_more_constants.SHOW_MORE_CSS_CLASS);
27
+ }
28
+ _addCssClasses() {
25
29
  this.classList.add(show_more_constants.SHOW_MORE_CSS_CLASS);
26
30
  }
27
31
  _hideButton() {
@@ -31,8 +35,8 @@ exports.HShowMoreColorItems = class HShowMoreColorItems extends phoenix_light_li
31
35
  this.addEventListener('click', this._dispatchClickedEvent);
32
36
  }
33
37
  };
34
- exports.HShowMoreColorItems = tslib_es6.__decorate([
38
+ exports.HColorSwatchesShowMore = tslib_es6.__decorate([
35
39
  phoenix_custom_element.phoenixCustomElement('h-color-swatches-show-more'),
36
40
  tslib_es6.__metadata("design:paramtypes", [])
37
- ], exports.HShowMoreColorItems);
41
+ ], exports.HColorSwatchesShowMore);
38
42
  //# sourceMappingURL=show_more.js.map
package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const SHOW_MORE_CSS_CLASS = 'show-more';
5
+ const SHOW_MORE_CSS_CLASS = 'color-swatches-show-more';
6
6
  const SHOW_MORE_HIDDEN_ATTRIBUTE = 'hidden';
7
7
  const SHOW_MORE_EVENT_NAMES = {
8
- showMore: 'showMoreColorItems'
8
+ showMore: 'colorSwatchesShowMore'
9
9
  };
10
10
 
11
11
  exports.SHOW_MORE_CSS_CLASS = SHOW_MORE_CSS_CLASS;
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -364,10 +364,10 @@ Object.defineProperty(exports, 'HColorSwatches', {
364
364
  return color_swatches.HColorSwatches;
365
365
  }
366
366
  });
367
- Object.defineProperty(exports, 'HShowMoreColorItems', {
367
+ Object.defineProperty(exports, 'HColorSwatchesShowMore', {
368
368
  enumerable: true,
369
369
  get: function () {
370
- return show_more.HShowMoreColorItems;
370
+ return show_more.HColorSwatchesShowMore;
371
371
  }
372
372
  });
373
373
  exports.VisibilityController = visibility_controller.VisibilityController;
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -46,7 +46,7 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
46
46
  });
47
47
  }
48
48
  _showAllItemsEvent() {
49
- document.addEventListener(SHOW_MORE_EVENT_NAMES.showMore, () => {
49
+ this.addEventListener(SHOW_MORE_EVENT_NAMES.showMore, () => {
50
50
  this.querySelectorAll('h-color-item').forEach(($colorItem) => {
51
51
  $colorItem.removeAttribute(COLOR_SWATCHES_HIDDEN_ATTRIBUTE);
52
52
  });
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const COLOR_SWATCHES_CSS_CLASSES: {
2
2
  readonly colorItem: "color-item";
3
3
  readonly colorSwatches: "color-swatches";
4
4
  readonly colorSwatchesItem: "color-swatches__color-item";
5
- readonly colorSwatchesShowMoreButton: "color-swatches__show-more";
5
+ readonly colorSwatchesItems: "color-swatches__color-items";
6
6
  };
7
7
  export declare const COLOR_SWATCHES_EVENT_NAMES: {
8
8
  readonly selected: "colorSwatchesSelected";
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js CHANGED
@@ -3,7 +3,7 @@ const COLOR_SWATCHES_CSS_CLASSES = {
3
3
  colorItem: 'color-item',
4
4
  colorSwatches: baseCssClass,
5
5
  colorSwatchesItem: `${baseCssClass}__color-item`,
6
- colorSwatchesShowMoreButton: `${baseCssClass}__show-more`
6
+ colorSwatchesItems: `${baseCssClass}__color-items`
7
7
  };
8
8
  const COLOR_SWATCHES_EVENT_NAMES = {
9
9
  selected: 'colorSwatchesSelected'
package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
- export declare class HShowMoreColorItems extends PhoenixLightLitElement {
2
+ export declare class HColorSwatchesShowMore extends PhoenixLightLitElement {
3
3
  private _btnController;
4
4
  constructor();
5
5
  connectedCallback(): void;
6
+ private _addCssClasses;
6
7
  private _hideButton;
7
8
  private setupEvents;
8
9
  private _dispatchClickedEvent;
package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.js CHANGED
@@ -4,7 +4,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
4
4
  import { BtnController } from '../../../controllers/btn_controller.js';
5
5
  import { SHOW_MORE_EVENT_NAMES, SHOW_MORE_CSS_CLASS, SHOW_MORE_HIDDEN_ATTRIBUTE } from './show_more_constants.js';
6
6
 
7
- let HShowMoreColorItems = class HShowMoreColorItems extends PhoenixLightLitElement {
7
+ let HColorSwatchesShowMore = class HColorSwatchesShowMore extends PhoenixLightLitElement {
8
8
  constructor() {
9
9
  super();
10
10
  this._dispatchClickedEvent = () => {
@@ -18,6 +18,10 @@ let HShowMoreColorItems = class HShowMoreColorItems extends PhoenixLightLitEleme
18
18
  connectedCallback() {
19
19
  super.connectedCallback();
20
20
  this.setupEvents();
21
+ this._addCssClasses();
22
+ this.classList.add(SHOW_MORE_CSS_CLASS);
23
+ }
24
+ _addCssClasses() {
21
25
  this.classList.add(SHOW_MORE_CSS_CLASS);
22
26
  }
23
27
  _hideButton() {
@@ -27,10 +31,10 @@ let HShowMoreColorItems = class HShowMoreColorItems extends PhoenixLightLitEleme
27
31
  this.addEventListener('click', this._dispatchClickedEvent);
28
32
  }
29
33
  };
30
- HShowMoreColorItems = __decorate([
34
+ HColorSwatchesShowMore = __decorate([
31
35
  phoenixCustomElement('h-color-swatches-show-more'),
32
36
  __metadata("design:paramtypes", [])
33
- ], HShowMoreColorItems);
37
+ ], HColorSwatchesShowMore);
34
38
 
35
- export { HShowMoreColorItems };
39
+ export { HColorSwatchesShowMore };
36
40
  //# sourceMappingURL=show_more.js.map
package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export declare const SHOW_MORE_CSS_CLASS = "show-more";
1
+ export declare const SHOW_MORE_CSS_CLASS = "color-swatches-show-more";
2
2
  export declare const SHOW_MORE_HIDDEN_ATTRIBUTE = "hidden";
3
3
  export declare const SHOW_MORE_EVENT_NAMES: {
4
- readonly showMore: "showMoreColorItems";
4
+ readonly showMore: "colorSwatchesShowMore";
5
5
  };
package/build/esm/packages/phoenix/src/components/color_swatches/show-more/show_more_constants.js CHANGED
@@ -1,7 +1,7 @@
1
- const SHOW_MORE_CSS_CLASS = 'show-more';
1
+ const SHOW_MORE_CSS_CLASS = 'color-swatches-show-more';
2
2
  const SHOW_MORE_HIDDEN_ATTRIBUTE = 'hidden';
3
3
  const SHOW_MORE_EVENT_NAMES = {
4
- showMore: 'showMoreColorItems'
4
+ showMore: 'colorSwatchesShowMore'
5
5
  };
6
6
 
7
7
  export { SHOW_MORE_CSS_CLASS, SHOW_MORE_EVENT_NAMES, SHOW_MORE_HIDDEN_ATTRIBUTE };
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -68,7 +68,7 @@ export { BackdropController } from "./components/backdrop/controller/backdrop_co
68
68
  export { HColorSwatchesControl } from './components/form/color_swatches/color_swatches_control';
69
69
  export { HColorSwatches } from './components/color_swatches/color_swatches';
70
70
  export { HColorItem } from './components/color_swatches/color_item/color_item';
71
- export { HShowMoreColorItems } from './components/color_swatches/show-more/show_more';
71
+ export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more';
72
72
  export { VisibilityController } from './controllers/visibility_controller/visibility_controller';
73
73
  export * from './controllers/visibility_controller/visibility_controller_types';
74
74
  export { HSlider } from './components/slider/slider';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -59,7 +59,7 @@ export { HBackdrop } from './components/backdrop/backdrop.js';
59
59
  export { HColorSwatchesControl } from './components/form/color_swatches/color_swatches_control.js';
60
60
  export { HColorItem } from './components/color_swatches/color_item/color_item.js';
61
61
  export { HColorSwatches } from './components/color_swatches/color_swatches.js';
62
- export { HShowMoreColorItems } from './components/color_swatches/show-more/show_more.js';
62
+ export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more.js';
63
63
  export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
64
64
  export { HSlider } from './components/slider/slider.js';
65
65
  export { HTab } from './components/tabs/tab/tab.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": "0.22.5-10",
5
+ "version": "0.22.5-12",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",