@shoper/phoenix_design_system 1.14.1 → 1.15.1-0

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 (29) 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/file_picker/file_picker.js +3 -0
  4. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js +2 -1
  6. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +2 -12
  8. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/form/select/select.js +31 -1
  10. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +2 -2
  12. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
  13. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts +1 -1
  15. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +16 -2
  16. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -0
  18. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  19. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js +2 -1
  20. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +2 -12
  22. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  23. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +3 -0
  24. package/build/esm/packages/phoenix/src/components/form/select/select.js +31 -1
  25. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  26. package/build/esm/packages/phoenix/src/components/messages/base_message.js +2 -2
  27. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +10 -4
  28. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  29. 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/file_picker/file_picker.js CHANGED
@@ -97,6 +97,9 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
97
97
  control-id="${this.controlId}"
98
98
  label-text="${this.labelText}"
99
99
  label-icon-name="${ifDefined_js.ifDefined(this.labelIconName)}"
100
+ aria-required="${this.required ? 'true' : 'false'}"
101
+ validation-container
102
+ tabindex="0"
100
103
  />`
101
104
  : lit.nothing}
102
105
  ${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.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,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/file_picker/file_picker_label.js CHANGED
@@ -14,7 +14,8 @@ var file_picker_constants = require('./file_picker_constants.js');
14
14
  exports.HFilePickerLabel = class HFilePickerLabel extends phoenix_light_lit_element.PhoenixLightLitElement {
15
15
  constructor() {
16
16
  super();
17
- this._dispatchClickEvent = () => {
17
+ this._dispatchClickEvent = (ev) => {
18
+ ev.preventDefault();
18
19
  this.emitCustomEvent(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey);
19
20
  };
20
21
  this._btnController = new btn_controller.BtnController(this, this._dispatchClickEvent);
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.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;"}
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;"}
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/components/form/select/select.js CHANGED
@@ -40,12 +40,14 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
40
40
  this.searchDisabled = false;
41
41
  this.type = select_constants.SELECT_TYPES.select;
42
42
  this.noDeselect = false;
43
+ this.ariaLabelledby = '';
43
44
  this._searchValue = '';
44
45
  this._$options = new Map();
45
46
  this._$dropdown = ref_js.createRef();
46
47
  this._$search = ref_js.createRef();
47
48
  this._$optionsList = ref_js.createRef();
48
49
  this._$dropdownContent = ref_js.createRef();
50
+ this._$dropdownToggler = ref_js.createRef();
49
51
  this._selectContext = new context_provider_controller.ContextProviderController(this);
50
52
  this._updateOptions = () => {
51
53
  const $options = this._getOptions();
@@ -118,8 +120,20 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
118
120
  });
119
121
  };
120
122
  this._handleDropdownHidden = () => {
123
+ var _a;
121
124
  this._searchValue = '';
122
125
  this.opened = false;
126
+ (_a = this._$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', '');
127
+ };
128
+ this._manageSelectFocusAria = (ev) => {
129
+ var _a;
130
+ const $target = ev.target;
131
+ if (!$target)
132
+ return;
133
+ const optionId = $target.id;
134
+ if (optionId) {
135
+ (_a = this._$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', optionId);
136
+ }
123
137
  };
124
138
  this._closeSelect = () => {
125
139
  var _a;
@@ -300,12 +314,24 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
300
314
  content-width="full"
301
315
  prevent-focus-trap
302
316
  >
303
- <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
317
+ <h-dropdown-toggler
318
+ ${ref_js.ref(this._$dropdownToggler)}
319
+ name="${this.controlName}"
320
+ validation-container
321
+ aria-haspopup="listbox"
322
+ role="combobox"
323
+ aria-required="${this.required ? 'true' : 'false'}"
324
+ aria-activedescendant
325
+ aria-labelledby="${this.ariaLabelledby}"
326
+ >
327
+ ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)}
328
+ </h-dropdown-toggler>
304
329
 
305
330
  <h-dropdown-content
306
331
  class="${select_constants.SELECT_CSS_CLASSES.selectContent} ${this.error ? select_constants.SELECT_CSS_CLASSES.selectContentError : ''}"
307
332
  ${ref_js.ref(this._$dropdownContent)}
308
333
  name="${this.controlName}"
334
+ @focusin="${this._manageSelectFocusAria}"
309
335
  >
310
336
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
311
337
 
@@ -412,6 +438,10 @@ tslib_es6.__decorate([
412
438
  decorators_js.property({ type: Boolean, attribute: 'no-deselect' }),
413
439
  tslib_es6.__metadata("design:type", Boolean)
414
440
  ], exports.HSelect.prototype, "noDeselect", void 0);
441
+ tslib_es6.__decorate([
442
+ decorators_js.property({ type: String, attribute: 'aria-labelledby' }),
443
+ tslib_es6.__metadata("design:type", String)
444
+ ], exports.HSelect.prototype, "ariaLabelledby", void 0);
415
445
  tslib_es6.__decorate([
416
446
  decorators.state(),
417
447
  tslib_es6.__metadata("design:type", String)
package/build/cjs/packages/phoenix/src/components/form/select/select.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/messages/base_message.js CHANGED
@@ -22,7 +22,8 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
22
22
  this._setupEventListeners = () => {
23
23
  this.addEventListener('mouseenter', this.open);
24
24
  this.addEventListener('mouseleave', this.close);
25
- this.addEventListener('focus', this.open);
25
+ this.addEventListener('focusin', this.open);
26
+ this.addEventListener('focusout', this.close);
26
27
  };
27
28
  this._positionMessage = () => {
28
29
  requestAnimationFrame(() => {
@@ -116,7 +117,6 @@ class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
116
117
  elementToPosition: this._$messageContent,
117
118
  offset: this.offset
118
119
  });
119
- this.setAttribute('tabindex', '0');
120
120
  this._setupEventListeners();
121
121
  }
122
122
  static _appendMessagePortal() {
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/file_picker/file_picker.js CHANGED
@@ -93,6 +93,9 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
93
93
  control-id="${this.controlId}"
94
94
  label-text="${this.labelText}"
95
95
  label-icon-name="${ifDefined(this.labelIconName)}"
96
+ aria-required="${this.required ? 'true' : 'false'}"
97
+ validation-container
98
+ tabindex="0"
96
99
  />`
97
100
  : nothing}
98
101
  ${((_b = this._file) === null || _b === void 0 ? void 0 : _b.name)
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;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;"}
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js CHANGED
@@ -10,7 +10,8 @@ import { FILE_PICKER_LABEL_EVENT_NAMES, FILE_PICKER_CONTROL_CSS_CLASSES, FILE_PI
10
10
  let HFilePickerLabel = class HFilePickerLabel extends PhoenixLightLitElement {
11
11
  constructor() {
12
12
  super();
13
- this._dispatchClickEvent = () => {
13
+ this._dispatchClickEvent = (ev) => {
14
+ ev.preventDefault();
14
15
  this.emitCustomEvent(FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey);
15
16
  };
16
17
  this._btnController = new BtnController(this, this._dispatchClickEvent);
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.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;"}
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;"}
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/components/form/select/select.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare class HSelect extends PhoenixLightLitElement {
18
18
  required: boolean;
19
19
  optionsList?: TSelectOption[];
20
20
  noDeselect: boolean;
21
+ ariaLabelledby: string;
21
22
  get selectedIndex(): number;
22
23
  set selectedIndex(index: number);
23
24
  get selectedOptions(): (HOption | undefined)[];
@@ -31,6 +32,7 @@ export declare class HSelect extends PhoenixLightLitElement {
31
32
  private _$search;
32
33
  private _$optionsList;
33
34
  private _$dropdownContent;
35
+ private _$dropdownToggler;
34
36
  private _selectContext;
35
37
  private _listBoxController;
36
38
  private _optionsObserver;
@@ -53,6 +55,7 @@ export declare class HSelect extends PhoenixLightLitElement {
53
55
  private _selectOption;
54
56
  private _handleSearch;
55
57
  private _handleDropdownHidden;
58
+ private _manageSelectFocusAria;
56
59
  private _closeSelect;
57
60
  private _clearOptions;
58
61
  private _dispatchChangeEvent;
package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -36,12 +36,14 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
36
36
  this.searchDisabled = false;
37
37
  this.type = SELECT_TYPES.select;
38
38
  this.noDeselect = false;
39
+ this.ariaLabelledby = '';
39
40
  this._searchValue = '';
40
41
  this._$options = new Map();
41
42
  this._$dropdown = createRef();
42
43
  this._$search = createRef();
43
44
  this._$optionsList = createRef();
44
45
  this._$dropdownContent = createRef();
46
+ this._$dropdownToggler = createRef();
45
47
  this._selectContext = new ContextProviderController(this);
46
48
  this._updateOptions = () => {
47
49
  const $options = this._getOptions();
@@ -114,8 +116,20 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
114
116
  });
115
117
  };
116
118
  this._handleDropdownHidden = () => {
119
+ var _a;
117
120
  this._searchValue = '';
118
121
  this.opened = false;
122
+ (_a = this._$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', '');
123
+ };
124
+ this._manageSelectFocusAria = (ev) => {
125
+ var _a;
126
+ const $target = ev.target;
127
+ if (!$target)
128
+ return;
129
+ const optionId = $target.id;
130
+ if (optionId) {
131
+ (_a = this._$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', optionId);
132
+ }
119
133
  };
120
134
  this._closeSelect = () => {
121
135
  var _a;
@@ -296,12 +310,24 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
296
310
  content-width="full"
297
311
  prevent-focus-trap
298
312
  >
299
- <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
313
+ <h-dropdown-toggler
314
+ ${ref(this._$dropdownToggler)}
315
+ name="${this.controlName}"
316
+ validation-container
317
+ aria-haspopup="listbox"
318
+ role="combobox"
319
+ aria-required="${this.required ? 'true' : 'false'}"
320
+ aria-activedescendant
321
+ aria-labelledby="${this.ariaLabelledby}"
322
+ >
323
+ ${this.getSlot(SELECT_SLOT_NAMES.toggler)}
324
+ </h-dropdown-toggler>
300
325
 
301
326
  <h-dropdown-content
302
327
  class="${SELECT_CSS_CLASSES.selectContent} ${this.error ? SELECT_CSS_CLASSES.selectContentError : ''}"
303
328
  ${ref(this._$dropdownContent)}
304
329
  name="${this.controlName}"
330
+ @focusin="${this._manageSelectFocusAria}"
305
331
  >
306
332
  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
307
333
 
@@ -408,6 +434,10 @@ __decorate([
408
434
  property({ type: Boolean, attribute: 'no-deselect' }),
409
435
  __metadata("design:type", Boolean)
410
436
  ], HSelect.prototype, "noDeselect", void 0);
437
+ __decorate([
438
+ property({ type: String, attribute: 'aria-labelledby' }),
439
+ __metadata("design:type", String)
440
+ ], HSelect.prototype, "ariaLabelledby", void 0);
411
441
  __decorate([
412
442
  state(),
413
443
  __metadata("design:type", String)
package/build/esm/packages/phoenix/src/components/form/select/select.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/messages/base_message.js CHANGED
@@ -18,7 +18,8 @@ class BaseMessage extends PhoenixLightLitElement {
18
18
  this._setupEventListeners = () => {
19
19
  this.addEventListener('mouseenter', this.open);
20
20
  this.addEventListener('mouseleave', this.close);
21
- this.addEventListener('focus', this.open);
21
+ this.addEventListener('focusin', this.open);
22
+ this.addEventListener('focusout', this.close);
22
23
  };
23
24
  this._positionMessage = () => {
24
25
  requestAnimationFrame(() => {
@@ -112,7 +113,6 @@ class BaseMessage extends PhoenixLightLitElement {
112
113
  elementToPosition: this._$messageContent,
113
114
  offset: this.offset
114
115
  });
115
- this.setAttribute('tabindex', '0');
116
116
  this._setupEventListeners();
117
117
  }
118
118
  static _appendMessagePortal() {
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-0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",