@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.
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +7 -4
- package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts +2 -1
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +8 -5
- package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
- package/package.json +2 -2
|
@@ -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
|
-
|
|
30
|
+
connectedCallback() {
|
|
26
31
|
super.connectedCallback();
|
|
27
|
-
this.
|
|
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():
|
|
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 {
|
|
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
|
-
|
|
26
|
+
connectedCallback() {
|
|
22
27
|
super.connectedCallback();
|
|
23
|
-
this.
|
|
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.
|
|
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": "
|
|
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",
|