@shoper/phoenix_design_system 1.14.1 → 1.15.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.
Files changed (14) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +16 -2
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -12
  4. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
  6. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts +1 -1
  8. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +16 -2
  9. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -12
  11. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
  13. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  14. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
7
7
  var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
8
- var btn_controller = require('../../controllers/btn_controller/btn_controller.js');
9
8
  var observer = require('../../core/classes/observer/observer.js');
10
9
  var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
11
10
  var accordion_constants = require('./accordion_constants.js');
@@ -13,10 +12,16 @@ var accordion_constants = require('./accordion_constants.js');
13
12
  exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
14
13
  constructor() {
15
14
  super();
15
+ this._emitTogglerClickedWithKeyboard = (ev) => {
16
+ if (ev.key !== ' ' && ev.key !== 'Enter')
17
+ return;
18
+ if (this.getAttribute('aria-disabled') === 'true')
19
+ return;
20
+ this._emitTogglerClicked();
21
+ };
16
22
  this._emitTogglerClicked = () => {
17
23
  this.emitCustomEvent(accordion_constants.ACCORDION_EVENTS.toggle);
18
24
  };
19
- this._btnController = new btn_controller.BtnController(this, this._emitTogglerClicked);
20
25
  this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
21
26
  }
22
27
  async connectedCallback() {
@@ -25,12 +30,21 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
25
30
  this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
26
31
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
27
32
  this.addEventListener('click', this._emitTogglerClicked);
33
+ this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
28
34
  }
29
35
  _setAttributes({ regionId, opened, controlsId, disabled }) {
30
36
  this.setAttribute('id', regionId);
31
37
  this.setAttribute('aria-expanded', opened ? 'true' : 'false');
32
38
  this.setAttribute('aria-controls', controlsId);
33
39
  this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
40
+ if (disabled) {
41
+ this.removeAttribute('role');
42
+ this.removeAttribute('tabindex');
43
+ }
44
+ else {
45
+ this.setAttribute('role', 'button');
46
+ this.setAttribute('tabindex', '0');
47
+ }
34
48
  }
35
49
  disconnectedCallback() {
36
50
  if (this._accordionGroupProps) {
package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -24,12 +24,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
24
24
  detail: event
25
25
  });
26
26
  };
27
- this._handleMouseDownEvent = (event) => {
28
- var _a, _b;
29
- if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
30
- (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
31
- }
32
- };
27
+ this._handleMouseDownEvent = (event) => { };
33
28
  this._handleMouseUpEvent = (event) => {
34
29
  var _a, _b;
35
30
  if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
@@ -42,12 +37,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
42
37
  (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
43
38
  }
44
39
  };
45
- this._handleFocusEvent = (event) => {
46
- var _a, _b;
47
- if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
48
- (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
49
- }
50
- };
40
+ this._handleFocusEvent = (event) => { };
51
41
  this._handleKeyDownEvent = (event) => {
52
42
  var _a, _b;
53
43
  if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
package/build/cjs/packages/phoenix/src/components/form/input/input_control.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -80,12 +80,18 @@ class InputMaskController {
80
80
  if (ev.target instanceof HTMLInputElement) {
81
81
  const $input = ev.target;
82
82
  const value = $input.value;
83
+ const isBackspacePressed = ev.key === 'Backspace' || ev.keyCode === 8;
84
+ const isDeletePressed = ev.key === 'Delete' || ev.keyCode === 46;
85
+ const isBackspaceOrDeletePressed = isBackspacePressed || isDeletePressed;
86
+ if (value === '' && !isBackspaceOrDeletePressed) {
87
+ this.setInitialMaskWhenEmpty(ev);
88
+ }
83
89
  let currentPosition = this._getCursorPosition();
84
90
  /**
85
91
  *selection more than one character was made
86
92
  */
87
93
  if (currentPosition[0] !== currentPosition[1]) {
88
- if (ev.key === 'Backspace' || ev.key === 'Delete' || ev.keyCode === 8 || ev.keyCode === 46) {
94
+ if (isBackspaceOrDeletePressed) {
89
95
  const startSubstring = value.substring(0, currentPosition[0]);
90
96
  const middleSubstring = value.substring(currentPosition[0], currentPosition[1]);
91
97
  const endSubstring = value.substring(currentPosition[1], value.length);
@@ -111,8 +117,8 @@ class InputMaskController {
111
117
  /**
112
118
  * Added keyCode for older browser compatibility, keyCode 8 == backspace, keyCode 46 === delete
113
119
  */
114
- if (ev.key === 'Backspace' || ev.key === 'Delete' || ev.keyCode === 8 || ev.keyCode === 46) {
115
- if (ev.key === 'Backspace' || ev.keyCode === 8) {
120
+ if (isBackspaceOrDeletePressed) {
121
+ if (isBackspacePressed) {
116
122
  if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0] - 1]) >= 0) {
117
123
  // skip special characters that are part of the mask
118
124
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
@@ -125,7 +131,7 @@ class InputMaskController {
125
131
  this._setCursorPosition(currentPosition);
126
132
  }
127
133
  }
128
- if (ev.key === 'Delete' || ev.keyCode === 46) {
134
+ if (isDeletePressed) {
129
135
  if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0]]) >= 0) {
130
136
  // skip special characters that are part of the mask
131
137
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/accordion/accordion_toggler.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
2
2
  export declare class HAccordionToggler extends PhoenixLightLitElement {
3
- private _btnController;
4
3
  private _contextConsumer;
5
4
  private _accordionGroupProps;
6
5
  private _accordionGroupPropsObserver;
7
6
  constructor();
8
7
  connectedCallback(): Promise<void>;
9
8
  private _setAttributes;
9
+ private _emitTogglerClickedWithKeyboard;
10
10
  private _emitTogglerClicked;
11
11
  disconnectedCallback(): void;
12
12
  }
package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
2
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
3
3
  import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
4
- import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
5
4
  import { Observer } from '../../core/classes/observer/observer.js';
6
5
  import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
7
6
  import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
@@ -9,10 +8,16 @@ import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
9
8
  let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
10
9
  constructor() {
11
10
  super();
11
+ this._emitTogglerClickedWithKeyboard = (ev) => {
12
+ if (ev.key !== ' ' && ev.key !== 'Enter')
13
+ return;
14
+ if (this.getAttribute('aria-disabled') === 'true')
15
+ return;
16
+ this._emitTogglerClicked();
17
+ };
12
18
  this._emitTogglerClicked = () => {
13
19
  this.emitCustomEvent(ACCORDION_EVENTS.toggle);
14
20
  };
15
- this._btnController = new BtnController(this, this._emitTogglerClicked);
16
21
  this._contextConsumer = new ContextConsumerController(this);
17
22
  }
18
23
  async connectedCallback() {
@@ -21,12 +26,21 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
21
26
  this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
22
27
  this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
23
28
  this.addEventListener('click', this._emitTogglerClicked);
29
+ this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
24
30
  }
25
31
  _setAttributes({ regionId, opened, controlsId, disabled }) {
26
32
  this.setAttribute('id', regionId);
27
33
  this.setAttribute('aria-expanded', opened ? 'true' : 'false');
28
34
  this.setAttribute('aria-controls', controlsId);
29
35
  this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
36
+ if (disabled) {
37
+ this.removeAttribute('role');
38
+ this.removeAttribute('tabindex');
39
+ }
40
+ else {
41
+ this.setAttribute('role', 'button');
42
+ this.setAttribute('tabindex', '0');
43
+ }
30
44
  }
31
45
  disconnectedCallback() {
32
46
  if (this._accordionGroupProps) {
package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -20,12 +20,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
20
20
  detail: event
21
21
  });
22
22
  };
23
- this._handleMouseDownEvent = (event) => {
24
- var _a, _b;
25
- if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
26
- (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
27
- }
28
- };
23
+ this._handleMouseDownEvent = (event) => { };
29
24
  this._handleMouseUpEvent = (event) => {
30
25
  var _a, _b;
31
26
  if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
@@ -38,12 +33,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
38
33
  (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
39
34
  }
40
35
  };
41
- this._handleFocusEvent = (event) => {
42
- var _a, _b;
43
- if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
44
- (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
45
- }
46
- };
36
+ this._handleFocusEvent = (event) => { };
47
37
  this._handleKeyDownEvent = (event) => {
48
38
  var _a, _b;
49
39
  if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
package/build/esm/packages/phoenix/src/components/form/input/input_control.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -76,12 +76,18 @@ class InputMaskController {
76
76
  if (ev.target instanceof HTMLInputElement) {
77
77
  const $input = ev.target;
78
78
  const value = $input.value;
79
+ const isBackspacePressed = ev.key === 'Backspace' || ev.keyCode === 8;
80
+ const isDeletePressed = ev.key === 'Delete' || ev.keyCode === 46;
81
+ const isBackspaceOrDeletePressed = isBackspacePressed || isDeletePressed;
82
+ if (value === '' && !isBackspaceOrDeletePressed) {
83
+ this.setInitialMaskWhenEmpty(ev);
84
+ }
79
85
  let currentPosition = this._getCursorPosition();
80
86
  /**
81
87
  *selection more than one character was made
82
88
  */
83
89
  if (currentPosition[0] !== currentPosition[1]) {
84
- if (ev.key === 'Backspace' || ev.key === 'Delete' || ev.keyCode === 8 || ev.keyCode === 46) {
90
+ if (isBackspaceOrDeletePressed) {
85
91
  const startSubstring = value.substring(0, currentPosition[0]);
86
92
  const middleSubstring = value.substring(currentPosition[0], currentPosition[1]);
87
93
  const endSubstring = value.substring(currentPosition[1], value.length);
@@ -107,8 +113,8 @@ class InputMaskController {
107
113
  /**
108
114
  * Added keyCode for older browser compatibility, keyCode 8 == backspace, keyCode 46 === delete
109
115
  */
110
- if (ev.key === 'Backspace' || ev.key === 'Delete' || ev.keyCode === 8 || ev.keyCode === 46) {
111
- if (ev.key === 'Backspace' || ev.keyCode === 8) {
116
+ if (isBackspaceOrDeletePressed) {
117
+ if (isBackspacePressed) {
112
118
  if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0] - 1]) >= 0) {
113
119
  // skip special characters that are part of the mask
114
120
  __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
@@ -121,7 +127,7 @@ class InputMaskController {
121
127
  this._setCursorPosition(currentPosition);
122
128
  }
123
129
  }
124
- if (ev.key === 'Delete' || ev.keyCode === 46) {
130
+ if (isDeletePressed) {
125
131
  if (__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").indexOf(value[currentPosition[0]]) >= 0) {
126
132
  // skip special characters that are part of the mask
127
133
  __classPrivateFieldSet(this, _InputMaskController_keydownValue, $input.value, "f");
package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.14.1",
5
+ "version": "1.15.1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",