@lion/ui 0.16.0 → 0.17.0-menu-system.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/collapsible.js +1 -0
- package/components/button/src/LionButton.js +5 -0
- package/components/button/test-suites/LionButton.suite.js +1 -0
- package/components/calendar/src/LionCalendar.js +2 -0
- package/components/collapsible/src/DisclosureMixin.js +313 -0
- package/components/collapsible/types/DisclosureMixinTypes.ts +48 -0
- package/components/combobox/src/utils/makeMatchingTextBold.js +3 -1
- package/components/combobox/test/lion-combobox.test.js +105 -0
- package/components/form-core/src/form-group/FormGroupMixin.js +7 -0
- package/components/form-core/src/registration/FormRegistrarMixin.js +11 -0
- package/components/form-core/test/FormControlMixin.test.js +1 -0
- package/components/form-core/test/validate/Validator.test.js +2 -0
- package/components/form-core/test-suites/ValidateMixin.suite.js +2 -0
- package/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.js +1 -0
- package/components/input-datepicker/src/LionInputDatepicker.js +6 -2
- package/components/input-datepicker/src/localizeNamespaceLoader.js +1 -0
- package/components/input-datepicker/test/lion-input-datepicker.test.js +17 -2
- package/components/input-datepicker/translations/bg.js +1 -1
- package/components/input-datepicker/translations/cs.js +1 -1
- package/components/input-datepicker/translations/de.js +1 -1
- package/components/input-datepicker/translations/en.js +1 -1
- package/components/input-datepicker/translations/es.js +1 -1
- package/components/input-datepicker/translations/fr.js +1 -1
- package/components/input-datepicker/translations/hu.js +1 -1
- package/components/input-datepicker/translations/it.js +1 -1
- package/components/input-datepicker/translations/nl.js +1 -1
- package/components/input-datepicker/translations/pl.js +1 -1
- package/components/input-datepicker/translations/ro.js +1 -1
- package/components/input-datepicker/translations/ru.js +1 -1
- package/components/input-datepicker/translations/sk.js +1 -1
- package/components/input-datepicker/translations/tr.js +1 -1
- package/components/input-datepicker/translations/uk.js +1 -1
- package/components/input-datepicker/translations/zh.js +1 -1
- package/components/input-stepper/src/LionInputStepper.js +15 -7
- package/components/input-stepper/test-suites/lion-input-stepper.suite.js +28 -4
- package/components/localize/test/date/formatDate.test.js +1 -0
- package/components/menu/CHANGELOG.md +37 -0
- package/components/menu/README.md +335 -0
- package/components/menu/index.js +2 -0
- package/components/menu/lion-menu-overlay.js +3 -0
- package/components/menu/lion-menu.js +3 -0
- package/components/menu/lion-spinbutton.js +3 -0
- package/components/menu/lion-toolbar.js +3 -0
- package/components/menu/lion-tree.js +3 -0
- package/components/menu/package.json +46 -0
- package/components/menu/requirements.temp.md +12 -0
- package/components/menu/src/InteractiveListMixin.js +796 -0
- package/components/menu/src/LionMenu.js +250 -0
- package/components/menu/src/LionMenuHybrid.js +46 -0
- package/components/menu/src/LionMenuOverlay.js +155 -0
- package/components/menu/src/LionSpinbutton.js +213 -0
- package/components/menu/src/LionToolbar.js +94 -0
- package/components/menu/src/LionTree.js +52 -0
- package/components/menu/src/MultiLevelListMixin.js +275 -0
- package/components/menu/src/utils/isInView.js +26 -0
- package/components/menu/src/utils/listItemInteractions.js +104 -0
- package/components/menu/src/utils/uuid.js +3 -0
- package/components/menu/test/lion-menu.test.js +3 -0
- package/components/menu/test-suites/InteractiveListMixin.suite.js +142 -0
- package/components/menu/types/InteractiveListMixinTypes.d.ts +82 -0
- package/components/navigation-bar/README.md +1 -0
- package/components/navigation-bar/src/LionNavigationBar.js +449 -0
- package/components/navigation-bar/src/types.js +41 -0
- package/components/overlays/NEXT.md +49 -0
- package/components/overlays/src/OverlayController.js +165 -115
- package/components/overlays/src/OverlayMixin.js +75 -12
- package/components/overlays/src/OverlaysManager.js +102 -4
- package/components/overlays/src/overlayShadowDomStyle.js +2 -2
- package/components/overlays/src/utils/adopt-styles.js +2 -1
- package/components/overlays/src/utils/get-focusable-elements.js +4 -0
- package/components/overlays/src/utils/is-equal-config.js +4 -1
- package/components/overlays/test/OverlayController.test.js +117 -6
- package/components/overlays/test/OverlaysManager.test.js +1 -1
- package/components/overlays/types/OverlayConfig.ts +19 -4
- package/components/select-rich/test/lion-select-rich.test.js +3 -0
- package/custom-elements.json +12958 -2510
- package/dist-types/components/button/src/LionButton.d.ts +1 -0
- package/dist-types/components/button/src/LionButton.d.ts.map +1 -1
- package/dist-types/components/button/test-suites/LionButton.suite.d.ts.map +1 -1
- package/dist-types/components/calendar/src/LionCalendar.d.ts.map +1 -1
- package/dist-types/components/collapsible/src/DisclosureMixin.d.ts +3 -0
- package/dist-types/components/collapsible/src/DisclosureMixin.d.ts.map +1 -0
- package/dist-types/components/collapsible/types/DisclosureMixinTypes.d.ts +24 -0
- package/dist-types/components/collapsible/types/DisclosureMixinTypes.d.ts.map +1 -0
- package/dist-types/components/combobox/src/utils/makeMatchingTextBold.d.ts.map +1 -1
- package/dist-types/components/dialog/src/LionDialog.d.ts +2 -1
- package/dist-types/components/dialog/src/LionDialog.d.ts.map +1 -1
- package/dist-types/components/form-core/src/form-group/FormGroupMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/src/registration/FormRegistrarMixin.d.ts.map +1 -1
- package/dist-types/components/form-core/test-suites/ValidateMixin.suite.d.ts.map +1 -1
- package/dist-types/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.d.ts.map +1 -1
- package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts.map +1 -1
- package/dist-types/components/input-datepicker/src/localizeNamespaceLoader.d.ts.map +1 -1
- package/dist-types/components/input-stepper/src/LionInputStepper.d.ts +4 -2
- package/dist-types/components/input-stepper/src/LionInputStepper.d.ts.map +1 -1
- package/dist-types/components/input-stepper/test-suites/lion-input-stepper.suite.d.ts.map +1 -1
- package/dist-types/components/menu/index.d.ts +3 -0
- package/dist-types/components/menu/index.d.ts.map +1 -0
- package/dist-types/components/menu/lion-menu-overlay.d.ts +2 -0
- package/dist-types/components/menu/lion-menu-overlay.d.ts.map +1 -0
- package/dist-types/components/menu/lion-menu.d.ts +2 -0
- package/dist-types/components/menu/lion-menu.d.ts.map +1 -0
- package/dist-types/components/menu/lion-spinbutton.d.ts +2 -0
- package/dist-types/components/menu/lion-spinbutton.d.ts.map +1 -0
- package/dist-types/components/menu/lion-toolbar.d.ts +2 -0
- package/dist-types/components/menu/lion-toolbar.d.ts.map +1 -0
- package/dist-types/components/menu/lion-tree.d.ts +2 -0
- package/dist-types/components/menu/lion-tree.d.ts.map +1 -0
- package/dist-types/components/menu/src/InteractiveListMixin.d.ts +611 -0
- package/dist-types/components/menu/src/InteractiveListMixin.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionMenu.d.ts +563 -0
- package/dist-types/components/menu/src/LionMenu.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionMenuHybrid.d.ts +19 -0
- package/dist-types/components/menu/src/LionMenuHybrid.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionMenuOverlay.d.ts +1006 -0
- package/dist-types/components/menu/src/LionMenuOverlay.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionSpinbutton.d.ts +58 -0
- package/dist-types/components/menu/src/LionSpinbutton.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionToolbar.d.ts +8 -0
- package/dist-types/components/menu/src/LionToolbar.d.ts.map +1 -0
- package/dist-types/components/menu/src/LionTree.d.ts +445 -0
- package/dist-types/components/menu/src/LionTree.d.ts.map +1 -0
- package/dist-types/components/menu/src/MultiLevelListMixin.d.ts +493 -0
- package/dist-types/components/menu/src/MultiLevelListMixin.d.ts.map +1 -0
- package/dist-types/components/menu/src/utils/isInView.d.ts +9 -0
- package/dist-types/components/menu/src/utils/isInView.d.ts.map +1 -0
- package/dist-types/components/menu/src/utils/listItemInteractions.d.ts +42 -0
- package/dist-types/components/menu/src/utils/listItemInteractions.d.ts.map +1 -0
- package/dist-types/components/menu/src/utils/uuid.d.ts +2 -0
- package/dist-types/components/menu/src/utils/uuid.d.ts.map +1 -0
- package/dist-types/components/menu/test/lion-menu.test.d.ts +2 -0
- package/dist-types/components/menu/test/lion-menu.test.d.ts.map +1 -0
- package/dist-types/components/menu/test-suites/InteractiveListMixin.suite.d.ts +13 -0
- package/dist-types/components/menu/test-suites/InteractiveListMixin.suite.d.ts.map +1 -0
- package/dist-types/components/navigation-bar/src/LionNavigationBar.d.ts +226 -0
- package/dist-types/components/navigation-bar/src/LionNavigationBar.d.ts.map +1 -0
- package/dist-types/components/navigation-bar/src/types.d.ts +85 -0
- package/dist-types/components/navigation-bar/src/types.d.ts.map +1 -0
- package/dist-types/components/overlays/src/OverlayController.d.ts +7 -13
- package/dist-types/components/overlays/src/OverlayController.d.ts.map +1 -1
- package/dist-types/components/overlays/src/OverlayMixin.d.ts +3 -0
- package/dist-types/components/overlays/src/OverlayMixin.d.ts.map +1 -1
- package/dist-types/components/overlays/src/OverlaysManager.d.ts +33 -2
- package/dist-types/components/overlays/src/OverlaysManager.d.ts.map +1 -1
- package/dist-types/components/overlays/src/utils/get-focusable-elements.d.ts.map +1 -1
- package/dist-types/components/overlays/src/utils/is-equal-config.d.ts.map +1 -1
- package/dist-types/components/overlays/types/OverlayConfig.d.ts +6 -2
- package/dist-types/components/overlays/types/OverlayConfig.d.ts.map +1 -1
- package/dist-types/components/select-rich/src/LionSelectRich.d.ts +11 -2
- package/dist-types/components/select-rich/src/LionSelectRich.d.ts.map +1 -1
- package/dist-types/exports/define/lion-item.d.ts +2 -0
- package/dist-types/exports/define/lion-item.d.ts.map +1 -0
- package/dist-types/exports/define/lion-menu-overlay.d.ts +2 -0
- package/dist-types/exports/define/lion-menu-overlay.d.ts.map +1 -0
- package/dist-types/exports/define/lion-menu.d.ts +2 -0
- package/dist-types/exports/define/lion-menu.d.ts.map +1 -0
- package/dist-types/exports/define/lion-navigation-bar.d.ts +2 -0
- package/dist-types/exports/define/lion-navigation-bar.d.ts.map +1 -0
- package/dist-types/exports/define/lion-toolbar.d.ts +2 -0
- package/dist-types/exports/define/lion-toolbar.d.ts.map +1 -0
- package/dist-types/exports/define/lion-tree.d.ts +2 -0
- package/dist-types/exports/define/lion-tree.d.ts.map +1 -0
- package/dist-types/exports/menu.d.ts +7 -0
- package/dist-types/exports/menu.d.ts.map +1 -0
- package/dist-types/exports/navigation-bar.d.ts +2 -0
- package/dist-types/exports/navigation-bar.d.ts.map +1 -0
- package/dist-types/exports/overlays.d.ts +2 -0
- package/dist-types/exports/types/overlays.d.ts +1 -0
- package/dist-types/exports/types/overlays.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +1 -1
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/form/use-cases.md +2 -2
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/index.md +1 -1
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-datepicker/use-cases.md +16 -1
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/api-table.md +1 -1
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/api-table.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-stepper/use-cases.md +26 -0
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/menu/api-table.md +450 -0
- package/docs/components/menu/applyMenuDemoStyles.js +173 -0
- package/docs/components/menu/extensions.md +216 -0
- package/docs/components/menu/index.md +13 -0
- package/docs/components/menu/overview.md +422 -0
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/api-table.md +1 -1
- package/docs/components/select-rich/use-cases.md +2 -2
- package/docs/components/tabs/examples.md +1 -1
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +18 -18
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/interaction-states.md +0 -1
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/validate.md +2 -2
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/localize/text.md +1 -1
- package/docs/fundamentals/systems/overlays/api-table.md +98 -50
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/how-to/index.md +14 -0
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -2
- package/exports/collapsible.js +1 -0
- package/exports/define/lion-item.js +3 -0
- package/exports/define/lion-menu-overlay.js +3 -0
- package/exports/define/lion-menu.js +3 -0
- package/exports/define/lion-navigation-bar.js +3 -0
- package/exports/define/lion-toolbar.js +3 -0
- package/exports/define/lion-tree.js +3 -0
- package/exports/menu.js +6 -0
- package/exports/navigation-bar.js +1 -0
- package/exports/overlays.js +2 -0
- package/exports/types/overlays.ts +1 -0
- package/menu.js +6 -0
- package/navigation-bar.js +1 -0
- package/overlays.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
declare const LionNavigationBar_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHost> & import("../../core/src/types.js").ScopedElementsHostV2Constructor;
|
|
2
|
+
/**
|
|
3
|
+
* @typedef {import('./types.js').NavBarResponsiveMode} NavBarResponsiveMode
|
|
4
|
+
* @typedef {import('./types.js').MenuItem} MenuItem
|
|
5
|
+
* @typedef {import('./types.js').CtaLink} CtaLink
|
|
6
|
+
* @typedef {import('./types.js').Logo} Logo
|
|
7
|
+
* @typedef {import('./types.js').LevelConfig} LevelConfig
|
|
8
|
+
*/
|
|
9
|
+
export class LionNavigationBar extends LionNavigationBar_base {
|
|
10
|
+
static get properties(): {
|
|
11
|
+
responsiveMode: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
reflect: boolean;
|
|
14
|
+
attribute: string;
|
|
15
|
+
};
|
|
16
|
+
menuItems: {
|
|
17
|
+
type: ArrayConstructor;
|
|
18
|
+
};
|
|
19
|
+
menuSupportItems: {
|
|
20
|
+
type: ArrayConstructor;
|
|
21
|
+
};
|
|
22
|
+
ctaPrimary: {
|
|
23
|
+
type: ObjectConstructor;
|
|
24
|
+
};
|
|
25
|
+
ctaSecondary: {
|
|
26
|
+
type: ObjectConstructor;
|
|
27
|
+
};
|
|
28
|
+
suggestions: {
|
|
29
|
+
type: ArrayConstructor;
|
|
30
|
+
};
|
|
31
|
+
showOnMobile: {
|
|
32
|
+
type: ArrayConstructor;
|
|
33
|
+
attribute: string;
|
|
34
|
+
reflect: boolean;
|
|
35
|
+
};
|
|
36
|
+
_levelCfg: {
|
|
37
|
+
state: boolean;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
static get scopedElements(): {
|
|
41
|
+
'lion-menu-hybrid': typeof LionMenuHybrid;
|
|
42
|
+
};
|
|
43
|
+
static get styles(): import("lit").CSSResult[];
|
|
44
|
+
/**
|
|
45
|
+
* @param {NavBarResponsiveMode} responsiveMode
|
|
46
|
+
*/
|
|
47
|
+
static "__#7@#getLevelCfg"(responsiveMode: NavBarResponsiveMode): {
|
|
48
|
+
l1: {
|
|
49
|
+
isBar: boolean;
|
|
50
|
+
openableConfig: {
|
|
51
|
+
placementMode: string;
|
|
52
|
+
isOpenable: boolean;
|
|
53
|
+
hidesOnOutsideClick: boolean;
|
|
54
|
+
inheritsReferenceWidth: string;
|
|
55
|
+
focusContentOnOpen?: undefined;
|
|
56
|
+
};
|
|
57
|
+
hasFullWidthFlyout?: undefined;
|
|
58
|
+
};
|
|
59
|
+
l2: {
|
|
60
|
+
openableConfig: {
|
|
61
|
+
placementMode: string;
|
|
62
|
+
hidesOnOutsideClick: boolean;
|
|
63
|
+
inheritsReferenceWidth: string;
|
|
64
|
+
hidesOnEscape?: undefined;
|
|
65
|
+
focusContentOnOpen?: undefined;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
l3: {
|
|
69
|
+
openableConfig: {
|
|
70
|
+
placementMode: string;
|
|
71
|
+
hidesOnOutsideClick: boolean;
|
|
72
|
+
inheritsReferenceWidth: string;
|
|
73
|
+
focusContentOnOpen?: undefined;
|
|
74
|
+
hideVisually?: undefined;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
} | {
|
|
78
|
+
l1: {
|
|
79
|
+
isBar: boolean;
|
|
80
|
+
hasFullWidthFlyout: boolean;
|
|
81
|
+
openableConfig: {
|
|
82
|
+
placementMode: string;
|
|
83
|
+
isOpenable: boolean;
|
|
84
|
+
inheritsReferenceWidth: string;
|
|
85
|
+
focusContentOnOpen: boolean;
|
|
86
|
+
hidesOnOutsideClick?: undefined;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
l2: {
|
|
90
|
+
openableConfig: {
|
|
91
|
+
placementMode: string;
|
|
92
|
+
hidesOnOutsideClick: boolean;
|
|
93
|
+
hidesOnEscape: boolean;
|
|
94
|
+
inheritsReferenceWidth: string;
|
|
95
|
+
focusContentOnOpen: boolean;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
l3: {
|
|
99
|
+
openableConfig: {
|
|
100
|
+
placementMode: string;
|
|
101
|
+
inheritsReferenceWidth: string;
|
|
102
|
+
focusContentOnOpen: boolean;
|
|
103
|
+
hideVisually: boolean;
|
|
104
|
+
hidesOnOutsideClick?: undefined;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* @param {string[]} suggestions
|
|
110
|
+
* @returns {import('lit').TemplateResult}
|
|
111
|
+
*/
|
|
112
|
+
static _searchTemplate(suggestions: string[], prefilledSuggestion?: string): import('lit').TemplateResult;
|
|
113
|
+
/**
|
|
114
|
+
* @param {CtaLink} ctaPrimary
|
|
115
|
+
* @param {CtaLink} ctaSecondary
|
|
116
|
+
* @returns {import('lit').TemplateResult}
|
|
117
|
+
*/
|
|
118
|
+
static _ctaTemplate(ctaPrimary: CtaLink, ctaSecondary: CtaLink): import('lit').TemplateResult;
|
|
119
|
+
/** @type {Logo} */
|
|
120
|
+
logo: Logo;
|
|
121
|
+
/** @type {MenuItem[]} */
|
|
122
|
+
menuSupportItems: MenuItem[];
|
|
123
|
+
/**
|
|
124
|
+
* @type {CtaLink}
|
|
125
|
+
*/
|
|
126
|
+
ctaPrimary: CtaLink;
|
|
127
|
+
/**
|
|
128
|
+
* @type {CtaLink}
|
|
129
|
+
*/
|
|
130
|
+
ctaSecondary: CtaLink;
|
|
131
|
+
/** @type {MenuItem[]} */
|
|
132
|
+
menuItems: MenuItem[];
|
|
133
|
+
breakpointMin: number;
|
|
134
|
+
/** @type {string[]} */
|
|
135
|
+
suggestions: string[];
|
|
136
|
+
prefilledSuggestion: string;
|
|
137
|
+
/** @type {NavBarResponsiveMode} */
|
|
138
|
+
responsiveMode: NavBarResponsiveMode;
|
|
139
|
+
_levelCfg: {
|
|
140
|
+
l1: {
|
|
141
|
+
isBar: boolean;
|
|
142
|
+
openableConfig: {
|
|
143
|
+
placementMode: string;
|
|
144
|
+
isOpenable: boolean;
|
|
145
|
+
hidesOnOutsideClick: boolean;
|
|
146
|
+
inheritsReferenceWidth: string;
|
|
147
|
+
focusContentOnOpen?: undefined;
|
|
148
|
+
};
|
|
149
|
+
hasFullWidthFlyout?: undefined;
|
|
150
|
+
};
|
|
151
|
+
l2: {
|
|
152
|
+
openableConfig: {
|
|
153
|
+
placementMode: string;
|
|
154
|
+
hidesOnOutsideClick: boolean;
|
|
155
|
+
inheritsReferenceWidth: string;
|
|
156
|
+
hidesOnEscape?: undefined;
|
|
157
|
+
focusContentOnOpen?: undefined;
|
|
158
|
+
};
|
|
159
|
+
};
|
|
160
|
+
l3: {
|
|
161
|
+
openableConfig: {
|
|
162
|
+
placementMode: string;
|
|
163
|
+
hidesOnOutsideClick: boolean;
|
|
164
|
+
inheritsReferenceWidth: string;
|
|
165
|
+
focusContentOnOpen?: undefined;
|
|
166
|
+
hideVisually?: undefined;
|
|
167
|
+
};
|
|
168
|
+
};
|
|
169
|
+
} | {
|
|
170
|
+
l1: {
|
|
171
|
+
isBar: boolean;
|
|
172
|
+
hasFullWidthFlyout: boolean;
|
|
173
|
+
openableConfig: {
|
|
174
|
+
placementMode: string;
|
|
175
|
+
isOpenable: boolean;
|
|
176
|
+
inheritsReferenceWidth: string;
|
|
177
|
+
focusContentOnOpen: boolean;
|
|
178
|
+
hidesOnOutsideClick?: undefined;
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
l2: {
|
|
182
|
+
openableConfig: {
|
|
183
|
+
placementMode: string;
|
|
184
|
+
hidesOnOutsideClick: boolean;
|
|
185
|
+
hidesOnEscape: boolean;
|
|
186
|
+
inheritsReferenceWidth: string;
|
|
187
|
+
focusContentOnOpen: boolean;
|
|
188
|
+
};
|
|
189
|
+
};
|
|
190
|
+
l3: {
|
|
191
|
+
openableConfig: {
|
|
192
|
+
placementMode: string;
|
|
193
|
+
inheritsReferenceWidth: string;
|
|
194
|
+
focusContentOnOpen: boolean;
|
|
195
|
+
hideVisually: boolean;
|
|
196
|
+
hidesOnOutsideClick?: undefined;
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
_levelSecondaryCfg: {
|
|
201
|
+
l1: {
|
|
202
|
+
isBar: boolean;
|
|
203
|
+
};
|
|
204
|
+
l2: {
|
|
205
|
+
isBar: boolean;
|
|
206
|
+
};
|
|
207
|
+
};
|
|
208
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
209
|
+
/**
|
|
210
|
+
* @param {MenuItem[]} menuItemsForLevel
|
|
211
|
+
* @param {number} level
|
|
212
|
+
* @param {LevelConfig} cfgForLevel
|
|
213
|
+
* @returns {import('lit').TemplateResult}
|
|
214
|
+
*/
|
|
215
|
+
_menulevelTemplate(menuItemsForLevel: MenuItem[], level: number, cfgForLevel: LevelConfig, prevText?: string): import('lit').TemplateResult;
|
|
216
|
+
#private;
|
|
217
|
+
}
|
|
218
|
+
export type NavBarResponsiveMode = import('./types.js').NavBarResponsiveMode;
|
|
219
|
+
export type MenuItem = import('./types.js').MenuItem;
|
|
220
|
+
export type CtaLink = import('./types.js').CtaLink;
|
|
221
|
+
export type Logo = import('./types.js').Logo;
|
|
222
|
+
export type LevelConfig = import('./types.js').LevelConfig;
|
|
223
|
+
import { LitElement } from "lit";
|
|
224
|
+
import { LionMenuHybrid } from "../../../exports/menu.js";
|
|
225
|
+
export {};
|
|
226
|
+
//# sourceMappingURL=LionNavigationBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LionNavigationBar.d.ts","sourceRoot":"","sources":["../../../../components/navigation-bar/src/LionNavigationBar.js"],"names":[],"mappings":";AAIA;;;;;;GAMG;AAEH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAaC;IAED;;MAKC;IAED,+CA0FC;IA6HD;;OAEG;IACH,2CAFW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuE9B;IA0CD;;;OAGG;IACH,oCAHW,MAAM,EAAE,iCACN,OAAO,KAAK,EAAE,cAAc,CAexC;IAED;;;;OAIG;IACH,gCAJW,OAAO,gBACP,OAAO,GACL,OAAO,KAAK,EAAE,cAAc,CAexC;IA/QC,mBAAmB;IACnB,MADW,IAAI,CAC4C;IAC3D,yBAAyB;IACzB,kBADW,QAAQ,EAAE,CACK;IAM1B;;OAEG;IAEH,YAHU,OAAO,CAGG;IACpB;;OAEG;IAEH,cAHU,OAAO,CAGK;IACtB,yBAAyB;IACzB,WADW,QAAQ,EAAE,CACF;IAGnB,sBAAyB;IACzB,uBAAuB;IACvB,aADW,MAAM,EAAE,CACE;IAErB,4BAA6B;IAO7B,mCAAmC;IACnC,gBADW,oBAAoB,CACyB;IACxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAoE;IACpE;;;;;;;MAAsD;IAuKxD,+CA4BC;IAyCD;;;;;OAKG;IACH,sCALW,QAAQ,EAAE,SACV,MAAM,eACN,WAAW,sBACT,OAAO,KAAK,EAAE,cAAc,CAwCxC;;CACF;mCA3bY,OAAO,YAAY,EAAE,oBAAoB;uBACzC,OAAO,YAAY,EAAE,QAAQ;sBAC7B,OAAO,YAAY,EAAE,OAAO;mBAC5B,OAAO,YAAY,EAAE,IAAI;0BACzB,OAAO,YAAY,EAAE,WAAW"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Responsive mode for the navigation bar
|
|
3
|
+
*/
|
|
4
|
+
export type NavBarResponsiveMode = 'mobile' | 'desktop';
|
|
5
|
+
/**
|
|
6
|
+
* Navigation menu item
|
|
7
|
+
*/
|
|
8
|
+
export type MenuItem = {
|
|
9
|
+
/**
|
|
10
|
+
* - Optional unique identifier
|
|
11
|
+
*/
|
|
12
|
+
id?: string | undefined;
|
|
13
|
+
/**
|
|
14
|
+
* - Display title of the menu item
|
|
15
|
+
*/
|
|
16
|
+
title: string;
|
|
17
|
+
/**
|
|
18
|
+
* - URL for the menu item (for leaf items)
|
|
19
|
+
*/
|
|
20
|
+
link?: string | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* - Submenu items (for parent items)
|
|
23
|
+
*/
|
|
24
|
+
sub?: MenuItem[] | undefined;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Call-to-action link
|
|
28
|
+
*/
|
|
29
|
+
export type CtaLink = {
|
|
30
|
+
/**
|
|
31
|
+
* - Optional unique identifier
|
|
32
|
+
*/
|
|
33
|
+
id?: string | undefined;
|
|
34
|
+
/**
|
|
35
|
+
* - URL for the CTA
|
|
36
|
+
*/
|
|
37
|
+
href?: string | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* - Display text for the CTA
|
|
40
|
+
*/
|
|
41
|
+
text?: string | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* - Accessible label for the CTA
|
|
44
|
+
*/
|
|
45
|
+
label?: string | undefined;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Logo configuration for the navigation bar
|
|
49
|
+
*/
|
|
50
|
+
export type Logo = {
|
|
51
|
+
/**
|
|
52
|
+
* - Logo type (e.g., 'ing')
|
|
53
|
+
*/
|
|
54
|
+
type: string;
|
|
55
|
+
/**
|
|
56
|
+
* - Alternative text for the logo
|
|
57
|
+
*/
|
|
58
|
+
alt: string;
|
|
59
|
+
/**
|
|
60
|
+
* - URL the logo links to
|
|
61
|
+
*/
|
|
62
|
+
href: string;
|
|
63
|
+
/**
|
|
64
|
+
* - Optional custom logo source URL
|
|
65
|
+
*/
|
|
66
|
+
src?: string | undefined;
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Configuration for a menu level
|
|
70
|
+
*/
|
|
71
|
+
export type LevelConfig = {
|
|
72
|
+
/**
|
|
73
|
+
* - Whether this level is displayed as a bar
|
|
74
|
+
*/
|
|
75
|
+
isBar?: boolean | undefined;
|
|
76
|
+
/**
|
|
77
|
+
* - Whether this level has a full-width flyout
|
|
78
|
+
*/
|
|
79
|
+
hasFullWidthFlyout?: boolean | undefined;
|
|
80
|
+
/**
|
|
81
|
+
* - Configuration for the openable overlay
|
|
82
|
+
*/
|
|
83
|
+
openableConfig?: object | undefined;
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/navigation-bar/src/types.js"],"names":[],"mappings":";;;mCACa,QAAQ,GAAG,SAAS;;;;;;;;;;;;WAQnB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAiBN,MAAM;;;;SACN,MAAM;;;;UACN,MAAM"}
|
|
@@ -62,9 +62,9 @@ export class OverlayController extends EventTarget {
|
|
|
62
62
|
get content(): HTMLDialogElement | HTMLDivElement;
|
|
63
63
|
/**
|
|
64
64
|
* Determines the connection point in DOM (body vs next to invoker).
|
|
65
|
-
* @type {'global' | 'local' | undefined}
|
|
65
|
+
* @type {'global' | 'local' | 'custom' | undefined}
|
|
66
66
|
*/
|
|
67
|
-
get placementMode(): "global" | "local" | undefined;
|
|
67
|
+
get placementMode(): "global" | "local" | "custom" | undefined;
|
|
68
68
|
/**
|
|
69
69
|
* The interactive element (usually a button) invoking the dialog or tooltip
|
|
70
70
|
* @type {HTMLElement | undefined}
|
|
@@ -212,8 +212,6 @@ export class OverlayController extends EventTarget {
|
|
|
212
212
|
* @private
|
|
213
213
|
*/
|
|
214
214
|
private __prevConfig;
|
|
215
|
-
/** @private */
|
|
216
|
-
private __elementToFocusAfterHide;
|
|
217
215
|
/**
|
|
218
216
|
* @param {OverlayConfig} newConfig
|
|
219
217
|
* @private
|
|
@@ -224,6 +222,8 @@ export class OverlayController extends EventTarget {
|
|
|
224
222
|
*/
|
|
225
223
|
protected _init(): void;
|
|
226
224
|
__contentHasBeenInitialized: boolean | undefined;
|
|
225
|
+
/** @private */
|
|
226
|
+
private __elementToFocusAfterHide;
|
|
227
227
|
/**
|
|
228
228
|
* @param {{ phase: OverlayPhase }} config
|
|
229
229
|
* @private
|
|
@@ -256,8 +256,8 @@ export class OverlayController extends EventTarget {
|
|
|
256
256
|
* @private
|
|
257
257
|
*/
|
|
258
258
|
private __initContentDomStructure;
|
|
259
|
-
__wrappingDialogNode: HTMLDialogElement | undefined;
|
|
260
|
-
__contentWrapperNode: HTMLDivElement | undefined;
|
|
259
|
+
__wrappingDialogNode: HTMLElement | HTMLDialogElement | undefined;
|
|
260
|
+
__contentWrapperNode: HTMLElement | HTMLDivElement | undefined;
|
|
261
261
|
/**
|
|
262
262
|
* Display local overlays on top of elements with no z-index that appear later in the DOM
|
|
263
263
|
* @param {{ phase: OverlayPhase }} config
|
|
@@ -302,12 +302,6 @@ export class OverlayController extends EventTarget {
|
|
|
302
302
|
protected _keepBodySize({ phase }: {
|
|
303
303
|
phase: OverlayPhase;
|
|
304
304
|
}): void;
|
|
305
|
-
__bodyClientWidth: number | undefined;
|
|
306
|
-
__bodyClientHeight: number | undefined;
|
|
307
|
-
__bodyMarginRightInline: string | undefined;
|
|
308
|
-
__bodyMarginBottomInline: string | undefined;
|
|
309
|
-
__bodyMarginRight: number | undefined;
|
|
310
|
-
__bodyMarginBottom: number | undefined;
|
|
311
305
|
/**
|
|
312
306
|
* @event before-hide right before the overlay hides. Used for animations and switching overlays
|
|
313
307
|
* @event hide right after the overlay is hidden
|
|
@@ -448,7 +442,7 @@ export class OverlayController extends EventTarget {
|
|
|
448
442
|
export namespace OverlayController {
|
|
449
443
|
const popperModule: Promise<PopperModule> | undefined;
|
|
450
444
|
}
|
|
451
|
-
export type OverlayPhase = '
|
|
445
|
+
export type OverlayPhase = import('@lion/ui/types/overlays.js').OverlayPhase;
|
|
452
446
|
export type ViewportConfig = import('@lion/ui/types/overlays.js').ViewportConfig;
|
|
453
447
|
export type OverlayConfig = import('@lion/ui/types/overlays.js').OverlayConfig;
|
|
454
448
|
export type PopperOptions = import('@popperjs/core').Options;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayController.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayController.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OverlayController.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayController.js"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/** @param {PostProcessor} postProcessor */
|
|
2
|
+
export function _addOverlayMixinPostProcessor(postProcessor: PostProcessor): void;
|
|
1
3
|
/**
|
|
2
4
|
* @typedef {import('../types/OverlayConfig.js').OverlayConfig} OverlayConfig
|
|
3
5
|
* @typedef {import('../types/OverlayMixinTypes.js').DefineOverlayConfig} DefineOverlayConfig
|
|
@@ -14,6 +16,7 @@
|
|
|
14
16
|
export const OverlayMixinImplementation: OverlayMixin;
|
|
15
17
|
export type OverlayMixin = import('../types/OverlayMixinTypes.js').OverlayMixin;
|
|
16
18
|
export const OverlayMixin: typeof import("../types/OverlayMixinTypes.js").OverlayImplementation;
|
|
19
|
+
export type PostProcessor = <T>(ingOverlayHost: T) => void;
|
|
17
20
|
export type OverlayConfig = import('../types/OverlayConfig.js').OverlayConfig;
|
|
18
21
|
export type DefineOverlayConfig = import('../types/OverlayMixinTypes.js').DefineOverlayConfig;
|
|
19
22
|
//# sourceMappingURL=OverlayMixin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"AAWA,2CAA2C;AAC3C,6DADY,aAAa,QAGxB;AAED;;;;GAIG;AAEH;;;;;;;GAOG;AACH,yCAHU,YAAY,CAwcpB;2BAhdW,OAAO,+BAA+B,EAAE,YAAY;AAidjE,gGAAoE;sDA/d9B,IAAI;4BAY7B,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB"}
|
|
@@ -23,13 +23,37 @@ export class OverlaysManager {
|
|
|
23
23
|
* @private
|
|
24
24
|
*/
|
|
25
25
|
private __shownList;
|
|
26
|
-
/** @
|
|
27
|
-
|
|
26
|
+
/** @protected */
|
|
27
|
+
protected _siblingsInert: boolean;
|
|
28
28
|
/**
|
|
29
29
|
* @type {WeakMap<OverlayController, OverlayController[]>}
|
|
30
30
|
* @private
|
|
31
31
|
*/
|
|
32
32
|
private __blockingMap;
|
|
33
|
+
/**
|
|
34
|
+
* @private
|
|
35
|
+
* @type {{
|
|
36
|
+
* preventScrollCount: number;
|
|
37
|
+
* clientWidth: number | undefined;
|
|
38
|
+
* clientHeight: number | undefined;
|
|
39
|
+
* marginRightInline: string | undefined;
|
|
40
|
+
* marginBottomInline: string | undefined;
|
|
41
|
+
* marginRight: number | undefined;
|
|
42
|
+
* marginBottom: number | undefined;
|
|
43
|
+
* }}
|
|
44
|
+
*/
|
|
45
|
+
private __bodySizeVars;
|
|
46
|
+
__forTesting: {
|
|
47
|
+
bodySizeVars: {
|
|
48
|
+
preventScrollCount: number;
|
|
49
|
+
clientWidth: number | undefined;
|
|
50
|
+
clientHeight: number | undefined;
|
|
51
|
+
marginRightInline: string | undefined;
|
|
52
|
+
marginBottomInline: string | undefined;
|
|
53
|
+
marginRight: number | undefined;
|
|
54
|
+
marginBottom: number | undefined;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
33
57
|
/**
|
|
34
58
|
* Registers an overlay controller.
|
|
35
59
|
* @param {OverlayController} ctrlToAdd controller of the newly added overlay
|
|
@@ -52,6 +76,12 @@ export class OverlaysManager {
|
|
|
52
76
|
/** Features right now only for Global Overlay Manager */
|
|
53
77
|
get siblingsInert(): boolean;
|
|
54
78
|
/** PreventsScroll */
|
|
79
|
+
/**
|
|
80
|
+
* @param {{ phase: OverlayPhase }} config
|
|
81
|
+
*/
|
|
82
|
+
requestToKeepBodySize({ phase }: {
|
|
83
|
+
phase: OverlayPhase;
|
|
84
|
+
}): void;
|
|
55
85
|
requestToPreventScroll(): void;
|
|
56
86
|
/**
|
|
57
87
|
* @param {OverlayController} [currentController]
|
|
@@ -72,4 +102,5 @@ export namespace OverlaysManager {
|
|
|
72
102
|
}
|
|
73
103
|
export type CSSResult = import('lit').CSSResult;
|
|
74
104
|
export type OverlayController = import('./OverlayController.js').OverlayController;
|
|
105
|
+
export type OverlayPhase = import('@lion/ui/types/overlays.js').OverlayPhase;
|
|
75
106
|
//# sourceMappingURL=OverlaysManager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":"AAUA;;GAEG;AACH;IACE,mDAMC;IAED;;;OAGG;IACH,iEAEC;IAED;;;OAGG;IACH,sEAEC;IAGC;;;OAGG;IACH,eAAgB;IAChB;;;OAGG;IACH,oBAAqB;IACrB,iBAAiB;IACjB,kCAA2B;IAC3B;;;OAGG;IACH,sBAAkC;IAClC;;;;;;;;;;;OAWG;IACH,uBAQC;IAED;;gCAnByB,MAAM;yBACb,MAAM,GAAG,SAAS;0BACjB,MAAM,GAAG,SAAS;+BACb,MAAM,GAAG,SAAS;gCACjB,MAAM,GAAG,SAAS;yBACzB,MAAM,GAAG,SAAS;0BACjB,MAAM,GAAG,SAAS;;MAepC;IAOH;;;;OAIG;IACH,eAHW,iBAAiB,GACf,iBAAiB,CAQ7B;IAED;;OAEG;IACH,qBAFW,iBAAiB,QAQ3B;IAED;;OAEG;IACH,iBAFW,iBAAiB,QAe3B;IAED;;OAEG;IACH,iBAFW,GAAG,QAOb;IAED,iBAsBC;IAED,yDAAyD;IAEzD,6BAEC;IAED,qBAAqB;IAErB;;OAEG;IACH;eAFoB,YAAY;aA8D/B;IAGD,+BAYC;IAED;;OAEG;IACH,gHAoBC;IAED;;;OAGG;IACH,gCAFW,iBAAiB,QAM3B;IAED;;OAEG;IACH,uCAFW,iBAAiB,QAS3B;CACF;;6BAEU,gBAAgB,GAAG,SAAS;;wBAxS1B,OAAO,KAAK,EAAE,SAAS;gCACvB,OAAO,wBAAwB,EAAE,iBAAiB;2BAClD,OAAO,4BAA4B,EAAE,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-focusable-elements.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/get-focusable-elements.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"get-focusable-elements.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/get-focusable-elements.js"],"names":[],"mappings":"AAsGA;;;GAGG;AACH,8CAHW,OAAO,GACL,WAAW,EAAE,CAQzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-equal-config.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/is-equal-config.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,iCAJW,QAAQ,aAAa,CAAC,KACtB,QAAQ,aAAa,CAAC,GACpB,OAAO,
|
|
1
|
+
{"version":3,"file":"is-equal-config.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/utils/is-equal-config.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,iCAJW,QAAQ,aAAa,CAAC,KACtB,QAAQ,aAAa,CAAC,GACpB,OAAO,CAgBnB;4BAzBY,OAAO,8BAA8B,EAAE,aAAa"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Options } from '@popperjs/core';
|
|
2
2
|
export type ViewportPlacement = 'center' | 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left';
|
|
3
|
+
export type OverlayPhase = 'setup' | 'init' | 'teardown' | 'before-show' | 'show' | 'hide' | 'add' | 'remove';
|
|
3
4
|
export interface ViewportConfig {
|
|
4
5
|
placement: ViewportPlacement;
|
|
5
6
|
}
|
|
@@ -57,12 +58,15 @@ export interface OverlayConfig {
|
|
|
57
58
|
isAlertDialog?: boolean;
|
|
58
59
|
/** By default, the tooltip content is a 'description' for the invoker (uses aria-describedby) Setting this property to 'label' makes the content function as a label (via aria-labelledby) */
|
|
59
60
|
invokerRelation?: 'label' | 'description';
|
|
60
|
-
/** render a div instead of dialog */
|
|
61
|
-
_noDialogEl?: Boolean;
|
|
62
61
|
/**
|
|
63
62
|
* Determines the conditions hiding/showing should be based on. It gets the OverlayController as input and returns an object with
|
|
64
63
|
* functions with Overlay phases as keys
|
|
65
64
|
*/
|
|
66
65
|
visibilityTriggerFunction?: Function;
|
|
66
|
+
/**
|
|
67
|
+
* Whether the overlay content should receive focus when shown.
|
|
68
|
+
*/
|
|
69
|
+
focusContentOnOpen?: boolean;
|
|
70
|
+
isOpenable?: boolean;
|
|
67
71
|
}
|
|
68
72
|
//# sourceMappingURL=OverlayConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayConfig.d.ts","sourceRoot":"","sources":["../../../../components/overlays/types/OverlayConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,KAAK,GACL,WAAW,GACX,OAAO,GACP,cAAc,GACd,QAAQ,GACR,aAAa,GACb,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"OverlayConfig.d.ts","sourceRoot":"","sources":["../../../../components/overlays/types/OverlayConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,KAAK,GACL,WAAW,GACX,OAAO,GACP,cAAc,GACd,QAAQ,GACR,aAAa,GACb,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,MAAM,GACN,UAAU,GACV,aAAa,GACb,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AACD,MAAM,WAAW,aAAa;IAG5B,kFAAkF;IAClF,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,sFAAsF;IACtF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qGAAqG;IACrG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+UAA+U;IAC/U,sBAAsB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,gFAAgF;IAChF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wMAAwM;IACxM,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oXAAoX;IACpX,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,mJAAmJ;IACnJ,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,WAAW,CAAC;IAItC,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAI5B;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAI/B,uKAAuK;IACvK,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6JAA6J;IAC7J,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8LAA8L;IAC9L,eAAe,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAE1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,QAAQ,CAAC;IAErC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAM7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -106,7 +106,11 @@ export class LionSelectRich extends LionSelectRich_base {
|
|
|
106
106
|
placementMode?: "global" | "local" | undefined;
|
|
107
107
|
popperConfig?: Partial<import("@popperjs/core/index.js").Options> | undefined;
|
|
108
108
|
viewportConfig?: import("../../overlays/types/OverlayConfig.js").ViewportConfig | undefined;
|
|
109
|
-
isBlocking?: boolean | undefined;
|
|
109
|
+
isBlocking?: boolean | undefined; /**
|
|
110
|
+
* LionSelectRich: wraps the <lion-listbox> element
|
|
111
|
+
*
|
|
112
|
+
* @customElement lion-field-with-select
|
|
113
|
+
*/
|
|
110
114
|
inheritsReferenceWidth?: "none" | "max" | "full" | "min" | undefined;
|
|
111
115
|
zIndex?: number | undefined;
|
|
112
116
|
invokerNode?: HTMLElement | undefined;
|
|
@@ -114,6 +118,10 @@ export class LionSelectRich extends LionSelectRich_base {
|
|
|
114
118
|
contentNode?: HTMLElement | undefined;
|
|
115
119
|
contentWrapperNode?: HTMLElement | undefined;
|
|
116
120
|
backdropNode?: HTMLElement | undefined;
|
|
121
|
+
/**
|
|
122
|
+
* @protected
|
|
123
|
+
* @configure FocusMixin
|
|
124
|
+
*/
|
|
117
125
|
elementToFocusAfterHide?: HTMLElement | undefined;
|
|
118
126
|
hasBackdrop?: boolean | undefined;
|
|
119
127
|
preventsScroll?: boolean | undefined;
|
|
@@ -125,7 +133,8 @@ export class LionSelectRich extends LionSelectRich_base {
|
|
|
125
133
|
isTooltip?: boolean | undefined;
|
|
126
134
|
isAlertDialog?: boolean | undefined;
|
|
127
135
|
invokerRelation?: "label" | "description" | undefined;
|
|
128
|
-
|
|
136
|
+
focusContentOnOpen?: boolean | undefined;
|
|
137
|
+
isOpenable?: boolean | undefined;
|
|
129
138
|
};
|
|
130
139
|
/**
|
|
131
140
|
* With no selected element, we should override the inheritsReferenceWidth in most cases.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LionSelectRich.d.ts","sourceRoot":"","sources":["../../../../components/select-rich/src/LionSelectRich.js"],"names":[],"mappings":";AAsBA;;;;GAIG;AACH;IACE;;MAKC;IAED,kBAAkB;IAClB,6BAgBC;IAED;;;OAGG;IAEH,2EAUC;IAUD;;;OAGG;IACH,gDAIC;IAED;;;OAGG;IAEH,kDAEC;IAiBC;;;;OAIG;IACH,+BAAkC;IAClC;;;;OAIG;IACH,iBAFU,eAAe,GAAC,KAAK,GAAC,MAAM,CAET;IAE7B,sBAAyB;IACzB,iBAAiB;IACjB,8BAAqB;IA2WvB;;;OAGG;IAEH,wBAJW,aAAa,QAgEvB;IA9ND,eAAe;IACf,wBAEC;IAiED,eAAe;IACf,wBAGC;IAZD,eAAe;IACf,wBAKC;IAzED,eAAe;IACf,yBAIC;IAkDD,eAAe;IACf,4BASC;IA2MD,iBAAiB;IACjB,kCAEC;IApcD,0BAYC;IAQD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAgBhB;IAED;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAiDtC;IAED;;;;OAIG;IACH,sBAHW,UAAU,GAAG,eAAe,iCAoBtC;IALG,qDAA2C;IAiB/C;;;;;OAKG;IACH,iGAEC;IAED,iBAAiB;IACjB,yCAGC;IAED,eAAe;IACf,gCAEC;IAED,eAAe;IACf,gCAKC;IAED,eAAe;IACf,6BAaC;IAED,eAAe;IACf,2BAKC;IAcD,eAAe;IACf,wCAIC;IAED,eAAe;IACf,8BAGC;IAED;;;OAGG;IAEH
|
|
1
|
+
{"version":3,"file":"LionSelectRich.d.ts","sourceRoot":"","sources":["../../../../components/select-rich/src/LionSelectRich.js"],"names":[],"mappings":";AAsBA;;;;GAIG;AACH;IACE;;MAKC;IAED,kBAAkB;IAClB,6BAgBC;IAED;;;OAGG;IAEH,2EAUC;IAUD;;;OAGG;IACH,gDAIC;IAED;;;OAGG;IAEH,kDAEC;IAiBC;;;;OAIG;IACH,+BAAkC;IAClC;;;;OAIG;IACH,iBAFU,eAAe,GAAC,KAAK,GAAC,MAAM,CAET;IAE7B,sBAAyB;IACzB,iBAAiB;IACjB,8BAAqB;IA2WvB;;;OAGG;IAEH,wBAJW,aAAa,QAgEvB;IA9ND,eAAe;IACf,wBAEC;IAiED,eAAe;IACf,wBAGC;IAZD,eAAe;IACf,wBAKC;IAzED,eAAe;IACf,yBAIC;IAkDD,eAAe;IACf,4BASC;IA2MD,iBAAiB;IACjB,kCAEC;IApcD,0BAYC;IAQD;;;;;OAKG;IACH,oDAJW,OAAO,sEAEL,IAAI,CAgBhB;IAED;;OAEG;IACH,2BAFW,OAAO,KAAK,EAAE,cAAc,QAiDtC;IAED;;;;OAIG;IACH,sBAHW,UAAU,GAAG,eAAe,iCAoBtC;IALG,qDAA2C;IAiB/C;;;;;OAKG;IACH,iGAEC;IAED,iBAAiB;IACjB,yCAGC;IAED,eAAe;IACf,gCAEC;IAED,eAAe;IACf,gCAKC;IAED,eAAe;IACf,6BAaC;IAED,eAAe;IACf,2BAKC;IAcD,eAAe;IACf,wCAIC;IAED,eAAe;IACf,8BAGC;IAED;;;OAGG;IAEH;;;;;0CA/UF;;;;WAIG;;;;;;;;QA+DD;;;WAGG;;;;;;;;;;;;;;MA+QF;IAED;;;;;;OAMG;IACH,kDAQC;IAkCC,4EAA8E;IAqBhF;;;;OAIG;IACH,8CAyBC;IAED;;;OAGG;IACH,gCAEC;IAED;;;OAGG;IACH,uDAEC;IAED;;;OAGG;IACH,4FAEC;IAgBC,0CAAgC;IA6GlC;;;;OAIG;IACH,wCASC;IARC,qCAA2B;CAS9B;0BA7mBY,OAAO,kCAAkC,EAAE,WAAW;yBACtD,OAAO,iCAAiC,EAAE,UAAU;kCACpD,OAAO,iEAAiE,EAAE,mBAAmB;8BAC7F,OAAO,gDAAgD,EAAE,eAAe;uBACxE,OAAO,oCAAoC,EAAE,QAAQ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-item.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-item.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-menu-overlay.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-menu-overlay.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-menu.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-menu.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-navigation-bar.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-navigation-bar.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-toolbar.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-toolbar.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lion-tree.d.ts","sourceRoot":"","sources":["../../../exports/define/lion-tree.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { LionMenu } from "../components/menu/src/LionMenu.js";
|
|
2
|
+
export { LionMenuOverlay } from "../components/menu/src/LionMenuOverlay.js";
|
|
3
|
+
export { LionTree } from "../components/menu/src/LionTree.js";
|
|
4
|
+
export { LionToolbar } from "../components/menu/src/LionToolbar.js";
|
|
5
|
+
export { LionMenuHybrid } from "../components/menu/src/LionMenuHybrid.js";
|
|
6
|
+
export { LionItem, LionMenuitem } from "../components/menu/src/InteractiveListMixin.js";
|
|
7
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../exports/menu.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-bar.d.ts","sourceRoot":"","sources":["../../exports/navigation-bar.js"],"names":[],"mappings":""}
|