@shoper/phoenix_design_system 1.18.29-0 → 1.18.30-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/form/search/search.js +16 -91
- package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/cjs/packages/phoenix/src/components/form/select/select.js +33 -4
- package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -7
- package/build/esm/packages/phoenix/src/components/form/search/search.js +16 -91
- package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
- package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +2 -0
- package/build/esm/packages/phoenix/src/components/form/select/select.js +33 -4
- package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -44
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -66
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -14
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -10
- package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.d.ts +0 -13
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -40
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.d.ts +0 -6
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js +0 -3
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.d.ts +0 -14
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -62
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.d.ts +0 -8
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.d.ts +0 -6
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -10
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.d.ts +0 -3
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js +0 -2
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js.map +0 -1
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.d.ts +0 -3
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -6
- package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
|
|
2
|
-
import 'lit';
|
|
3
|
-
import { CyclicFocusTrapStrategy } from './strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js';
|
|
4
|
-
import { FOCUS_TRAP_STRATEGY_TYPES } from './strategies/focus_trap_strategy_constants.js';
|
|
5
|
-
|
|
6
|
-
var _a, _FocusTrapController_strategy, _FocusTrapController_createStrategy;
|
|
7
|
-
class FocusTrapController {
|
|
8
|
-
constructor(host, props) {
|
|
9
|
-
_FocusTrapController_strategy.set(this, void 0);
|
|
10
|
-
__classPrivateFieldSet(this, _FocusTrapController_strategy, __classPrivateFieldGet(FocusTrapController, _a, "m", _FocusTrapController_createStrategy).call(FocusTrapController, props), "f");
|
|
11
|
-
host.addController(this);
|
|
12
|
-
}
|
|
13
|
-
get strategy() {
|
|
14
|
-
return __classPrivateFieldGet(this, _FocusTrapController_strategy, "f");
|
|
15
|
-
}
|
|
16
|
-
hostConnected() {
|
|
17
|
-
__classPrivateFieldGet(this, _FocusTrapController_strategy, "f").attach();
|
|
18
|
-
}
|
|
19
|
-
hostDisconnected() {
|
|
20
|
-
__classPrivateFieldGet(this, _FocusTrapController_strategy, "f").detach();
|
|
21
|
-
}
|
|
22
|
-
activate() {
|
|
23
|
-
__classPrivateFieldGet(this, _FocusTrapController_strategy, "f").activate();
|
|
24
|
-
}
|
|
25
|
-
deactivate() {
|
|
26
|
-
__classPrivateFieldGet(this, _FocusTrapController_strategy, "f").deactivate();
|
|
27
|
-
}
|
|
28
|
-
getFocusableElements(container) {
|
|
29
|
-
return __classPrivateFieldGet(this, _FocusTrapController_strategy, "f").getFocusableElements(container);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
_a = FocusTrapController, _FocusTrapController_strategy = new WeakMap(), _FocusTrapController_createStrategy = function _FocusTrapController_createStrategy(props) {
|
|
33
|
-
switch (props.mode) {
|
|
34
|
-
case FOCUS_TRAP_STRATEGY_TYPES.cyclic: return new CyclicFocusTrapStrategy(props);
|
|
35
|
-
default: return new CyclicFocusTrapStrategy(props);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export { FocusTrapController };
|
|
40
|
-
//# sourceMappingURL=focus_trap_controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TCyclicFocusTrapStrategyProps } from './strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types';
|
|
2
|
-
import { FOCUS_TRAP_STRATEGY_TYPES } from './strategies/focus_trap_strategy_constants';
|
|
3
|
-
export declare type TCyclicFocusTrapProps = TCyclicFocusTrapStrategyProps & {
|
|
4
|
-
mode: typeof FOCUS_TRAP_STRATEGY_TYPES.cyclic;
|
|
5
|
-
};
|
|
6
|
-
export declare type TFocusTrapProps = TCyclicFocusTrapProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"focus_trap_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/focus_trap_controller/focus_trap_controller_types.ts"],"names":[],"mappings":"AAAA,OAA8C,0EAA0E,CAAC;AACzH,OAA0C,4CAA4C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IBaseFocusTrapStrategy } from './base_focus_trap_strategy_types';
|
|
2
|
-
export declare abstract class BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
|
|
3
|
-
protected readonly getContainer: () => HTMLElement | undefined;
|
|
4
|
-
protected active: boolean;
|
|
5
|
-
noAutofocus: boolean;
|
|
6
|
-
constructor(getContainer: () => HTMLElement | undefined);
|
|
7
|
-
attach(): void;
|
|
8
|
-
detach(): void;
|
|
9
|
-
activate(): void;
|
|
10
|
-
deactivate(): void;
|
|
11
|
-
getFocusableElements(container: HTMLElement): HTMLElement[];
|
|
12
|
-
protected _handleKeyDown: (ev: KeyboardEvent) => void;
|
|
13
|
-
private _isElementTrulyFocusable;
|
|
14
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
2
|
-
|
|
3
|
-
class BaseFocusTrapStrategy {
|
|
4
|
-
constructor(getContainer) {
|
|
5
|
-
this.getContainer = getContainer;
|
|
6
|
-
this.active = false;
|
|
7
|
-
this.noAutofocus = false;
|
|
8
|
-
this._handleKeyDown = (ev) => {
|
|
9
|
-
if (!this.active || ev.code !== 'Tab')
|
|
10
|
-
return;
|
|
11
|
-
const container = this.getContainer();
|
|
12
|
-
if (!container)
|
|
13
|
-
return;
|
|
14
|
-
const focusableElements = this.getFocusableElements(container);
|
|
15
|
-
if (focusableElements.length === 0)
|
|
16
|
-
return;
|
|
17
|
-
const $target = ev.target;
|
|
18
|
-
if (ev.shiftKey) {
|
|
19
|
-
if ($target === focusableElements[0]) {
|
|
20
|
-
ev.preventDefault();
|
|
21
|
-
focusableElements[focusableElements.length - 1].focus();
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
if ($target === focusableElements[focusableElements.length - 1]) {
|
|
26
|
-
ev.preventDefault();
|
|
27
|
-
focusableElements[0].focus();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
attach() {
|
|
33
|
-
document.addEventListener('keydown', this._handleKeyDown);
|
|
34
|
-
}
|
|
35
|
-
detach() {
|
|
36
|
-
document.removeEventListener('keydown', this._handleKeyDown);
|
|
37
|
-
}
|
|
38
|
-
activate() {
|
|
39
|
-
this.active = true;
|
|
40
|
-
}
|
|
41
|
-
deactivate() {
|
|
42
|
-
this.active = false;
|
|
43
|
-
}
|
|
44
|
-
getFocusableElements(container) {
|
|
45
|
-
return UiDomUtils.getFocusableElements(container).filter(($el) => this._isElementTrulyFocusable($el));
|
|
46
|
-
}
|
|
47
|
-
_isElementTrulyFocusable($el) {
|
|
48
|
-
const style = window.getComputedStyle($el);
|
|
49
|
-
if (style.display === 'none' || style.visibility === 'hidden') {
|
|
50
|
-
return false;
|
|
51
|
-
}
|
|
52
|
-
if ($el.nodeName === 'H-PORTAL')
|
|
53
|
-
return true;
|
|
54
|
-
const $parent = $el.parentElement;
|
|
55
|
-
if (!$parent)
|
|
56
|
-
return true;
|
|
57
|
-
return this._isElementTrulyFocusable($parent);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
export { BaseFocusTrapStrategy };
|
|
62
|
-
//# sourceMappingURL=base_focus_trap_strategy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy';
|
|
2
|
-
import { IBaseFocusTrapStrategy } from '../base_focus_trap_strategy_types';
|
|
3
|
-
import { TCyclicFocusTrapStrategyProps } from './cyclic_focus_trap_strategy_types';
|
|
4
|
-
export declare class CyclicFocusTrapStrategy extends BaseFocusTrapStrategy implements IBaseFocusTrapStrategy {
|
|
5
|
-
constructor({ getContainer }: TCyclicFocusTrapStrategyProps);
|
|
6
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BaseFocusTrapStrategy } from '../base_focus_trap_strategy.js';
|
|
2
|
-
|
|
3
|
-
class CyclicFocusTrapStrategy extends BaseFocusTrapStrategy {
|
|
4
|
-
constructor({ getContainer }) {
|
|
5
|
-
super(getContainer);
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { CyclicFocusTrapStrategy };
|
|
10
|
-
//# sourceMappingURL=cyclic_focus_trap_strategy.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cyclic_focus_trap_strategy_types.js","sourceRoot":"","sources":["../../../../../../../../../src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|