@shoper/phoenix_design_system 1.7.8 → 1.7.9-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.
@@ -13,6 +13,11 @@ var accordion_constants = require('./accordion_constants.js');
13
13
  exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
14
14
  constructor() {
15
15
  super();
16
+ this._subscribeToAccordionProps = async () => {
17
+ this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
18
+ this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
19
+ this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
20
+ };
16
21
  this._emitTogglerClicked = () => {
17
22
  const togglerClickedEvent = new CustomEvent(accordion_constants.ACCORDION_EVENTS.toggle, {
18
23
  bubbles: true
@@ -22,11 +27,9 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
22
27
  this._btnController = new btn_controller.BtnController(this, this._emitTogglerClicked);
23
28
  this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
24
29
  }
25
- async connectedCallback() {
30
+ connectedCallback() {
26
31
  super.connectedCallback();
27
- this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
28
- this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
29
- this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
32
+ this._subscribeToAccordionProps();
30
33
  this.addEventListener('click', this._emitTogglerClicked);
31
34
  }
32
35
  _setAttributes({ regionId, opened, controlsId, disabled }) {
@@ -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;"}
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;"}
@@ -5,7 +5,8 @@ export declare class HAccordionToggler extends PhoenixLightLitElement {
5
5
  private _accordionGroupProps;
6
6
  private _accordionGroupPropsObserver;
7
7
  constructor();
8
- connectedCallback(): Promise<void>;
8
+ connectedCallback(): void;
9
+ private _subscribeToAccordionProps;
9
10
  private _setAttributes;
10
11
  private _emitTogglerClicked;
11
12
  disconnectedCallback(): void;
@@ -4,11 +4,16 @@ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_eleme
4
4
  import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
5
5
  import { Observer } from '../../core/classes/observer/observer.js';
6
6
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
7
- import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
7
+ import { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
8
8
 
9
9
  let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
10
10
  constructor() {
11
11
  super();
12
+ this._subscribeToAccordionProps = async () => {
13
+ this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
14
+ this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
15
+ this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
16
+ };
12
17
  this._emitTogglerClicked = () => {
13
18
  const togglerClickedEvent = new CustomEvent(ACCORDION_EVENTS.toggle, {
14
19
  bubbles: true
@@ -18,11 +23,9 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
18
23
  this._btnController = new BtnController(this, this._emitTogglerClicked);
19
24
  this._contextConsumer = new ContextConsumerController(this);
20
25
  }
21
- async connectedCallback() {
26
+ connectedCallback() {
22
27
  super.connectedCallback();
23
- this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
24
- this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
25
- this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
28
+ this._subscribeToAccordionProps();
26
29
  this.addEventListener('click', this._emitTogglerClicked);
27
30
  }
28
31
  _setAttributes({ regionId, opened, controlsId, disabled }) {
@@ -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;"}
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;"}
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.8",
5
+ "version": "1.7.9-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "npm": ">=6"
20
20
  },
21
21
  "scripts": {
22
- "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
22
+ "storybook": "start-storybook --no-open --port 6007",
23
23
  "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
24
24
  "watch": "rollup --config rollup.config.js --watch",
25
25
  "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",