@shoper/phoenix_design_system 1.6.1 → 1.6.2

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 (21) 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/index.js +2 -0
  8. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/input/input_constants.d.ts +1 -0
  10. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js +2 -1
  11. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +7 -0
  13. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +62 -2
  14. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  15. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.d.ts +8 -7
  16. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js +14 -35
  17. package/build/esm/packages/phoenix/src/controllers/input_mask_controller/input_mask_controller.js.map +1 -1
  18. package/build/esm/packages/phoenix/src/index.d.ts +1 -0
  19. package/build/esm/packages/phoenix/src/index.js +1 -0
  20. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  21. 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/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/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.2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",