@shoper/phoenix_design_system 0.20.1 → 0.20.4

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 (7) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +2 -2
  4. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js +9 -6
  5. package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js.map +1 -1
  6. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +2 -2
  7. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -15,6 +15,13 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
15
15
  constructor() {
16
16
  super();
17
17
  this.transitionName = 'accordion-toggle';
18
+ this._setStylingOptions = () => {
19
+ this.style.setProperty('display', 'block', 'important');
20
+ this.style.height = 'auto';
21
+ this._originalHeight = `${this.getBoundingClientRect().height}px`;
22
+ this.style.display = '';
23
+ this.style.height = this._originalHeight;
24
+ };
18
25
  this._expand = () => {
19
26
  this._setHeight(this._originalHeight);
20
27
  };
@@ -29,12 +36,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
29
36
  this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
30
37
  this._setStylingOptions();
31
38
  this._subscribeObserver();
32
- }
33
- _setStylingOptions() {
34
- this.style.setProperty('display', 'block', 'important');
35
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
36
- this.style.display = '';
37
- this.style.height = this._originalHeight;
39
+ window.addEventListener('resize', this._setStylingOptions);
38
40
  }
39
41
  async _subscribeObserver() {
40
42
  this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
@@ -54,6 +56,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
54
56
  disconnectedCallback() {
55
57
  super.disconnectedCallback();
56
58
  this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
59
+ window.removeEventListener('resize', this._setStylingOptions);
57
60
  }
58
61
  };
59
62
  tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -146,8 +146,8 @@ exports.HDropdown = HDropdown_1 = class HDropdown extends phoenix_light_lit_elem
146
146
  }
147
147
  else if (document.activeElement === this._lastFocusableElement) {
148
148
  ev.preventDefault();
149
- await this._rootDropdown._hideDropdownsSequentially();
150
- this._focusOnNextSibling(this._rootDropdown);
149
+ this._focusOnNextSibling(this);
150
+ await this._hideDropdownsSequentially();
151
151
  }
152
152
  }
153
153
  };
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js CHANGED
@@ -11,6 +11,13 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
11
11
  constructor() {
12
12
  super();
13
13
  this.transitionName = 'accordion-toggle';
14
+ this._setStylingOptions = () => {
15
+ this.style.setProperty('display', 'block', 'important');
16
+ this.style.height = 'auto';
17
+ this._originalHeight = `${this.getBoundingClientRect().height}px`;
18
+ this.style.display = '';
19
+ this.style.height = this._originalHeight;
20
+ };
14
21
  this._expand = () => {
15
22
  this._setHeight(this._originalHeight);
16
23
  };
@@ -25,12 +32,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
25
32
  this._transitionController = new TransitionController(this, this.transitionName);
26
33
  this._setStylingOptions();
27
34
  this._subscribeObserver();
28
- }
29
- _setStylingOptions() {
30
- this.style.setProperty('display', 'block', 'important');
31
- this._originalHeight = `${this.getBoundingClientRect().height}px`;
32
- this.style.display = '';
33
- this.style.height = this._originalHeight;
35
+ window.addEventListener('resize', this._setStylingOptions);
34
36
  }
35
37
  async _subscribeObserver() {
36
38
  this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
@@ -50,6 +52,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
50
52
  disconnectedCallback() {
51
53
  super.disconnectedCallback();
52
54
  this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
55
+ window.removeEventListener('resize', this._setStylingOptions);
53
56
  }
54
57
  };
55
58
  __decorate([
package/build/esm/packages/phoenix/src/components/accordion/accordion_content.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js CHANGED
@@ -142,8 +142,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
142
142
  }
143
143
  else if (document.activeElement === this._lastFocusableElement) {
144
144
  ev.preventDefault();
145
- await this._rootDropdown._hideDropdownsSequentially();
146
- this._focusOnNextSibling(this._rootDropdown);
145
+ this._focusOnNextSibling(this);
146
+ await this._hideDropdownsSequentially();
147
147
  }
148
148
  }
149
149
  };
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.20.1",
5
+ "version": "0.20.4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",