@shoper/phoenix_design_system 1.6.0 → 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 -36
  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 -36
  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
@@ -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'
@@ -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;"}
@@ -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
  }
@@ -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;"}
@@ -4,10 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
6
6
  require('lit');
7
- require('lit/development');
8
7
  require('lit/directives/ref');
9
8
 
10
- 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;
11
10
  const MASK_CHARACTER = '_';
12
11
  class InputMaskController {
13
12
  constructor({ host, input, mask, pattern, validPattern }) {
@@ -38,41 +37,20 @@ class InputMaskController {
38
37
  _InputMaskController_keydownValue.set(this, '');
39
38
  _InputMaskController_isFirstPosition.set(this, false);
40
39
  _InputMaskController_isLastPosition.set(this, false);
41
- _InputMaskController_isEnabled.set(this, false);
40
+ this.isEnabled = false;
42
41
  this.enable = () => {
43
- if (!tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
42
+ if (!this.isEnabled) {
44
43
  const $input = this._getInput();
45
- $input.setAttribute('autocomplete', 'off');
46
- $input.addEventListener('mousedown', this._setInitialMaskWhenEmpty);
47
- $input.addEventListener('mouseup', this._setCursorOnStartWhenEmpty);
48
- $input.addEventListener('blur', this._setEmptyValueForNoValue);
49
- $input.addEventListener('focus', this._setInitialMaskWhenEmpty);
50
- $input.addEventListener('keydown', this._onKeyDown);
51
- $input.addEventListener('input', this._onInput);
52
- $input.addEventListener('keyup', this._onKeyUp);
53
- $input.addEventListener('paste', this._onPaste);
54
- $input.addEventListener('change', () => { });
55
44
  $input.value = '';
56
- tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isEnabled, true, "f");
45
+ this.isEnabled = true;
57
46
  }
58
47
  };
59
48
  this.disable = () => {
60
- if (tslib_es6.__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
61
- const $input = this._getInput();
62
- $input.setAttribute('autocomplete', 'on');
63
- $input.removeEventListener('mousedown', this._setInitialMaskWhenEmpty);
64
- $input.removeEventListener('mouseup', this._setCursorOnStartWhenEmpty);
65
- $input.removeEventListener('blur', this._setEmptyValueForNoValue);
66
- $input.removeEventListener('focus', this._setInitialMaskWhenEmpty);
67
- $input.removeEventListener('keydown', this._onKeyDown);
68
- $input.removeEventListener('input', this._onInput);
69
- $input.removeEventListener('keyup', this._onKeyUp);
70
- $input.removeEventListener('paste', this._onPaste);
71
- $input.removeEventListener('change', () => { });
72
- tslib_es6.__classPrivateFieldSet(this, _InputMaskController_isEnabled, false, "f");
49
+ if (this.isEnabled) {
50
+ this.isEnabled = false;
73
51
  }
74
52
  };
75
- this._setInitialMaskWhenEmpty = (ev) => {
53
+ this.setInitialMaskWhenEmpty = (ev) => {
76
54
  if (ev.target instanceof HTMLInputElement) {
77
55
  const $input = ev.target;
78
56
  if (!$input.value) {
@@ -81,7 +59,7 @@ class InputMaskController {
81
59
  }
82
60
  }
83
61
  };
84
- this._setCursorOnStartWhenEmpty = (ev) => {
62
+ this.setCursorOnStartWhenEmpty = (ev) => {
85
63
  if (ev.target instanceof HTMLInputElement) {
86
64
  const $input = ev.target;
87
65
  if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -89,7 +67,7 @@ class InputMaskController {
89
67
  }
90
68
  }
91
69
  };
92
- this._setEmptyValueForNoValue = (ev) => {
70
+ this.setEmptyValueForNoValue = (ev) => {
93
71
  if (ev.target instanceof HTMLInputElement) {
94
72
  const $input = ev.target;
95
73
  if ($input.value === tslib_es6.__classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -97,7 +75,7 @@ class InputMaskController {
97
75
  }
98
76
  }
99
77
  };
100
- this._onKeyDown = (ev) => {
78
+ this.onKeyDown = (ev) => {
101
79
  if (ev.target instanceof HTMLInputElement) {
102
80
  const $input = ev.target;
103
81
  const value = $input.value;
@@ -178,7 +156,7 @@ class InputMaskController {
178
156
  tslib_es6.__classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
179
157
  }
180
158
  };
181
- this._onInput = (ev) => {
159
+ this.onInput = (ev) => {
182
160
  if (ev.target instanceof HTMLInputElement) {
183
161
  const $input = ev.target;
184
162
  const value = $input.value;
@@ -211,7 +189,7 @@ class InputMaskController {
211
189
  }
212
190
  }
213
191
  };
214
- this._onKeyUp = (ev) => {
192
+ this.onKeyUp = (ev) => {
215
193
  if (ev.target instanceof HTMLInputElement) {
216
194
  const $input = ev.target;
217
195
  const value = $input.value;
@@ -244,7 +222,7 @@ class InputMaskController {
244
222
  }
245
223
  }
246
224
  };
247
- this._onPaste = (ev) => {
225
+ this.onPaste = (ev) => {
248
226
  var _a;
249
227
  if (ev.target instanceof HTMLInputElement) {
250
228
  const $input = ev.target;
@@ -359,7 +337,7 @@ class InputMaskController {
359
337
  return true;
360
338
  }
361
339
  }
362
- _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();
363
341
 
364
342
  exports.InputMaskController = InputMaskController;
365
343
  //# sourceMappingURL=input_mask_controller.js.map
@@ -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;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;"}
@@ -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 () {
@@ -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;"}
@@ -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";
@@ -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'
@@ -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;"}
@@ -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
  }
@@ -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
  }
@@ -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;"}
@@ -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;
@@ -1,9 +1,8 @@
1
1
  import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
2
2
  import 'lit';
3
- import 'lit/development';
4
3
  import 'lit/directives/ref';
5
4
 
6
- 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;
7
6
  const MASK_CHARACTER = '_';
8
7
  class InputMaskController {
9
8
  constructor({ host, input, mask, pattern, validPattern }) {
@@ -34,41 +33,20 @@ class InputMaskController {
34
33
  _InputMaskController_keydownValue.set(this, '');
35
34
  _InputMaskController_isFirstPosition.set(this, false);
36
35
  _InputMaskController_isLastPosition.set(this, false);
37
- _InputMaskController_isEnabled.set(this, false);
36
+ this.isEnabled = false;
38
37
  this.enable = () => {
39
- if (!__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
38
+ if (!this.isEnabled) {
40
39
  const $input = this._getInput();
41
- $input.setAttribute('autocomplete', 'off');
42
- $input.addEventListener('mousedown', this._setInitialMaskWhenEmpty);
43
- $input.addEventListener('mouseup', this._setCursorOnStartWhenEmpty);
44
- $input.addEventListener('blur', this._setEmptyValueForNoValue);
45
- $input.addEventListener('focus', this._setInitialMaskWhenEmpty);
46
- $input.addEventListener('keydown', this._onKeyDown);
47
- $input.addEventListener('input', this._onInput);
48
- $input.addEventListener('keyup', this._onKeyUp);
49
- $input.addEventListener('paste', this._onPaste);
50
- $input.addEventListener('change', () => { });
51
40
  $input.value = '';
52
- __classPrivateFieldSet(this, _InputMaskController_isEnabled, true, "f");
41
+ this.isEnabled = true;
53
42
  }
54
43
  };
55
44
  this.disable = () => {
56
- if (__classPrivateFieldGet(this, _InputMaskController_isEnabled, "f")) {
57
- const $input = this._getInput();
58
- $input.setAttribute('autocomplete', 'on');
59
- $input.removeEventListener('mousedown', this._setInitialMaskWhenEmpty);
60
- $input.removeEventListener('mouseup', this._setCursorOnStartWhenEmpty);
61
- $input.removeEventListener('blur', this._setEmptyValueForNoValue);
62
- $input.removeEventListener('focus', this._setInitialMaskWhenEmpty);
63
- $input.removeEventListener('keydown', this._onKeyDown);
64
- $input.removeEventListener('input', this._onInput);
65
- $input.removeEventListener('keyup', this._onKeyUp);
66
- $input.removeEventListener('paste', this._onPaste);
67
- $input.removeEventListener('change', () => { });
68
- __classPrivateFieldSet(this, _InputMaskController_isEnabled, false, "f");
45
+ if (this.isEnabled) {
46
+ this.isEnabled = false;
69
47
  }
70
48
  };
71
- this._setInitialMaskWhenEmpty = (ev) => {
49
+ this.setInitialMaskWhenEmpty = (ev) => {
72
50
  if (ev.target instanceof HTMLInputElement) {
73
51
  const $input = ev.target;
74
52
  if (!$input.value) {
@@ -77,7 +55,7 @@ class InputMaskController {
77
55
  }
78
56
  }
79
57
  };
80
- this._setCursorOnStartWhenEmpty = (ev) => {
58
+ this.setCursorOnStartWhenEmpty = (ev) => {
81
59
  if (ev.target instanceof HTMLInputElement) {
82
60
  const $input = ev.target;
83
61
  if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -85,7 +63,7 @@ class InputMaskController {
85
63
  }
86
64
  }
87
65
  };
88
- this._setEmptyValueForNoValue = (ev) => {
66
+ this.setEmptyValueForNoValue = (ev) => {
89
67
  if (ev.target instanceof HTMLInputElement) {
90
68
  const $input = ev.target;
91
69
  if ($input.value === __classPrivateFieldGet(this, _InputMaskController_mask, "f")) {
@@ -93,7 +71,7 @@ class InputMaskController {
93
71
  }
94
72
  }
95
73
  };
96
- this._onKeyDown = (ev) => {
74
+ this.onKeyDown = (ev) => {
97
75
  if (ev.target instanceof HTMLInputElement) {
98
76
  const $input = ev.target;
99
77
  const value = $input.value;
@@ -174,7 +152,7 @@ class InputMaskController {
174
152
  __classPrivateFieldSet(this, _InputMaskController_keydownValue, value, "f");
175
153
  }
176
154
  };
177
- this._onInput = (ev) => {
155
+ this.onInput = (ev) => {
178
156
  if (ev.target instanceof HTMLInputElement) {
179
157
  const $input = ev.target;
180
158
  const value = $input.value;
@@ -207,7 +185,7 @@ class InputMaskController {
207
185
  }
208
186
  }
209
187
  };
210
- this._onKeyUp = (ev) => {
188
+ this.onKeyUp = (ev) => {
211
189
  if (ev.target instanceof HTMLInputElement) {
212
190
  const $input = ev.target;
213
191
  const value = $input.value;
@@ -240,7 +218,7 @@ class InputMaskController {
240
218
  }
241
219
  }
242
220
  };
243
- this._onPaste = (ev) => {
221
+ this.onPaste = (ev) => {
244
222
  var _a;
245
223
  if (ev.target instanceof HTMLInputElement) {
246
224
  const $input = ev.target;
@@ -355,7 +333,7 @@ class InputMaskController {
355
333
  return true;
356
334
  }
357
335
  }
358
- _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();
359
337
 
360
338
  export { InputMaskController };
361
339
  //# sourceMappingURL=input_mask_controller.js.map
@@ -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;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;"}
@@ -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';
@@ -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';
@@ -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.0",
5
+ "version": "1.6.2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",