@shoper/phoenix_design_system 1.15.6-5 → 1.15.6-7

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 (9) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +10 -2
  2. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +4 -1
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +10 -2
  6. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js +4 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js.map +1 -1
  9. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -38,8 +38,16 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
38
38
  }
39
39
  updated(_changedProperties) {
40
40
  super.updated(_changedProperties);
41
- const newTabIndex = this._shouldShow ? '0' : '-1';
42
- this.setAttribute('tabindex', newTabIndex);
41
+ if (this._shouldShow) {
42
+ this.setAttribute('tabindex', '0');
43
+ this.removeAttribute('aria-hidden');
44
+ this.setAttribute('role', 'button');
45
+ }
46
+ else {
47
+ this.setAttribute('tabindex', '-1');
48
+ this.setAttribute('aria-hidden', 'true');
49
+ this.removeAttribute('role');
50
+ }
43
51
  }
44
52
  async _searchContextSetup() {
45
53
  try {
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,2EAAmF;AACtG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/subcomponents/buttons/search_close.js CHANGED
@@ -21,18 +21,21 @@ exports.HSearchClose = class HSearchClose extends phoenix_light_lit_element.Phoe
21
21
  this._toggleSearchCloseAria();
22
22
  }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME);
23
23
  this._toggleSearchCloseAria = () => {
24
- if (window.innerWidth < global_constants.BREAKPOINTS.xs) {
24
+ if (window.innerWidth < global_constants.BREAKPOINTS.sm) {
25
25
  this.setAttribute('tabindex', '0');
26
26
  this.removeAttribute('aria-hidden');
27
+ this.setAttribute('role', 'button');
27
28
  return;
28
29
  }
29
30
  this.setAttribute('tabindex', '-1');
30
31
  this.setAttribute('aria-hidden', 'true');
32
+ this.removeAttribute('role');
31
33
  };
32
34
  this._btnController = new btn_controller.BtnController(this, this._dispatchCloseEvent);
33
35
  }
34
36
  connectedCallback() {
35
37
  super.connectedCallback();
38
+ this._toggleSearchCloseAria();
36
39
  this.addEventListener('click', this._dispatchCloseEvent);
37
40
  window.addEventListener('resize', this._throttledToggleSearchCloseAria);
38
41
  }
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/subcomponents/buttons/search_clear.js CHANGED
@@ -34,8 +34,16 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
34
34
  }
35
35
  updated(_changedProperties) {
36
36
  super.updated(_changedProperties);
37
- const newTabIndex = this._shouldShow ? '0' : '-1';
38
- this.setAttribute('tabindex', newTabIndex);
37
+ if (this._shouldShow) {
38
+ this.setAttribute('tabindex', '0');
39
+ this.removeAttribute('aria-hidden');
40
+ this.setAttribute('role', 'button');
41
+ }
42
+ else {
43
+ this.setAttribute('tabindex', '-1');
44
+ this.setAttribute('aria-hidden', 'true');
45
+ this.removeAttribute('role');
46
+ }
39
47
  }
40
48
  async _searchContextSetup() {
41
49
  try {
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,2EAAmF;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search/subcomponents/buttons/search_close.js CHANGED
@@ -17,18 +17,21 @@ let HSearchClose = class HSearchClose extends PhoenixLightLitElement {
17
17
  this._toggleSearchCloseAria();
18
18
  }, DEFAULT_THROTTLE_WAIT_TIME);
19
19
  this._toggleSearchCloseAria = () => {
20
- if (window.innerWidth < BREAKPOINTS.xs) {
20
+ if (window.innerWidth < BREAKPOINTS.sm) {
21
21
  this.setAttribute('tabindex', '0');
22
22
  this.removeAttribute('aria-hidden');
23
+ this.setAttribute('role', 'button');
23
24
  return;
24
25
  }
25
26
  this.setAttribute('tabindex', '-1');
26
27
  this.setAttribute('aria-hidden', 'true');
28
+ this.removeAttribute('role');
27
29
  };
28
30
  this._btnController = new BtnController(this, this._dispatchCloseEvent);
29
31
  }
30
32
  connectedCallback() {
31
33
  super.connectedCallback();
34
+ this._toggleSearchCloseAria();
32
35
  this.addEventListener('click', this._dispatchCloseEvent);
33
36
  window.addEventListener('resize', this._throttledToggleSearchCloseAria);
34
37
  }
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_close.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.15.6-5",
5
+ "version": "1.15.6-7",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",