@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.
Files changed (45) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +16 -91
  2. package/build/cjs/packages/phoenix/src/components/form/search/search.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/select/select.js +33 -4
  6. package/build/cjs/packages/phoenix/src/components/form/select/select.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/search.d.ts +0 -7
  8. package/build/esm/packages/phoenix/src/components/form/search/search.js +16 -91
  9. package/build/esm/packages/phoenix/src/components/form/search/search.js.map +1 -1
  10. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +0 -1
  11. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +22 -51
  12. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js.map +1 -1
  13. package/build/esm/packages/phoenix/src/components/form/select/select.d.ts +2 -0
  14. package/build/esm/packages/phoenix/src/components/form/select/select.js +33 -4
  15. package/build/esm/packages/phoenix/src/components/form/select/select.js.map +1 -1
  16. package/package.json +1 -1
  17. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -44
  18. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
  19. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -66
  20. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
  21. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -14
  22. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
  23. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -10
  24. package/build/cjs/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
  25. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.d.ts +0 -13
  26. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js +0 -40
  27. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller.js.map +0 -1
  28. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.d.ts +0 -6
  29. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js +0 -3
  30. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/focus_trap_controller_types.js.map +0 -1
  31. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.d.ts +0 -14
  32. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js +0 -62
  33. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy.js.map +0 -1
  34. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.d.ts +0 -8
  35. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js +0 -2
  36. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/base_focus_trap_strategy_types.js.map +0 -1
  37. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.d.ts +0 -6
  38. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js +0 -10
  39. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy.js.map +0 -1
  40. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.d.ts +0 -3
  41. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js +0 -2
  42. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types.js.map +0 -1
  43. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.d.ts +0 -3
  44. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js +0 -6
  45. package/build/esm/packages/phoenix/src/controllers/focus_trap_controller/strategies/focus_trap_strategy_constants.js.map +0 -1
@@ -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,3 +0,0 @@
1
- import './strategies/cyclic_focus_trap_strategy/cyclic_focus_trap_strategy_types';
2
- import './strategies/focus_trap_strategy_constants';
3
- //# sourceMappingURL=focus_trap_controller_types.js.map
@@ -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,8 +0,0 @@
1
- export interface IBaseFocusTrapStrategy {
2
- noAutofocus: boolean;
3
- attach(): void;
4
- detach(): void;
5
- activate(): void;
6
- deactivate(): void;
7
- getFocusableElements(container: HTMLElement): HTMLElement[];
8
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=base_focus_trap_strategy_types.js.map
@@ -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,3 +0,0 @@
1
- export declare type TCyclicFocusTrapStrategyProps = {
2
- getContainer: () => HTMLElement | undefined;
3
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=cyclic_focus_trap_strategy_types.js.map
@@ -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,3 +0,0 @@
1
- export declare const FOCUS_TRAP_STRATEGY_TYPES: {
2
- readonly cyclic: "cyclic";
3
- };
@@ -1,6 +0,0 @@
1
- const FOCUS_TRAP_STRATEGY_TYPES = {
2
- cyclic: 'cyclic'
3
- };
4
-
5
- export { FOCUS_TRAP_STRATEGY_TYPES };
6
- //# sourceMappingURL=focus_trap_strategy_constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}