@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.
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js +45 -29
- package/build/cjs/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
- package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js +9 -4
- package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js +7 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js +1 -13
- package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js +36 -16
- package/build/cjs/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js +2 -0
- package/build/cjs/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/hints/hint.js +0 -1
- package/build/cjs/packages/phoenix/src/components/messages/hints/hint.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/messages/tooltips/tooltip.js +0 -1
- package/build/cjs/packages/phoenix/src/components/messages/tooltips/tooltip.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js +3 -1
- package/build/cjs/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js +4 -0
- package/build/cjs/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/btn_controller.js +3 -2
- package/build/cjs/packages/phoenix/src/controllers/btn_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +66 -22
- package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +11 -4
- package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/cjs/packages/phoenix/src/index.js +0 -21
- package/build/cjs/packages/phoenix/src/index.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.d.ts +4 -2
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js +46 -30
- package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js +6 -4
- package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.js +9 -4
- package/build/esm/packages/phoenix/src/components/form/input/input_icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/icon/icon.js +7 -1
- package/build/esm/packages/phoenix/src/components/icon/icon.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts +0 -12
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.js +2 -13
- package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message.d.ts +6 -3
- package/build/esm/packages/phoenix/src/components/messages/base_message.js +37 -17
- package/build/esm/packages/phoenix/src/components/messages/base_message.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js +4 -3
- package/build/esm/packages/phoenix/src/components/messages/base_message_constants.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/base_message_types.d.ts +4 -0
- package/build/esm/packages/phoenix/src/components/messages/hints/hint.js +0 -1
- package/build/esm/packages/phoenix/src/components/messages/hints/hint.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/messages/tooltips/tooltip.js +0 -1
- package/build/esm/packages/phoenix/src/components/messages/tooltips/tooltip.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/portal/portal_constants.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js +3 -1
- package/build/esm/packages/phoenix/src/components/tabs/tabs.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.d.ts +1 -0
- package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js +4 -0
- package/build/esm/packages/phoenix/src/components/tag/tag_remove_button.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/btn_controller.js +3 -2
- package/build/esm/packages/phoenix/src/controllers/btn_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.d.ts +11 -4
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js +66 -22
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map +1 -1
- package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.d.ts +2 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts +4 -1
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js +11 -4
- package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map +1 -1
- package/build/esm/packages/phoenix/src/index.d.ts +0 -3
- package/build/esm/packages/phoenix/src/index.js +0 -3
- package/build/esm/packages/phoenix/src/index.js.map +1 -1
- 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;
|
|
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;
|
|
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: ['
|
|
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;"}
|
package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.d.ts
CHANGED
|
@@ -5,10 +5,17 @@ export declare class KeystrokesController implements ReactiveController {
|
|
|
5
5
|
private _keys;
|
|
6
6
|
private _callback;
|
|
7
7
|
private _buffer;
|
|
8
|
-
|
|
9
|
-
constructor({ host, keys, callback }: TKeystrokesControllerProps);
|
|
8
|
+
constructor({ host, keys, callback, target }: TKeystrokesControllerProps);
|
|
10
9
|
hostConnected(): void;
|
|
11
10
|
hostDisconnected(): void;
|
|
12
|
-
private
|
|
13
|
-
private
|
|
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
|
}
|
package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js
CHANGED
|
@@ -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.
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
this._clearBuffer = () => {
|
|
11
|
+
this._buffer = [];
|
|
12
|
+
};
|
|
13
|
+
this._saveKey = (ev) => {
|
|
13
14
|
const key = ev.key.toLowerCase();
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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.
|
|
19
|
-
|
|
20
|
-
|
|
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.
|
|
23
|
-
|
|
24
|
-
return
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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('
|
|
79
|
+
__classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('focusout', this._clearBuffer);
|
|
38
80
|
}
|
|
39
81
|
hostDisconnected() {
|
|
40
|
-
__classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('
|
|
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
|
};
|
package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.d.ts
CHANGED
|
@@ -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
|
|
12
|
+
private _setupChildrenConnectedWatch;
|
|
13
|
+
private _setupChildrenRenderWatch;
|
|
11
14
|
private _getComponentsNamesForConnectionToWatch;
|
|
12
15
|
private _getComponentsNamesForRenderedToWatch;
|
|
13
16
|
private _handleComponentConnected;
|
package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
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;
|
|
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;"}
|