@shoper/phoenix_design_system 1.11.14-0 → 1.11.14-10

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 (31) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -0
  2. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js +2 -1
  4. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +11 -0
  6. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/form/select/select.js +31 -1
  8. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +2 -2
  10. package/build/cjs/packages/phoenix/src/components/modal/modal.js +3 -10
  11. package/build/cjs/packages/phoenix/src/components/modal/modal.js.map +1 -1
  12. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +13 -7
  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/form/file_picker/file_picker.js +3 -0
  15. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  16. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js +2 -1
  17. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker_label.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +1 -0
  19. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +12 -1
  20. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  21. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +3 -0
  22. package/build/esm/packages/phoenix/src/components/form/select/select.js +31 -1
  23. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  24. package/build/esm/packages/phoenix/src/components/messages/base_message.js +2 -2
  25. package/build/esm/packages/phoenix/src/components/modal/modal.d.ts +1 -1
  26. package/build/esm/packages/phoenix/src/components/modal/modal.js +3 -10
  27. package/build/esm/packages/phoenix/src/components/modal/modal.js.map +1 -1
  28. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.d.ts +1 -1
  29. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +13 -7
  30. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  31. package/package.json +1 -1
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
@@ -18,6 +18,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
18
18
  super();
19
19
  this.type = input_constants.INPUT_CONTROL_TYPES.text;
20
20
  this._inputRef = ref_js.createRef();
21
+ this._maskRef = ref_js.createRef();
21
22
  this._inputMaskController = null;
22
23
  this._handleChangeEvent = (event) => {
23
24
  this.emitCustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
@@ -89,6 +90,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
89
90
  host: this,
90
91
  input: this._inputRef,
91
92
  mask: this.mask,
93
+ maskElement: this._maskRef,
92
94
  pattern: this.pattern,
93
95
  validPattern: this.validPattern
94
96
  });
@@ -110,6 +112,15 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
110
112
  render() {
111
113
  super.render();
112
114
  return lit.html `
115
+ ${this.mask ? lit.html `
116
+ <span
117
+ ${ref_js.ref(this._maskRef)}
118
+ aria-hidden="true"
119
+ id="${ifDefined_js.ifDefined(this.controlId)}-mask"
120
+ >
121
+ ${this.mask}
122
+ </span>
123
+ ` : lit.nothing}
113
124
  <input
114
125
  ${ref_js.ref(this._inputRef)}
115
126
  id="${ifDefined_js.ifDefined(this.controlId)}"
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;"}
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;"}
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;
@@ -301,12 +315,24 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
301
315
  offset=${this.offset}
302
316
  content-width="full"
303
317
  >
304
- <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
318
+ <h-dropdown-toggler
319
+ ${ref_js.ref(this._$dropdownToggler)}
320
+ name="${this.controlName}"
321
+ validation-container
322
+ aria-haspopup="listbox"
323
+ role="combobox"
324
+ aria-required="${this.required ? 'true' : 'false'}"
325
+ aria-activedescendant
326
+ aria-labelledby="${this.ariaLabelledby}"
327
+ >
328
+ ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)}
329
+ </h-dropdown-toggler>
305
330
 
306
331
  <h-dropdown-content
307
332
  class="${select_constants.SELECT_CSS_CLASSES.selectContent} ${this.error ? select_constants.SELECT_CSS_CLASSES.selectContentError : ''}"
308
333
  ${ref_js.ref(this._$dropdownContent)}
309
334
  name=${this.controlName}
335
+ @focusin="${this._manageSelectFocusAria}"
310
336
  >
311
337
  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
312
338
 
@@ -413,6 +439,10 @@ tslib_es6.__decorate([
413
439
  decorators_js.property({ type: Boolean, attribute: 'no-deselect' }),
414
440
  tslib_es6.__metadata("design:type", Boolean)
415
441
  ], exports.HSelect.prototype, "noDeselect", void 0);
442
+ tslib_es6.__decorate([
443
+ decorators_js.property({ type: String, attribute: 'aria-labelledby' }),
444
+ tslib_es6.__metadata("design:type", String)
445
+ ], exports.HSelect.prototype, "ariaLabelledby", void 0);
416
446
  tslib_es6.__decorate([
417
447
  decorators.state(),
418
448
  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;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;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/components/modal/modal.js CHANGED
@@ -152,19 +152,12 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
152
152
  this._propsChangeStrategies[modal_constants.MODAL_OPENED_PROP][String(this[modal_constants.MODAL_OPENED_PROP])]();
153
153
  }
154
154
  }
155
- _handleFocusOnOpen() {
155
+ _setFocusToFirstFocusableElementInModalOrCloseBtn() {
156
156
  requestAnimationFrame(() => {
157
157
  if (this._contentRef.value) {
158
- const $focusPriorityElement = this._contentRef.value.querySelector('[focus-priority]');
159
- if ($focusPriorityElement) {
160
- $focusPriorityElement.focus();
161
- return;
162
- }
163
158
  const focusableElements = utilities.UiDomUtils.getFocusableElements(this._contentRef.value);
164
159
  if (focusableElements.length > 0) {
165
- const $closeBtn = focusableElements[0];
166
- const $firstContentElement = focusableElements[1];
167
- focusableElements.length > 1 ? $firstContentElement.focus() : $closeBtn.focus();
160
+ focusableElements.length > 1 ? focusableElements[1].focus() : focusableElements[0].focus();
168
161
  }
169
162
  }
170
163
  });
@@ -184,7 +177,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
184
177
  setTimeout(() => {
185
178
  var _a;
186
179
  (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
187
- this._handleFocusOnOpen();
180
+ this._setFocusToFirstFocusableElementInModalOrCloseBtn();
188
181
  resolve();
189
182
  }, transitionDuration);
190
183
  });
package/build/cjs/packages/phoenix/src/components/modal/modal.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;"}
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;"}
package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -6,12 +6,13 @@ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  require('lit');
7
7
  require('lit-html/directives/ref.js');
8
8
 
9
- var _InputMaskController_host, _InputMaskController_input, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
9
+ var _InputMaskController_host, _InputMaskController_input, _InputMaskController_maskElement, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
10
10
  const MASK_CHARACTER = '_';
11
11
  class InputMaskController {
12
- constructor({ host, input, mask, pattern, validPattern }) {
12
+ constructor({ host, input, mask, maskElement, pattern, validPattern }) {
13
13
  _InputMaskController_host.set(this, void 0);
14
14
  _InputMaskController_input.set(this, void 0);
15
+ _InputMaskController_maskElement.set(this, void 0);
15
16
  _InputMaskController_mask.set(this, void 0);
16
17
  _InputMaskController_pattern.set(this, void 0);
17
18
  _InputMaskController_validPattern.set(this, void 0);
@@ -55,7 +56,7 @@ class InputMaskController {
55
56
  if (ev.target instanceof HTMLInputElement) {
56
57
  const $input = ev.target;
57
58
  if (!$input.value) {
58
- $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f");
59
+ // $input.value = this.#mask;
59
60
  this._setCursorPosition();
60
61
  }
61
62
  }
@@ -71,9 +72,9 @@ class InputMaskController {
71
72
  this.setEmptyValueForNoValue = (ev) => {
72
73
  if (ev.target instanceof HTMLInputElement) {
73
74
  const $input = ev.target;
74
- if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
75
- $input.value = '';
76
- }
75
+ // if ($input.value === this.#mask) {
76
+ // $input.value = '';
77
+ // }
77
78
  }
78
79
  };
79
80
  this.onKeyDown = (ev) => {
@@ -92,6 +93,7 @@ class InputMaskController {
92
93
  const deleteRegexp = new RegExp('[^' + tslib_es6.__classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").join('') + ']', 'g');
93
94
  const newValue = startSubstring + middleSubstring.replace(deleteRegexp, MASK_CHARACTER) + endSubstring;
94
95
  $input.value = newValue;
96
+ tslib_es6.__classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = newValue + tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(value.length);
95
97
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, newValue, "f");
96
98
  if (ev.key === 'Backspace' || ev.keyCode === 8) {
97
99
  this._setCursorPosition(currentPosition[0] + 2);
@@ -171,6 +173,7 @@ class InputMaskController {
171
173
  if (!this._isValidPattern(value)) {
172
174
  const currentPosition = this._getCursorPosition();
173
175
  $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_keydownValue, "f");
176
+ tslib_es6.__classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_keydownValue, "f") + tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(tslib_es6.__classPrivateFieldGet(this, _InputMaskController_keydownValue, "f").length);
174
177
  if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isLastPosition, "f") || tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isFirstPosition, "f")) {
175
178
  this._setCursorPosition(currentPosition[0]);
176
179
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isLastPosition, false, "f");
@@ -218,6 +221,7 @@ class InputMaskController {
218
221
  return true;
219
222
  }
220
223
  if (!value) {
224
+ tslib_es6.__classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f");
221
225
  $input.value = tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f");
222
226
  this._setCursorPosition();
223
227
  }
@@ -248,6 +252,7 @@ class InputMaskController {
248
252
  }
249
253
  }
250
254
  if (this._isValidPattern(newValue)) {
255
+ tslib_es6.__classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = newValue + tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(newValue.length);
251
256
  ev.target.value = newValue;
252
257
  this._setCursorPosition($input.value.indexOf(MASK_CHARACTER));
253
258
  }
@@ -256,6 +261,7 @@ class InputMaskController {
256
261
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_host, host, "f");
257
262
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_input, input, "f");
258
263
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_mask, mask, "f");
264
+ tslib_es6.__classPrivateFieldSet(this, _InputMaskController_maskElement, maskElement, "f");
259
265
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_pattern, pattern, "f");
260
266
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_validPattern, validPattern, "f");
261
267
  if (pattern) {
@@ -338,7 +344,7 @@ class InputMaskController {
338
344
  return true;
339
345
  }
340
346
  }
341
- _InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
347
+ _InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_maskElement = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
342
348
 
343
349
  exports.InputMaskController = InputMaskController;
344
350
  //# sourceMappingURL=input_mask_controller.js.map
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/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.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare class HInputControl extends PhoenixLightLitElement {
15
15
  pattern: string;
16
16
  validPattern: string;
17
17
  private _inputRef;
18
+ private _maskRef;
18
19
  private _inputMaskController;
19
20
  constructor();
20
21
  connectedCallback(): void;
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
2
- import { html } from 'lit';
2
+ import { html, nothing } from 'lit';
3
3
  import { property } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
@@ -14,6 +14,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
14
14
  super();
15
15
  this.type = INPUT_CONTROL_TYPES.text;
16
16
  this._inputRef = createRef();
17
+ this._maskRef = createRef();
17
18
  this._inputMaskController = null;
18
19
  this._handleChangeEvent = (event) => {
19
20
  this.emitCustomEvent(INPUT_CONTROL_EVENTS.change, {
@@ -85,6 +86,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
85
86
  host: this,
86
87
  input: this._inputRef,
87
88
  mask: this.mask,
89
+ maskElement: this._maskRef,
88
90
  pattern: this.pattern,
89
91
  validPattern: this.validPattern
90
92
  });
@@ -106,6 +108,15 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
106
108
  render() {
107
109
  super.render();
108
110
  return html `
111
+ ${this.mask ? html `
112
+ <span
113
+ ${ref(this._maskRef)}
114
+ aria-hidden="true"
115
+ id="${ifDefined(this.controlId)}-mask"
116
+ >
117
+ ${this.mask}
118
+ </span>
119
+ ` : nothing}
109
120
  <input
110
121
  ${ref(this._inputRef)}
111
122
  id="${ifDefined(this.controlId)}"
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;"}
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;"}
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;
@@ -297,12 +311,24 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
297
311
  offset=${this.offset}
298
312
  content-width="full"
299
313
  >
300
- <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.toggler)} </h-dropdown-toggler>
314
+ <h-dropdown-toggler
315
+ ${ref(this._$dropdownToggler)}
316
+ name="${this.controlName}"
317
+ validation-container
318
+ aria-haspopup="listbox"
319
+ role="combobox"
320
+ aria-required="${this.required ? 'true' : 'false'}"
321
+ aria-activedescendant
322
+ aria-labelledby="${this.ariaLabelledby}"
323
+ >
324
+ ${this.getSlot(SELECT_SLOT_NAMES.toggler)}
325
+ </h-dropdown-toggler>
301
326
 
302
327
  <h-dropdown-content
303
328
  class="${SELECT_CSS_CLASSES.selectContent} ${this.error ? SELECT_CSS_CLASSES.selectContentError : ''}"
304
329
  ${ref(this._$dropdownContent)}
305
330
  name=${this.controlName}
331
+ @focusin="${this._manageSelectFocusAria}"
306
332
  >
307
333
  <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
308
334
 
@@ -409,6 +435,10 @@ __decorate([
409
435
  property({ type: Boolean, attribute: 'no-deselect' }),
410
436
  __metadata("design:type", Boolean)
411
437
  ], HSelect.prototype, "noDeselect", void 0);
438
+ __decorate([
439
+ property({ type: String, attribute: 'aria-labelledby' }),
440
+ __metadata("design:type", String)
441
+ ], HSelect.prototype, "ariaLabelledby", void 0);
412
442
  __decorate([
413
443
  state(),
414
444
  __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;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;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/components/modal/modal.d.ts CHANGED
@@ -23,7 +23,7 @@ export declare class HModal extends PhoenixLightLitElement {
23
23
  disconnectedCallback(): void;
24
24
  firstUpdated(props: PropertyValues): void;
25
25
  updated(changedProps: Map<string, any>): void;
26
- private _handleFocusOnOpen;
26
+ private _setFocusToFirstFocusableElementInModalOrCloseBtn;
27
27
  private _keepFocusWithinModal;
28
28
  private _handleCloseFromCloseComponent;
29
29
  private _bindCloseOnEsc;
package/build/esm/packages/phoenix/src/components/modal/modal.js CHANGED
@@ -148,19 +148,12 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
148
148
  this._propsChangeStrategies[MODAL_OPENED_PROP][String(this[MODAL_OPENED_PROP])]();
149
149
  }
150
150
  }
151
- _handleFocusOnOpen() {
151
+ _setFocusToFirstFocusableElementInModalOrCloseBtn() {
152
152
  requestAnimationFrame(() => {
153
153
  if (this._contentRef.value) {
154
- const $focusPriorityElement = this._contentRef.value.querySelector('[focus-priority]');
155
- if ($focusPriorityElement) {
156
- $focusPriorityElement.focus();
157
- return;
158
- }
159
154
  const focusableElements = UiDomUtils.getFocusableElements(this._contentRef.value);
160
155
  if (focusableElements.length > 0) {
161
- const $closeBtn = focusableElements[0];
162
- const $firstContentElement = focusableElements[1];
163
- focusableElements.length > 1 ? $firstContentElement.focus() : $closeBtn.focus();
156
+ focusableElements.length > 1 ? focusableElements[1].focus() : focusableElements[0].focus();
164
157
  }
165
158
  }
166
159
  });
@@ -180,7 +173,7 @@ let HModal = HModal_1 = class HModal extends PhoenixLightLitElement {
180
173
  setTimeout(() => {
181
174
  var _a;
182
175
  (_a = this._contentRef.value) === null || _a === void 0 ? void 0 : _a.classList.remove(`modal_show-${this.transition}-start`, `modal_show-${this.transition}-end`);
183
- this._handleFocusOnOpen();
176
+ this._setFocusToFirstFocusableElementInModalOrCloseBtn();
184
177
  resolve();
185
178
  }, transitionDuration);
186
179
  });
package/build/esm/packages/phoenix/src/components/modal/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ReactiveController } from 'lit';
2
2
  export declare class InputMaskController implements ReactiveController {
3
3
  #private;
4
4
  isEnabled: boolean;
5
- constructor({ host, input, mask, pattern, validPattern }: any);
5
+ constructor({ host, input, mask, maskElement, pattern, validPattern }: any);
6
6
  hostConnected(): void;
7
7
  hostDisconnected(): void;
8
8
  enable: () => void;
package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -2,12 +2,13 @@ import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../e
2
2
  import 'lit';
3
3
  import 'lit-html/directives/ref.js';
4
4
 
5
- var _InputMaskController_host, _InputMaskController_input, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
5
+ var _InputMaskController_host, _InputMaskController_input, _InputMaskController_maskElement, _InputMaskController_mask, _InputMaskController_pattern, _InputMaskController_validPattern, _InputMaskController_skipCharacters, _InputMaskController_skipKeys, _InputMaskController_patternRegexp, _InputMaskController_patternCheck, _InputMaskController_keydownValue, _InputMaskController_isFirstPosition, _InputMaskController_isLastPosition;
6
6
  const MASK_CHARACTER = '_';
7
7
  class InputMaskController {
8
- constructor({ host, input, mask, pattern, validPattern }) {
8
+ constructor({ host, input, mask, maskElement, pattern, validPattern }) {
9
9
  _InputMaskController_host.set(this, void 0);
10
10
  _InputMaskController_input.set(this, void 0);
11
+ _InputMaskController_maskElement.set(this, void 0);
11
12
  _InputMaskController_mask.set(this, void 0);
12
13
  _InputMaskController_pattern.set(this, void 0);
13
14
  _InputMaskController_validPattern.set(this, void 0);
@@ -51,7 +52,7 @@ class InputMaskController {
51
52
  if (ev.target instanceof HTMLInputElement) {
52
53
  const $input = ev.target;
53
54
  if (!$input.value) {
54
- $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
55
+ // $input.value = this.#mask;
55
56
  this._setCursorPosition();
56
57
  }
57
58
  }
@@ -67,9 +68,9 @@ class InputMaskController {
67
68
  this.setEmptyValueForNoValue = (ev) => {
68
69
  if (ev.target instanceof HTMLInputElement) {
69
70
  const $input = ev.target;
70
- if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
71
- $input.value = '';
72
- }
71
+ // if ($input.value === this.#mask) {
72
+ // $input.value = '';
73
+ // }
73
74
  }
74
75
  };
75
76
  this.onKeyDown = (ev) => {
@@ -88,6 +89,7 @@ class InputMaskController {
88
89
  const deleteRegexp = new RegExp('[^' + __classPrivateFieldGet(this, _InputMaskController_skipCharacters, "f").join('') + ']', 'g');
89
90
  const newValue = startSubstring + middleSubstring.replace(deleteRegexp, MASK_CHARACTER) + endSubstring;
90
91
  $input.value = newValue;
92
+ __classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = newValue + __classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(value.length);
91
93
  __classPrivateFieldSet(this, _InputMaskController_keydownValue, newValue, "f");
92
94
  if (ev.key === 'Backspace' || ev.keyCode === 8) {
93
95
  this._setCursorPosition(currentPosition[0] + 2);
@@ -167,6 +169,7 @@ class InputMaskController {
167
169
  if (!this._isValidPattern(value)) {
168
170
  const currentPosition = this._getCursorPosition();
169
171
  $input.value = __classPrivateFieldGet(this, _InputMaskController_keydownValue, "f");
172
+ __classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = __classPrivateFieldGet(this, _InputMaskController_keydownValue, "f") + __classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(__classPrivateFieldGet(this, _InputMaskController_keydownValue, "f").length);
170
173
  if (__classPrivateFieldGet(this, _InputMaskController_isLastPosition, "f") || __classPrivateFieldGet(this, _InputMaskController_isFirstPosition, "f")) {
171
174
  this._setCursorPosition(currentPosition[0]);
172
175
  __classPrivateFieldSet(this, _InputMaskController_isLastPosition, false, "f");
@@ -214,6 +217,7 @@ class InputMaskController {
214
217
  return true;
215
218
  }
216
219
  if (!value) {
220
+ __classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
217
221
  $input.value = __classPrivateFieldGet(this, _InputMaskController_mask, "f");
218
222
  this._setCursorPosition();
219
223
  }
@@ -244,6 +248,7 @@ class InputMaskController {
244
248
  }
245
249
  }
246
250
  if (this._isValidPattern(newValue)) {
251
+ __classPrivateFieldGet(this, _InputMaskController_maskElement, "f").value.innerText = newValue + __classPrivateFieldGet(this, _InputMaskController_mask, "f").substring(newValue.length);
247
252
  ev.target.value = newValue;
248
253
  this._setCursorPosition($input.value.indexOf(MASK_CHARACTER));
249
254
  }
@@ -252,6 +257,7 @@ class InputMaskController {
252
257
  __classPrivateFieldSet(this, _InputMaskController_host, host, "f");
253
258
  __classPrivateFieldSet(this, _InputMaskController_input, input, "f");
254
259
  __classPrivateFieldSet(this, _InputMaskController_mask, mask, "f");
260
+ __classPrivateFieldSet(this, _InputMaskController_maskElement, maskElement, "f");
255
261
  __classPrivateFieldSet(this, _InputMaskController_pattern, pattern, "f");
256
262
  __classPrivateFieldSet(this, _InputMaskController_validPattern, validPattern, "f");
257
263
  if (pattern) {
@@ -334,7 +340,7 @@ class InputMaskController {
334
340
  return true;
335
341
  }
336
342
  }
337
- _InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
343
+ _InputMaskController_host = new WeakMap(), _InputMaskController_input = new WeakMap(), _InputMaskController_maskElement = new WeakMap(), _InputMaskController_mask = new WeakMap(), _InputMaskController_pattern = new WeakMap(), _InputMaskController_validPattern = new WeakMap(), _InputMaskController_skipCharacters = new WeakMap(), _InputMaskController_skipKeys = new WeakMap(), _InputMaskController_patternRegexp = new WeakMap(), _InputMaskController_patternCheck = new WeakMap(), _InputMaskController_keydownValue = new WeakMap(), _InputMaskController_isFirstPosition = new WeakMap(), _InputMaskController_isLastPosition = new WeakMap();
338
344
 
339
345
  export { InputMaskController };
340
346
  //# sourceMappingURL=input_mask_controller.js.map
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.11.14-0",
5
+ "version": "1.11.14-10",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",