@shoper/phoenix_design_system 1.6.1 → 1.6.3

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 (25) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js +2 -1
  2. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +62 -2
  4. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +14 -35
  6. package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +12 -3
  8. package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/index.js +2 -0
  10. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/input/input_constants.d.ts +1 -0
  12. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js +2 -1
  13. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  14. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +7 -0
  15. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +62 -2
  16. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  17. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.d.ts +8 -7
  18. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +14 -35
  19. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  20. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +12 -3
  21. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
  22. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  23. package/build/esm/packages/phoenix/src/index.js +1 -0
  24. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  25. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js CHANGED
@@ -33,7 +33,8 @@ const INPUT_CONTROL_CSS_CLASSES = {
33
33
  };
34
34
  const INPUT_CONTROL_EVENTS = {
35
35
  change: 'change',
36
- input: 'input'
36
+ input: 'input',
37
+ keyup: 'keyup'
37
38
  };
38
39
  const INPUT_PROPS_TO_SYNC = {
39
40
  placeholder: 'placeholder'
package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,18 +18,69 @@ 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.createRef();
21
+ this._inputMaskController = null;
21
22
  this._handleChangeEvent = (event) => {
22
23
  this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
23
24
  detail: event,
24
25
  bubbles: true
25
26
  }));
26
27
  };
28
+ this._handleMouseDownEvent = (event) => {
29
+ var _a, _b;
30
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
31
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
32
+ }
33
+ };
34
+ this._handleMouseUpEvent = (event) => {
35
+ var _a, _b;
36
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
37
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setCursorOnStartWhenEmpty(event);
38
+ }
39
+ };
40
+ this._handleBlurEvent = (event) => {
41
+ var _a, _b;
42
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
43
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
44
+ }
45
+ };
46
+ this._handleFocusEvent = (event) => {
47
+ var _a, _b;
48
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
49
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
50
+ }
51
+ };
52
+ this._handleKeyDownEvent = (event) => {
53
+ var _a, _b;
54
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
55
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyDown(event);
56
+ }
57
+ };
27
58
  this._handleInputEvent = (event) => {
59
+ var _a, _b;
60
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
61
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onInput(event);
62
+ }
28
63
  this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.input, {
29
64
  detail: event,
30
65
  bubbles: true
31
66
  }));
32
67
  };
68
+ this._handlePasteEvent = (event) => {
69
+ var _a, _b;
70
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
71
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onPaste(event);
72
+ }
73
+ };
74
+ this._handleKeyUpEvent = (event) => {
75
+ var _a, _b;
76
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
77
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyUp(event);
78
+ }
79
+ this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.keyup, {
80
+ detail: event,
81
+ bubbles: true
82
+ }));
83
+ };
33
84
  new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
34
85
  host: this
35
86
  });
@@ -52,10 +103,12 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
52
103
  this.mask ? this.enableMask() : this.disableMask();
53
104
  }
54
105
  enableMask() {
55
- this._inputMaskController.enable();
106
+ if (this._inputMaskController)
107
+ this._inputMaskController.enable();
56
108
  }
57
109
  disableMask() {
58
- this._inputMaskController.disable();
110
+ if (this._inputMaskController)
111
+ this._inputMaskController.disable();
59
112
  }
60
113
  render() {
61
114
  super.render();
@@ -71,8 +124,15 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
71
124
  ?required="${this.required}"
72
125
  ?readonly="${this.readonly}"
73
126
  ?hidden="${this.hidden}"
127
+ @mousedown="${this._handleMouseDownEvent}"
128
+ @mouseup="${this._handleMouseUpEvent}"
129
+ @blur="${this._handleBlurEvent}"
130
+ @focus="${this._handleFocusEvent}"
131
+ @keydown="${this._handleKeyDownEvent}"
132
+ @paste="${this._handlePasteEvent}"
74
133
  @change="${this._handleChangeEvent}"
75
134
  @input="${this._handleInputEvent}"
135
+ @keyup="${this._handleKeyUpEvent}"
76
136
  />
77
137
  `;
78
138
  }
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;"}
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;"}
package/build/cjs/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  require('lit');
7
7
  require('lit/directives/ref');
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, _InputMaskController_isEnabled;
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;
10
10
  const MASK_CHARACTER = '_';
11
11
  class InputMaskController {
12
12
  constructor({ host, input, mask, pattern, validPattern }) {
@@ -37,41 +37,20 @@ class InputMaskController {
37
37
  _InputMaskController_keydownValue.set(this, '');
38
38
  _InputMaskController_isFirstPosition.set(this, false);
39
39
  _InputMaskController_isLastPosition.set(this, false);
40
- _InputMaskController_isEnabled.set(this, false);
40
+ this.isEnabled = false;
41
41
  this.enable = () => {
42
- if (!tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
42
+ if (!this.isEnabled) {
43
43
  const $input = this._getInput();
44
- $input.setAttribute('autocomplete', 'off');
45
- $input.addEventListener('mousedown', this._setInitialMaskWhenEmpty);
46
- $input.addEventListener('mouseup', this._setCursorOnStartWhenEmpty);
47
- $input.addEventListener('blur', this._setEmptyValueForNoValue);
48
- $input.addEventListener('focus', this._setInitialMaskWhenEmpty);
49
- $input.addEventListener('keydown', this._onKeyDown);
50
- $input.addEventListener('input', this._onInput);
51
- $input.addEventListener('keyup', this._onKeyUp);
52
- $input.addEventListener('paste', this._onPaste);
53
- $input.addEventListener('change', () => { });
54
44
  $input.value = '';
55
- tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isEnabled, true, "f");
45
+ this.isEnabled = true;
56
46
  }
57
47
  };
58
48
  this.disable = () => {
59
- if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
60
- const $input = this._getInput();
61
- $input.setAttribute('autocomplete', 'on');
62
- $input.removeEventListener('mousedown', this._setInitialMaskWhenEmpty);
63
- $input.removeEventListener('mouseup', this._setCursorOnStartWhenEmpty);
64
- $input.removeEventListener('blur', this._setEmptyValueForNoValue);
65
- $input.removeEventListener('focus', this._setInitialMaskWhenEmpty);
66
- $input.removeEventListener('keydown', this._onKeyDown);
67
- $input.removeEventListener('input', this._onInput);
68
- $input.removeEventListener('keyup', this._onKeyUp);
69
- $input.removeEventListener('paste', this._onPaste);
70
- $input.removeEventListener('change', () => { });
71
- tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isEnabled, false, "f");
49
+ if (this.isEnabled) {
50
+ this.isEnabled = false;
72
51
  }
73
52
  };
74
- this._setInitialMaskWhenEmpty = (ev) => {
53
+ this.setInitialMaskWhenEmpty = (ev) => {
75
54
  if (ev.target instanceof HTMLInputElement) {
76
55
  const $input = ev.target;
77
56
  if (!$input.value) {
@@ -80,7 +59,7 @@ class InputMaskController {
80
59
  }
81
60
  }
82
61
  };
83
- this._setCursorOnStartWhenEmpty = (ev) => {
62
+ this.setCursorOnStartWhenEmpty = (ev) => {
84
63
  if (ev.target instanceof HTMLInputElement) {
85
64
  const $input = ev.target;
86
65
  if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -88,7 +67,7 @@ class InputMaskController {
88
67
  }
89
68
  }
90
69
  };
91
- this._setEmptyValueForNoValue = (ev) => {
70
+ this.setEmptyValueForNoValue = (ev) => {
92
71
  if (ev.target instanceof HTMLInputElement) {
93
72
  const $input = ev.target;
94
73
  if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -96,7 +75,7 @@ class InputMaskController {
96
75
  }
97
76
  }
98
77
  };
99
- this._onKeyDown = (ev) => {
78
+ this.onKeyDown = (ev) => {
100
79
  if (ev.target instanceof HTMLInputElement) {
101
80
  const $input = ev.target;
102
81
  const value = $input.value;
@@ -177,7 +156,7 @@ class InputMaskController {
177
156
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
178
157
  }
179
158
  };
180
- this._onInput = (ev) => {
159
+ this.onInput = (ev) => {
181
160
  if (ev.target instanceof HTMLInputElement) {
182
161
  const $input = ev.target;
183
162
  const value = $input.value;
@@ -210,7 +189,7 @@ class InputMaskController {
210
189
  }
211
190
  }
212
191
  };
213
- this._onKeyUp = (ev) => {
192
+ this.onKeyUp = (ev) => {
214
193
  if (ev.target instanceof HTMLInputElement) {
215
194
  const $input = ev.target;
216
195
  const value = $input.value;
@@ -243,7 +222,7 @@ class InputMaskController {
243
222
  }
244
223
  }
245
224
  };
246
- this._onPaste = (ev) => {
225
+ this.onPaste = (ev) => {
247
226
  var _a;
248
227
  if (ev.target instanceof HTMLInputElement) {
249
228
  const $input = ev.target;
@@ -358,7 +337,7 @@ class InputMaskController {
358
337
  return true;
359
338
  }
360
339
  }
361
- _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(), _InputMaskController_isEnabled = new WeakMap();
340
+ _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();
362
341
 
363
342
  exports.InputMaskController = InputMaskController;
364
343
  //# 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;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;"}
package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js CHANGED
@@ -67,9 +67,18 @@ class KeystrokesController {
67
67
  };
68
68
  // do ogrania jeszcze string czyli zapięcie się na jeden guzik
69
69
  this._removeKey = (ev) => {
70
- const key = ev.key.toLowerCase();
71
- if (this._buffer.includes(key))
72
- this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
70
+ let key = '';
71
+ if (ev instanceof KeyboardEvent) {
72
+ key = ev.key;
73
+ }
74
+ else {
75
+ key = ev.detail.key;
76
+ }
77
+ if (key) {
78
+ key = key.toLowerCase();
79
+ if (this._buffer.includes(key))
80
+ this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
81
+ }
73
82
  };
74
83
  tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
75
84
  tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_target, target, "f");
package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_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;"}
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;"}
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -42,6 +42,7 @@ var control_element = require('./components/form/control/control_element.js');
42
42
  var control_label = require('./components/form/control/control_label.js');
43
43
  var control_additional_content = require('./components/form/control/control_additional_content.js');
44
44
  var input = require('./components/form/input/input.js');
45
+ var input_mask_controller = require('./controllers/input_mask_controller/input_mask_controller.js');
45
46
  var input_control = require('./components/form/input/input_control.js');
46
47
  var input_icon = require('./components/form/input/input_icon.js');
47
48
  var input_unit = require('./components/form/input/input_unit.js');
@@ -294,6 +295,7 @@ Object.defineProperty(exports, 'HInput', {
294
295
  return input.HInput;
295
296
  }
296
297
  });
298
+ exports.InputMaskController = input_mask_controller.InputMaskController;
297
299
  Object.defineProperty(exports, 'HInputControl', {
298
300
  enumerable: true,
299
301
  get: function () {
package/build/cjs/packages/phoenix/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_constants.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare const INPUT_CONTROL_CSS_CLASSES: {
29
29
  export declare const INPUT_CONTROL_EVENTS: {
30
30
  readonly change: "change";
31
31
  readonly input: "input";
32
+ readonly keyup: "keyup";
32
33
  };
33
34
  export declare const INPUT_PROPS_TO_SYNC: {
34
35
  readonly placeholder: "placeholder";
package/build/esm/packages/phoenix/src/components/form/input/input_constants.js CHANGED
@@ -29,7 +29,8 @@ const INPUT_CONTROL_CSS_CLASSES = {
29
29
  };
30
30
  const INPUT_CONTROL_EVENTS = {
31
31
  change: 'change',
32
- input: 'input'
32
+ input: 'input',
33
+ keyup: 'keyup'
33
34
  };
34
35
  const INPUT_PROPS_TO_SYNC = {
35
36
  placeholder: 'placeholder'
package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
@@ -23,5 +23,12 @@ export declare class HInputControl extends PhoenixLightLitElement {
23
23
  disableMask(): void;
24
24
  protected render(): TemplateResult;
25
25
  private _handleChangeEvent;
26
+ private _handleMouseDownEvent;
27
+ private _handleMouseUpEvent;
28
+ private _handleBlurEvent;
29
+ private _handleFocusEvent;
30
+ private _handleKeyDownEvent;
26
31
  private _handleInputEvent;
32
+ private _handlePasteEvent;
33
+ private _handleKeyUpEvent;
27
34
  }
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -14,18 +14,69 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
14
14
  super();
15
15
  this.type = INPUT_CONTROL_TYPES.text;
16
16
  this._inputRef = createRef();
17
+ this._inputMaskController = null;
17
18
  this._handleChangeEvent = (event) => {
18
19
  this.dispatchEvent(new CustomEvent(INPUT_CONTROL_EVENTS.change, {
19
20
  detail: event,
20
21
  bubbles: true
21
22
  }));
22
23
  };
24
+ this._handleMouseDownEvent = (event) => {
25
+ var _a, _b;
26
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
27
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
28
+ }
29
+ };
30
+ this._handleMouseUpEvent = (event) => {
31
+ var _a, _b;
32
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
33
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setCursorOnStartWhenEmpty(event);
34
+ }
35
+ };
36
+ this._handleBlurEvent = (event) => {
37
+ var _a, _b;
38
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
39
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setEmptyValueForNoValue(event);
40
+ }
41
+ };
42
+ this._handleFocusEvent = (event) => {
43
+ var _a, _b;
44
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
45
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.setInitialMaskWhenEmpty(event);
46
+ }
47
+ };
48
+ this._handleKeyDownEvent = (event) => {
49
+ var _a, _b;
50
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
51
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyDown(event);
52
+ }
53
+ };
23
54
  this._handleInputEvent = (event) => {
55
+ var _a, _b;
56
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
57
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onInput(event);
58
+ }
24
59
  this.dispatchEvent(new CustomEvent(INPUT_CONTROL_EVENTS.input, {
25
60
  detail: event,
26
61
  bubbles: true
27
62
  }));
28
63
  };
64
+ this._handlePasteEvent = (event) => {
65
+ var _a, _b;
66
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
67
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onPaste(event);
68
+ }
69
+ };
70
+ this._handleKeyUpEvent = (event) => {
71
+ var _a, _b;
72
+ if ((_a = this._inputMaskController) === null || _a === void 0 ? void 0 : _a.isEnabled) {
73
+ (_b = this._inputMaskController) === null || _b === void 0 ? void 0 : _b.onKeyUp(event);
74
+ }
75
+ this.dispatchEvent(new CustomEvent(INPUT_CONTROL_EVENTS.keyup, {
76
+ detail: event,
77
+ bubbles: true
78
+ }));
79
+ };
29
80
  new ControlPropsSyncConsumerController({
30
81
  host: this
31
82
  });
@@ -48,10 +99,12 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
48
99
  this.mask ? this.enableMask() : this.disableMask();
49
100
  }
50
101
  enableMask() {
51
- this._inputMaskController.enable();
102
+ if (this._inputMaskController)
103
+ this._inputMaskController.enable();
52
104
  }
53
105
  disableMask() {
54
- this._inputMaskController.disable();
106
+ if (this._inputMaskController)
107
+ this._inputMaskController.disable();
55
108
  }
56
109
  render() {
57
110
  super.render();
@@ -67,8 +120,15 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
67
120
  ?required="${this.required}"
68
121
  ?readonly="${this.readonly}"
69
122
  ?hidden="${this.hidden}"
123
+ @mousedown="${this._handleMouseDownEvent}"
124
+ @mouseup="${this._handleMouseUpEvent}"
125
+ @blur="${this._handleBlurEvent}"
126
+ @focus="${this._handleFocusEvent}"
127
+ @keydown="${this._handleKeyDownEvent}"
128
+ @paste="${this._handlePasteEvent}"
70
129
  @change="${this._handleChangeEvent}"
71
130
  @input="${this._handleInputEvent}"
131
+ @keyup="${this._handleKeyUpEvent}"
72
132
  />
73
133
  `;
74
134
  }
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;"}
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;"}
package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactiveController } from 'lit';
2
2
  export declare class InputMaskController implements ReactiveController {
3
3
  #private;
4
+ isEnabled: boolean;
4
5
  constructor({ host, input, mask, pattern, validPattern }: any);
5
6
  hostConnected(): void;
6
7
  hostDisconnected(): void;
@@ -9,13 +10,13 @@ export declare class InputMaskController implements ReactiveController {
9
10
  private _setCursorPosition;
10
11
  private _getCursorPosition;
11
12
  private _uniqueArr;
12
- private _setInitialMaskWhenEmpty;
13
- private _setCursorOnStartWhenEmpty;
14
- private _setEmptyValueForNoValue;
15
- private _onKeyDown;
16
- private _onInput;
17
- private _onKeyUp;
18
- private _onPaste;
13
+ setInitialMaskWhenEmpty: (ev: Event) => void;
14
+ setCursorOnStartWhenEmpty: (ev: Event) => void;
15
+ setEmptyValueForNoValue: (ev: Event) => void;
16
+ onKeyDown: (ev: KeyboardEvent) => boolean | void;
17
+ onInput: (ev: Event) => boolean | void;
18
+ onKeyUp: (ev: KeyboardEvent) => boolean | void;
19
+ onPaste: (ev: ClipboardEvent) => boolean | void;
19
20
  private _getInput;
20
21
  private _areKeysCombined;
21
22
  private _insertCharAt;
package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js CHANGED
@@ -2,7 +2,7 @@ import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../e
2
2
  import 'lit';
3
3
  import 'lit/directives/ref';
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, _InputMaskController_isEnabled;
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;
6
6
  const MASK_CHARACTER = '_';
7
7
  class InputMaskController {
8
8
  constructor({ host, input, mask, pattern, validPattern }) {
@@ -33,41 +33,20 @@ class InputMaskController {
33
33
  _InputMaskController_keydownValue.set(this, '');
34
34
  _InputMaskController_isFirstPosition.set(this, false);
35
35
  _InputMaskController_isLastPosition.set(this, false);
36
- _InputMaskController_isEnabled.set(this, false);
36
+ this.isEnabled = false;
37
37
  this.enable = () => {
38
- if (!__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
38
+ if (!this.isEnabled) {
39
39
  const $input = this._getInput();
40
- $input.setAttribute('autocomplete', 'off');
41
- $input.addEventListener('mousedown', this._setInitialMaskWhenEmpty);
42
- $input.addEventListener('mouseup', this._setCursorOnStartWhenEmpty);
43
- $input.addEventListener('blur', this._setEmptyValueForNoValue);
44
- $input.addEventListener('focus', this._setInitialMaskWhenEmpty);
45
- $input.addEventListener('keydown', this._onKeyDown);
46
- $input.addEventListener('input', this._onInput);
47
- $input.addEventListener('keyup', this._onKeyUp);
48
- $input.addEventListener('paste', this._onPaste);
49
- $input.addEventListener('change', () => { });
50
40
  $input.value = '';
51
- __classPrivateFieldSet(this, _InputMaskController_isEnabled, true, "f");
41
+ this.isEnabled = true;
52
42
  }
53
43
  };
54
44
  this.disable = () => {
55
- if (__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
56
- const $input = this._getInput();
57
- $input.setAttribute('autocomplete', 'on');
58
- $input.removeEventListener('mousedown', this._setInitialMaskWhenEmpty);
59
- $input.removeEventListener('mouseup', this._setCursorOnStartWhenEmpty);
60
- $input.removeEventListener('blur', this._setEmptyValueForNoValue);
61
- $input.removeEventListener('focus', this._setInitialMaskWhenEmpty);
62
- $input.removeEventListener('keydown', this._onKeyDown);
63
- $input.removeEventListener('input', this._onInput);
64
- $input.removeEventListener('keyup', this._onKeyUp);
65
- $input.removeEventListener('paste', this._onPaste);
66
- $input.removeEventListener('change', () => { });
67
- __classPrivateFieldSet(this, _InputMaskController_isEnabled, false, "f");
45
+ if (this.isEnabled) {
46
+ this.isEnabled = false;
68
47
  }
69
48
  };
70
- this._setInitialMaskWhenEmpty = (ev) => {
49
+ this.setInitialMaskWhenEmpty = (ev) => {
71
50
  if (ev.target instanceof HTMLInputElement) {
72
51
  const $input = ev.target;
73
52
  if (!$input.value) {
@@ -76,7 +55,7 @@ class InputMaskController {
76
55
  }
77
56
  }
78
57
  };
79
- this._setCursorOnStartWhenEmpty = (ev) => {
58
+ this.setCursorOnStartWhenEmpty = (ev) => {
80
59
  if (ev.target instanceof HTMLInputElement) {
81
60
  const $input = ev.target;
82
61
  if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -84,7 +63,7 @@ class InputMaskController {
84
63
  }
85
64
  }
86
65
  };
87
- this._setEmptyValueForNoValue = (ev) => {
66
+ this.setEmptyValueForNoValue = (ev) => {
88
67
  if (ev.target instanceof HTMLInputElement) {
89
68
  const $input = ev.target;
90
69
  if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -92,7 +71,7 @@ class InputMaskController {
92
71
  }
93
72
  }
94
73
  };
95
- this._onKeyDown = (ev) => {
74
+ this.onKeyDown = (ev) => {
96
75
  if (ev.target instanceof HTMLInputElement) {
97
76
  const $input = ev.target;
98
77
  const value = $input.value;
@@ -173,7 +152,7 @@ class InputMaskController {
173
152
  __classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
174
153
  }
175
154
  };
176
- this._onInput = (ev) => {
155
+ this.onInput = (ev) => {
177
156
  if (ev.target instanceof HTMLInputElement) {
178
157
  const $input = ev.target;
179
158
  const value = $input.value;
@@ -206,7 +185,7 @@ class InputMaskController {
206
185
  }
207
186
  }
208
187
  };
209
- this._onKeyUp = (ev) => {
188
+ this.onKeyUp = (ev) => {
210
189
  if (ev.target instanceof HTMLInputElement) {
211
190
  const $input = ev.target;
212
191
  const value = $input.value;
@@ -239,7 +218,7 @@ class InputMaskController {
239
218
  }
240
219
  }
241
220
  };
242
- this._onPaste = (ev) => {
221
+ this.onPaste = (ev) => {
243
222
  var _a;
244
223
  if (ev.target instanceof HTMLInputElement) {
245
224
  const $input = ev.target;
@@ -354,7 +333,7 @@ class InputMaskController {
354
333
  return true;
355
334
  }
356
335
  }
357
- _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(), _InputMaskController_isEnabled = new WeakMap();
336
+ _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();
358
337
 
359
338
  export { InputMaskController };
360
339
  //# 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;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;"}
package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js CHANGED
@@ -63,9 +63,18 @@ class KeystrokesController {
63
63
  };
64
64
  // do ogrania jeszcze string czyli zapięcie się na jeden guzik
65
65
  this._removeKey = (ev) => {
66
- const key = ev.key.toLowerCase();
67
- if (this._buffer.includes(key))
68
- this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
66
+ let key = '';
67
+ if (ev instanceof KeyboardEvent) {
68
+ key = ev.key;
69
+ }
70
+ else {
71
+ key = ev.detail.key;
72
+ }
73
+ if (key) {
74
+ key = key.toLowerCase();
75
+ if (this._buffer.includes(key))
76
+ this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
77
+ }
69
78
  };
70
79
  __classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
71
80
  __classPrivateFieldSet(this, _KeystrokesController_target, target, "f");
package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_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;"}
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;"}
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -75,6 +75,7 @@ export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from "./controllers/click_outside_c
75
75
  export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller';
76
76
  export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller';
77
77
  export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller';
78
+ export { InputMaskController } from './controllers/input_mask_controller/input_mask_controller';
78
79
  export { HBackdrop } from './components/backdrop/backdrop';
79
80
  export { BackdropController } from "./components/backdrop/controller/backdrop_controller";
80
81
  export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -38,6 +38,7 @@ export { HControlElement } from './components/form/control/control_element.js';
38
38
  export { HControlLabel } from './components/form/control/control_label.js';
39
39
  export { HControlAdditionalContent } from './components/form/control/control_additional_content.js';
40
40
  export { HInput } from './components/form/input/input.js';
41
+ export { InputMaskController } from './controllers/input_mask_controller/input_mask_controller.js';
41
42
  export { HInputControl } from './components/form/input/input_control.js';
42
43
  export { HInputIcon } from './components/form/input/input_icon.js';
43
44
  export { HInputUnit } from './components/form/input/input_unit.js';
package/build/esm/packages/phoenix/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.6.1",
5
+ "version": "1.6.3",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",