@shoper/phoenix_design_system 0.25.0-7 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +45 -29
  2. package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
  4. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +9 -4
  6. package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  7. package/build/cjs/packages/phoenix/src/components/icon/icon.js +7 -1
  8. package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
  9. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +1 -13
  10. package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  11. package/build/cjs/packages/phoenix/src/components/messages/base_message.js +36 -16
  12. package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  13. package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js +2 -0
  14. package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
  15. package/build/cjs/packages/phoenix/src/components/messages/hints/hint.js +0 -1
  16. package/build/cjs/packages/phoenix/src/components/messages/hints/hint.js.map +1 -1
  17. package/build/cjs/packages/phoenix/src/components/messages/tooltips/tooltip.js +0 -1
  18. package/build/cjs/packages/phoenix/src/components/messages/tooltips/tooltip.js.map +1 -1
  19. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +3 -1
  20. package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  21. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js +4 -0
  22. package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
  23. package/build/cjs/packages/phoenix/src/controllers/btn_controller.js +3 -2
  24. package/build/cjs/packages/phoenix/src/controllers/btn_controller.js.map +1 -1
  25. package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +66 -22
  26. package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
  27. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +11 -4
  28. package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  29. package/build/cjs/packages/phoenix/src/index.js +0 -21
  30. package/build/cjs/packages/phoenix/src/index.js.map +1 -1
  31. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +4 -2
  32. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +46 -30
  33. package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
  34. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.d.ts +1 -1
  35. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
  36. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
  37. package/build/esm/packages/phoenix/src/components/form/input/input_icon.d.ts +1 -0
  38. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +9 -4
  39. package/build/esm/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
  40. package/build/esm/packages/phoenix/src/components/icon/icon.d.ts +1 -0
  41. package/build/esm/packages/phoenix/src/components/icon/icon.js +7 -1
  42. package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
  43. package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +0 -12
  44. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +2 -13
  45. package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
  46. package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +6 -3
  47. package/build/esm/packages/phoenix/src/components/messages/base_message.js +37 -17
  48. package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
  49. package/build/esm/packages/phoenix/src/components/messages/base_message_constants.d.ts +1 -0
  50. package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js +4 -3
  51. package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
  52. package/build/esm/packages/phoenix/src/components/messages/base_message_types.d.ts +4 -0
  53. package/build/esm/packages/phoenix/src/components/messages/hints/hint.js +0 -1
  54. package/build/esm/packages/phoenix/src/components/messages/hints/hint.js.map +1 -1
  55. package/build/esm/packages/phoenix/src/components/messages/tooltips/tooltip.js +0 -1
  56. package/build/esm/packages/phoenix/src/components/messages/tooltips/tooltip.js.map +1 -1
  57. package/build/esm/packages/phoenix/src/components/portal/portal_constants.d.ts +1 -0
  58. package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
  59. package/build/esm/packages/phoenix/src/components/tabs/tabs.js +3 -1
  60. package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
  61. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.d.ts +1 -0
  62. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js +4 -0
  63. package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
  64. package/build/esm/packages/phoenix/src/controllers/btn_controller.js +3 -2
  65. package/build/esm/packages/phoenix/src/controllers/btn_controller.js.map +1 -1
  66. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.d.ts +11 -4
  67. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +66 -22
  68. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
  69. package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.d.ts +2 -1
  70. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts +4 -1
  71. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +11 -4
  72. package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
  73. package/build/esm/packages/phoenix/src/index.d.ts +0 -3
  74. package/build/esm/packages/phoenix/src/index.js +0 -3
  75. package/build/esm/packages/phoenix/src/index.js.map +1 -1
  76. package/package.json +1 -1
@@ -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;"}
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;"}
@@ -16,7 +16,6 @@ let HTooltip = class HTooltip extends BaseMessage {
16
16
  <h-portal ?disabled="${!this.opened}" @portal.open="${this._positionMessage}" to="${this.portalTarget}" hidden>
17
17
  ${this.getSlot(MESSAGE_CONTENT_SLOT_NAME)}
18
18
  </h-portal>
19
- <div tabindex="0"></div>
20
19
  `;
21
20
  }
22
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;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,2BAA2B,+CAAmD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,6 +5,7 @@ export declare const PORTAL_EVENTS: {
5
5
  close: string;
6
6
  };
7
7
  export declare const PORTAL_TARGET_NAME_PROP = "name";
8
+ export declare const PORTAL_COMPONENT_NAME = "h-portal";
8
9
  export declare const PORTAL_TARGET_COMPONENT_NAME = "h-portal-target";
9
10
  export declare const PORTAL_TARGET_ATTRIBUTE_NAME = "portal-target";
10
11
  declare global {
@@ -2,6 +2,7 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
2
2
  export declare class HTabs extends PhoenixLightLitElement {
3
3
  private _$selectedTab;
4
4
  private _$tabs;
5
+ watchChildrenRendered: boolean;
5
6
  connectedCallback(): void;
6
7
  private _handleArrowNavigation;
7
8
  private _getFocusedTabIndex;
@@ -11,6 +11,7 @@ import { TABS_EVENT_NAMES } from './tabs_constants.js';
11
11
  let HTabs = class HTabs extends PhoenixLightLitElement {
12
12
  constructor() {
13
13
  super(...arguments);
14
+ this.watchChildrenRendered = true;
14
15
  this._handleArrowNavigation = ({ key }) => {
15
16
  const currentTabIndex = this._getFocusedTabIndex();
16
17
  if (currentTabIndex === undefined)
@@ -40,7 +41,8 @@ let HTabs = class HTabs extends PhoenixLightLitElement {
40
41
  new KeystrokesController({
41
42
  host: this,
42
43
  keys: ['ArrowRight', 'ArrowLeft'],
43
- callback: this._handleArrowNavigation
44
+ callback: this._handleArrowNavigation,
45
+ target: this
44
46
  });
45
47
  }
46
48
  _getFocusedTabIndex() {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,5 +2,6 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
2
2
  import { TemplateResult } from 'lit-html';
3
3
  export declare class HTagRemoveButton extends PhoenixLightLitElement {
4
4
  connectedCallback(): void;
5
+ private _setupAriaAttributes;
5
6
  render(): TemplateResult;
6
7
  }
@@ -8,6 +8,10 @@ let HTagRemoveButton = class HTagRemoveButton extends PhoenixLightLitElement {
8
8
  connectedCallback() {
9
9
  super.connectedCallback();
10
10
  this.classList.add(TAG_CSS_CLASSES.tagRemoveButton);
11
+ this._setupAriaAttributes();
12
+ }
13
+ _setupAriaAttributes() {
14
+ this.setAttribute('aria-label', 'remove tag');
11
15
  }
12
16
  render() {
13
17
  return html `
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,4CAAgD;AAC3E;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,2BAA2B,4CAAgD;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;"}
@@ -8,8 +8,9 @@ class BtnController {
8
8
  this.host.setAttribute('role', 'button');
9
9
  this._keystrokesController = new KeystrokesController({
10
10
  host,
11
- keys: [' ', 'enter'],
12
- callback
11
+ keys: ['enter', ' '],
12
+ callback,
13
+ target: host
13
14
  });
14
15
  }
15
16
  hostConnected() { }
@@ -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;"}
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;"}
@@ -5,10 +5,17 @@ export declare class KeystrokesController implements ReactiveController {
5
5
  private _keys;
6
6
  private _callback;
7
7
  private _buffer;
8
- private _lastKeyTime;
9
- constructor({ host, keys, callback }: TKeystrokesControllerProps);
8
+ constructor({ host, keys, callback, target }: TKeystrokesControllerProps);
10
9
  hostConnected(): void;
11
10
  hostDisconnected(): void;
12
- private _catchKeySequence;
13
- private _bindKeysWithCallback;
11
+ private _clearBuffer;
12
+ private _saveKey;
13
+ private _bindSavedKeysWithCallback;
14
+ private _bindWithOneKey;
15
+ private _isKeySequenceMultiple;
16
+ private _areAllKeysPressedInMultipleSequences;
17
+ private _areAllKeysPressedInSingleSequence;
18
+ private _isOneOfTheKeysPressed;
19
+ private _calculateIndexesInSavedKeys;
20
+ private _removeKey;
14
21
  }
@@ -1,46 +1,90 @@
1
1
  import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
2
2
  import 'lit';
3
- import { KEYSTROKE_DELAY_IN_MS } from './keystrokes_controller_constants.js';
4
3
 
5
- var _KeystrokesController_host;
4
+ var _KeystrokesController_host, _KeystrokesController_target;
6
5
  class KeystrokesController {
7
- constructor({ host, keys, callback }) {
6
+ constructor({ host, keys, callback, target }) {
8
7
  _KeystrokesController_host.set(this, void 0);
8
+ _KeystrokesController_target.set(this, void 0);
9
9
  this._buffer = [];
10
- this._lastKeyTime = Date.now();
11
- this._catchKeySequence = (ev) => {
12
- // ev.stopImmediatePropagation();
10
+ this._clearBuffer = () => {
11
+ this._buffer = [];
12
+ };
13
+ this._saveKey = (ev) => {
13
14
  const key = ev.key.toLowerCase();
14
- const currentTime = Date.now();
15
- if (currentTime - this._lastKeyTime > KEYSTROKE_DELAY_IN_MS) {
16
- this._buffer = [];
15
+ if (!this._buffer.includes(key))
16
+ this._buffer = [...this._buffer, key];
17
+ this._bindSavedKeysWithCallback(ev, this._buffer);
18
+ };
19
+ this._bindSavedKeysWithCallback = (ev, savedKeys) => {
20
+ if (typeof this._keys === 'string') {
21
+ this._bindWithOneKey(ev, savedKeys);
22
+ return;
17
23
  }
18
- this._buffer.push(key);
19
- this._lastKeyTime = currentTime;
20
- this._bindKeysWithCallback(ev, this._buffer.join(''));
24
+ const areAllKeysPressed = this._isKeySequenceMultiple(this._keys)
25
+ ? this._areAllKeysPressedInMultipleSequences(this._keys, savedKeys)
26
+ : this._isOneOfTheKeysPressed(this._keys, savedKeys);
27
+ if (areAllKeysPressed)
28
+ this._callback(ev);
21
29
  };
22
- this._bindKeysWithCallback = (ev, keySequence) => {
23
- const isCorrectKeyPressed = !!this._keys.find((key) => {
24
- return key.toLowerCase() === keySequence;
30
+ this._bindWithOneKey = (ev, savedKeys) => {
31
+ if (!savedKeys.includes(this._keys))
32
+ return;
33
+ this._callback(ev);
34
+ };
35
+ this._isKeySequenceMultiple = (keySequence) => {
36
+ const firstSequence = keySequence[0];
37
+ if (typeof firstSequence === 'object')
38
+ return true;
39
+ return false;
40
+ };
41
+ this._areAllKeysPressedInMultipleSequences = (keySequences, savedKeys) => {
42
+ return !!keySequences.find((keySequence) => {
43
+ return this._areAllKeysPressedInSingleSequence(keySequence, savedKeys);
25
44
  });
26
- if (isCorrectKeyPressed) {
27
- this._buffer = [];
28
- this._callback(ev);
29
- }
45
+ };
46
+ this._areAllKeysPressedInSingleSequence = (keySequence, savedKeys) => {
47
+ const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keySequence, savedKeys);
48
+ if (indexesInSavedKeys.includes(-1))
49
+ return false;
50
+ const firstPressedKeyIndex = indexesInSavedKeys[0];
51
+ const lastPressedKeyIndex = indexesInSavedKeys[indexesInSavedKeys.length - 1];
52
+ const areKeysPressedSequentially = lastPressedKeyIndex - firstPressedKeyIndex === indexesInSavedKeys.length - 1;
53
+ return areKeysPressedSequentially;
54
+ };
55
+ this._isOneOfTheKeysPressed = (keys, savedKeys) => {
56
+ const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keys, savedKeys);
57
+ return typeof indexesInSavedKeys.find((index) => index > -1) === 'number';
58
+ };
59
+ this._calculateIndexesInSavedKeys = (keySequence, savedKeys) => {
60
+ return keySequence.reduce((allIndexes, currentKeyInSequence) => {
61
+ return [...allIndexes, savedKeys.indexOf(currentKeyInSequence.toLowerCase())];
62
+ }, []);
63
+ };
64
+ // do ogrania jeszcze string czyli zapięcie się na jeden guzik
65
+ this._removeKey = (ev) => {
66
+ const key = ev.key.toLowerCase();
67
+ if (this._buffer.includes(key))
68
+ this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
30
69
  };
31
70
  __classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
71
+ __classPrivateFieldSet(this, _KeystrokesController_target, target, "f");
32
72
  this._keys = keys;
33
73
  this._callback = callback;
34
74
  __classPrivateFieldGet(this, _KeystrokesController_host, "f").addController(this);
75
+ __classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keydown', this._saveKey);
76
+ __classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keyup', this._removeKey);
35
77
  }
36
78
  hostConnected() {
37
- __classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('keydown', this._catchKeySequence);
79
+ __classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('focusout', this._clearBuffer);
38
80
  }
39
81
  hostDisconnected() {
40
- __classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('keydown', this._catchKeySequence);
82
+ __classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('focusout', this._clearBuffer);
83
+ __classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keydown', this._saveKey);
84
+ __classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keyup', this._removeKey);
41
85
  }
42
86
  }
43
- _KeystrokesController_host = new WeakMap();
87
+ _KeystrokesController_host = new WeakMap(), _KeystrokesController_target = new WeakMap();
44
88
 
45
89
  export { KeystrokesController };
46
90
  //# sourceMappingURL=keystrokes_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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,6 +1,7 @@
1
1
  import { TWebComponentsContextControllerHost } from "../../core/context/context_controller_types";
2
2
  export declare type TKeystrokesControllerProps = {
3
3
  host: TWebComponentsContextControllerHost;
4
- keys: string[];
4
+ keys: string[][] | string[] | string;
5
5
  callback: (ev: Event) => void;
6
+ target: Element;
6
7
  };
@@ -1,13 +1,16 @@
1
1
  import { LitElement, PropertyValues, TemplateResult, nothing } from 'lit';
2
2
  export declare class PhoenixLightLitElement extends LitElement {
3
3
  _slots: Record<string, TemplateResult[]>;
4
+ watchChildrenRendered: boolean;
5
+ watchChildrenConnected: boolean;
4
6
  protected childrenToWatch: string[];
5
7
  isWebComponentConnected: boolean;
6
8
  isWebComponentRendered: boolean;
7
9
  private _childrenForConnectionToWatch;
8
10
  private _childrenForRenderToWatch;
9
11
  firstUpdated(props: PropertyValues): void;
10
- private _setupChildrenWatch;
12
+ private _setupChildrenConnectedWatch;
13
+ private _setupChildrenRenderWatch;
11
14
  private _getComponentsNamesForConnectionToWatch;
12
15
  private _getComponentsNamesForRenderedToWatch;
13
16
  private _handleComponentConnected;
@@ -8,6 +8,8 @@ class PhoenixLightLitElement extends LitElement {
8
8
  constructor() {
9
9
  super(...arguments);
10
10
  this._slots = {};
11
+ this.watchChildrenRendered = false;
12
+ this.watchChildrenConnected = false;
11
13
  this.isWebComponentConnected = false;
12
14
  this.isWebComponentRendered = false;
13
15
  this._childrenForConnectionToWatch = [];
@@ -50,14 +52,16 @@ class PhoenixLightLitElement extends LitElement {
50
52
  this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered);
51
53
  this.isWebComponentRendered = true;
52
54
  }
53
- _setupChildrenWatch() {
55
+ _setupChildrenConnectedWatch() {
54
56
  this._childrenForConnectionToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForConnectionToWatch();
55
- this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
56
57
  if (!this._childrenForConnectionToWatch.length)
57
58
  this.allChildrenConnected();
59
+ this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
60
+ }
61
+ _setupChildrenRenderWatch() {
62
+ this._childrenForRenderToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesForRenderedToWatch();
58
63
  if (!this._childrenForRenderToWatch.length)
59
64
  this.allChildrenRendered();
60
- this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
61
65
  this.addEventListener(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.rendered, this._handleComponentRendered);
62
66
  }
63
67
  _getComponentsNamesForConnectionToWatch() {
@@ -70,7 +74,10 @@ class PhoenixLightLitElement extends LitElement {
70
74
  super.connectedCallback();
71
75
  this._dispatchLifecycleEvent(PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected);
72
76
  this.isWebComponentConnected = true;
73
- this._setupChildrenWatch();
77
+ if (this.watchChildrenConnected)
78
+ this._setupChildrenConnectedWatch();
79
+ if (this.watchChildrenRendered)
80
+ this._setupChildrenRenderWatch();
74
81
  }
75
82
  allChildrenConnected() { }
76
83
  allChildrenRendered() { }
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -83,6 +83,3 @@ export { HHint } from "./components/messages/hints/hint";
83
83
  export { HHintContent } from "./components/messages/hints/hint_content";
84
84
  export { HTooltip } from "./components/messages/tooltips/tooltip";
85
85
  export { HTooltipContent } from "./components/messages/tooltips/tooltip_content";
86
- export { HIcon } from "./components/icon/icon";
87
- export { HTag } from "./components/tag/tag";
88
- export { HTagRemoveButton } from "./components/tag/tag_remove_button";
@@ -71,7 +71,4 @@ export { HHint } from './components/messages/hints/hint.js';
71
71
  export { HHintContent } from './components/messages/hints/hint_content.js';
72
72
  export { HTooltip } from './components/messages/tooltips/tooltip.js';
73
73
  export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
74
- export { HIcon } from './components/icon/icon.js';
75
- export { HTag } from './components/tag/tag.js';
76
- export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
77
74
  //# sourceMappingURL=index.js.map
@@ -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;"}
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;"}
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": "0.25.0-7",
5
+ "version": "0.25.0",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",