@nldd/design-system 0.8.43 → 0.8.44
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/dist/components/actions/button/button.d.ts +19 -1
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +25 -1
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.js +28 -28
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +7 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +4 -4
- package/dist/components/actions/button-group/button-group.styles.js +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +28 -7
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +36 -9
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +25 -25
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +9 -2
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts +5 -5
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +19 -15
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +1 -1
- package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +14 -12
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +0 -2
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +20 -17
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +17 -17
- package/dist/components/actions/toolbar/toolbar.template.d.ts +1 -1
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +13 -5
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +5 -5
- package/dist/components/content/code/code.styles.js +3 -3
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +15 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +11 -5
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.styles.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +22 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +46 -2
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +5 -5
- package/dist/components/content/rich-text/rich-text.d.ts +3 -1
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +6 -1
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.styles.js +6 -6
- package/dist/components/content/title/title.styles.js +2 -2
- package/dist/components/content/tooltip/tooltip.styles.js +8 -8
- package/dist/components/forms/form-actions/form-actions.styles.js +2 -2
- package/dist/components/forms/form-field/form-field.styles.js +6 -6
- package/dist/components/{index-By2jYHEw.js → index-1v33GjGX.js} +2950 -2632
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +9 -9
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +4 -4
- package/dist/components/inputs/code-editor/code-editor.styles.js +14 -14
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +15 -14
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
- package/dist/components/inputs/dropdown/dropdown.d.ts +7 -5
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +11 -9
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +23 -17
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +12 -11
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +16 -15
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.js +2 -2
- package/dist/components/inputs/password-field/password-field.d.ts +8 -8
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +16 -16
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +18 -17
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.js +3 -3
- package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +11 -11
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +4 -4
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +17 -16
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +37 -67
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +2 -2
- package/dist/components/inputs/stepper/stepper.template.js +2 -2
- package/dist/components/inputs/switch/switch.styles.js +13 -13
- package/dist/components/inputs/switch-field/switch-field.styles.js +4 -4
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +17 -16
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -12
- package/dist/components/inputs/token/token.styles.js +5 -5
- package/dist/components/inputs/token/token.template.js +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +4 -4
- package/dist/components/layout/box/box.styles.js +2 -2
- package/dist/components/layout/card/card.styles.js +4 -4
- package/dist/components/layout/collection/collection.styles.js +6 -6
- package/dist/components/layout/divider/divider.styles.js +2 -2
- package/dist/components/layout/page/page.styles.js +9 -9
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +15 -14
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +6 -6
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +6 -6
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +14 -14
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +6 -6
- package/dist/components/layout/popover/popover.styles.js +4 -4
- package/dist/components/layout/sheet/sheet.d.ts +17 -4
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +40 -6
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +28 -35
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +5 -5
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +9 -9
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +34 -34
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +3 -3
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +7 -7
- package/dist/components/layout/window/window.styles.js +8 -8
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +5 -5
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +5 -5
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +6 -6
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +6 -6
- package/dist/components/lists-and-menus/list/list.styles.js +13 -13
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +21 -21
- package/dist/components/lists-and-menus/menu/menu.d.ts +160 -29
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +2 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.js +2 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.js +534 -102
- package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +93 -32
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.js +13 -0
- package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +0 -2
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +20 -22
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +48 -48
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +11 -9
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts.map +1 -0
- package/dist/components/navigation/link/link.js.map +1 -0
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -0
- package/dist/components/{actions → navigation}/link/link.styles.js +4 -4
- package/dist/components/navigation/link/link.styles.js.map +1 -0
- package/dist/components/navigation/link/link.template.d.ts.map +1 -0
- package/dist/components/navigation/link/link.template.js.map +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +17 -5
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +79 -34
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -2
- package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.template.js +12 -2
- package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +16 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +22 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +19 -19
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +2 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +12 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +19 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +47 -77
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.js +23 -16
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +9 -9
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +28 -51
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +57 -70
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +15 -15
- package/dist/components/{prism-typescript-BlIir5CV.js → prism-typescript-D2EqsCqV.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +7 -7
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +7 -7
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +5 -5
- package/dist/css/rich-text.css +85 -58
- package/dist/css/settings.css +36 -33
- package/dist/utilities/os.d.ts +27 -0
- package/dist/utilities/os.d.ts.map +1 -0
- package/dist/utilities/os.js +60 -0
- package/dist/utilities/os.js.map +1 -0
- package/package.json +5 -5
- package/dist/components/actions/link/link.d.ts.map +0 -1
- package/dist/components/actions/link/link.js.map +0 -1
- package/dist/components/actions/link/link.styles.d.ts.map +0 -1
- package/dist/components/actions/link/link.styles.js.map +0 -1
- package/dist/components/actions/link/link.template.d.ts.map +0 -1
- package/dist/components/actions/link/link.template.js.map +0 -1
- /package/dist/components/{actions → navigation}/link/link.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.js +0 -0
- /package/dist/components/{actions → navigation}/link/link.styles.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.template.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.template.js +0 -0
|
@@ -19,14 +19,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
19
19
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
20
20
|
};
|
|
21
21
|
import { LitElement } from 'lit';
|
|
22
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
|
22
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
23
23
|
import { menuBarStyles } from './menu-bar.styles.js';
|
|
24
24
|
import { template } from './menu-bar.template.js';
|
|
25
25
|
import { withTranslations } from '../../../utilities/with-translations.js';
|
|
26
26
|
import { nlddMenuBarTranslations } from './menu-bar.i18n.js';
|
|
27
|
+
import { POPOVER_REOPEN_GUARD_MS } from '../../../utilities/popover-guard.js';
|
|
27
28
|
import '../menu-bar-item/menu-bar-item.js';
|
|
28
29
|
import '../../lists-and-menus/menu/menu.js';
|
|
29
|
-
import { POPOVER_REOPEN_GUARD_MS } from '../../../utilities/popover-guard.js';
|
|
30
30
|
let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMenuBarTranslations) {
|
|
31
31
|
constructor() {
|
|
32
32
|
super(...arguments);
|
|
@@ -34,9 +34,11 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
34
34
|
this.accessibleLabel = '';
|
|
35
35
|
this.compact = false;
|
|
36
36
|
// ## Overflow state
|
|
37
|
+
/** @internal Used by template — drives the overflow button's expanded state. */
|
|
38
|
+
this._menuOpen = false;
|
|
37
39
|
this._overflowMenu = null;
|
|
38
|
-
this.
|
|
39
|
-
this.
|
|
40
|
+
this._menuClosedAt = 0;
|
|
41
|
+
this._overflowUpdatePending = false;
|
|
40
42
|
this._resizeObserver = null;
|
|
41
43
|
this._overflowRAF = null;
|
|
42
44
|
this._setupRAF = null;
|
|
@@ -53,17 +55,28 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
53
55
|
this._updateOverflow();
|
|
54
56
|
});
|
|
55
57
|
};
|
|
56
|
-
/**
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
58
|
+
/**
|
|
59
|
+
* @internal Used by template.
|
|
60
|
+
*
|
|
61
|
+
* Opens/closes the overflow popover explicitly — the same proven
|
|
62
|
+
* mechanism as an expandable nldd-menu-bar-item's own submenu
|
|
63
|
+
* (`_toggleMenu`): anchor to the (always-visible) trigger so
|
|
64
|
+
* floating-ui never collapses to 0,0, and a POPOVER_REOPEN_GUARD_MS
|
|
65
|
+
* window so a click that light-dismissed the popover doesn't
|
|
66
|
+
* immediately reopen it. The native popover-invoker path was unusable
|
|
67
|
+
* here (anchor inside a display-toggled wrapper + no reopen guard).
|
|
68
|
+
*/
|
|
69
|
+
this._toggleOverflowMenu = () => {
|
|
70
|
+
this._createOverflowMenu();
|
|
71
|
+
if (!this._overflowMenu)
|
|
72
|
+
return;
|
|
73
|
+
const trigger = this._overflowButton?.querySelector('nldd-menu-bar-item');
|
|
74
|
+
this._overflowMenu.anchorElement = trigger ?? this._overflowButton;
|
|
75
|
+
if (this._menuOpen) {
|
|
64
76
|
this._overflowMenu.hidePopover();
|
|
65
77
|
}
|
|
66
|
-
else if (Date.now() - this.
|
|
78
|
+
else if (Date.now() - this._menuClosedAt > POPOVER_REOPEN_GUARD_MS) {
|
|
79
|
+
this._populateOverflowMenu();
|
|
67
80
|
this._overflowMenu.showPopover();
|
|
68
81
|
}
|
|
69
82
|
};
|
|
@@ -104,17 +117,12 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
104
117
|
const hasItems = items.some(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
|
|
105
118
|
this.toggleAttribute('empty', !hasItems);
|
|
106
119
|
}
|
|
107
|
-
/** Propagate compact attribute to slotted items
|
|
120
|
+
/** Propagate compact attribute to slotted items. */
|
|
108
121
|
_syncCompactAttribute() {
|
|
109
122
|
const items = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
|
|
110
123
|
for (const item of items) {
|
|
111
124
|
item.toggleAttribute('compact', this.compact);
|
|
112
125
|
}
|
|
113
|
-
// Internal overflow button item
|
|
114
|
-
const overflowItem = this._overflowButton?.querySelector('nldd-menu-bar-item');
|
|
115
|
-
if (overflowItem) {
|
|
116
|
-
overflowItem.toggleAttribute('compact', this.compact);
|
|
117
|
-
}
|
|
118
126
|
}
|
|
119
127
|
// ## Overflow detection
|
|
120
128
|
_setupOverflowDetection() {
|
|
@@ -159,6 +167,18 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
159
167
|
const overflowButton = this._overflowButton;
|
|
160
168
|
if (!overflowButton)
|
|
161
169
|
return;
|
|
170
|
+
// While the overflow popover is open, do NOT relayout. Selecting an
|
|
171
|
+
// item re-renders the slotted items, which fires our ResizeObserver
|
|
172
|
+
// and would run this reflow (reset all items visible → measure →
|
|
173
|
+
// re-hide). nldd-menu's floating-ui autoUpdate is anchored to the
|
|
174
|
+
// overflow trigger inside .menu-bar__overflow-button and would
|
|
175
|
+
// reposition the open menu against that mid-reflow / 0-rect anchor
|
|
176
|
+
// → the menu jumps off-screen. Defer the recalc until the popover
|
|
177
|
+
// closes (a genuine window resize closes nldd-menu itself first).
|
|
178
|
+
if (this._menuOpen) {
|
|
179
|
+
this._overflowUpdatePending = true;
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
162
182
|
const slottedElements = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
|
|
163
183
|
const items = slottedElements.filter(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
|
|
164
184
|
if (items.length === 0) {
|
|
@@ -196,19 +216,27 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
196
216
|
}
|
|
197
217
|
// ## Overflow popover menu
|
|
198
218
|
_createOverflowMenu() {
|
|
219
|
+
if (this._overflowMenu)
|
|
220
|
+
return;
|
|
221
|
+
// SSR guard — document is unavailable in server-side rendering.
|
|
222
|
+
if (typeof document === 'undefined')
|
|
223
|
+
return;
|
|
199
224
|
const menu = document.createElement('nldd-menu');
|
|
200
225
|
menu.setAttribute('placement', 'bottom-end');
|
|
201
226
|
menu.addEventListener('toggle', (event) => {
|
|
202
227
|
const isOpen = event.newState === 'open';
|
|
203
|
-
this.
|
|
204
|
-
if (!isOpen)
|
|
205
|
-
this.
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
228
|
+
this._menuOpen = isOpen;
|
|
229
|
+
if (!isOpen) {
|
|
230
|
+
this._menuClosedAt = Date.now();
|
|
231
|
+
// Flush any overflow recalc that was deferred while open.
|
|
232
|
+
if (this._overflowUpdatePending) {
|
|
233
|
+
this._overflowUpdatePending = false;
|
|
234
|
+
this._scheduleOverflowUpdate();
|
|
235
|
+
}
|
|
236
|
+
}
|
|
209
237
|
});
|
|
210
238
|
document.body.appendChild(menu);
|
|
211
|
-
|
|
239
|
+
this._overflowMenu = menu;
|
|
212
240
|
}
|
|
213
241
|
_populateOverflowMenu() {
|
|
214
242
|
if (!this._overflowMenu)
|
|
@@ -226,19 +254,33 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
226
254
|
if (item.disabled)
|
|
227
255
|
menuItem.setAttribute('disabled', '');
|
|
228
256
|
if (item.expandable) {
|
|
229
|
-
// Expandable items
|
|
257
|
+
// Expandable items become a real nested submenu: the parent
|
|
258
|
+
// menuItem gets a child nldd-menu, so nldd-menu's own
|
|
259
|
+
// submenu/drill-in machinery renders it (no dead flat label).
|
|
230
260
|
const children = item.querySelectorAll('nldd-menu-item, nldd-menu-divider');
|
|
231
261
|
if (children.length > 0) {
|
|
232
|
-
const
|
|
233
|
-
this._overflowMenu.appendChild(menuItem);
|
|
234
|
-
this._overflowMenu.appendChild(divider);
|
|
262
|
+
const submenu = document.createElement('nldd-menu');
|
|
235
263
|
children.forEach(child => {
|
|
236
264
|
const clone = child.cloneNode(true);
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
265
|
+
// Delegate via the original's select(), NOT click(): a
|
|
266
|
+
// real DOM click bubbles to the original — overflowed,
|
|
267
|
+
// display:none — expandable nldd-menu-bar-item and its
|
|
268
|
+
// _handleClick reopens that item's own submenu anchored
|
|
269
|
+
// to a zero-rect element, throwing it off-screen.
|
|
270
|
+
// select() fires the `select` event from the original
|
|
271
|
+
// (so it still bubbles to the consumer) without any
|
|
272
|
+
// bubbling DOM click. Dividers aren't interactive.
|
|
273
|
+
const original = child;
|
|
274
|
+
if (typeof original.select === 'function') {
|
|
275
|
+
clone.addEventListener('click', () => original.select());
|
|
276
|
+
}
|
|
277
|
+
submenu.appendChild(clone);
|
|
241
278
|
});
|
|
279
|
+
// Assemble fully BEFORE attaching: nldd-menu-item resolves
|
|
280
|
+
// its submenu once at firstUpdated (`:scope > nldd-menu`);
|
|
281
|
+
// a nldd-menu added after it connects is ignored.
|
|
282
|
+
menuItem.appendChild(submenu);
|
|
283
|
+
this._overflowMenu.appendChild(menuItem);
|
|
242
284
|
continue;
|
|
243
285
|
}
|
|
244
286
|
}
|
|
@@ -269,6 +311,9 @@ __decorate([
|
|
|
269
311
|
__decorate([
|
|
270
312
|
query('.menu-bar__overflow-button')
|
|
271
313
|
], NLDDMenuBar.prototype, "_overflowButton", void 0);
|
|
314
|
+
__decorate([
|
|
315
|
+
state()
|
|
316
|
+
], NLDDMenuBar.prototype, "_menuOpen", void 0);
|
|
272
317
|
NLDDMenuBar = __decorate([
|
|
273
318
|
customElement('nldd-menu-bar')
|
|
274
319
|
], NLDDMenuBar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"menu-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,9 +6,9 @@ export const menuBarStyles = css `
|
|
|
6
6
|
|
|
7
7
|
:host {
|
|
8
8
|
display: flex;
|
|
9
|
+
min-width: 0;
|
|
9
10
|
flex-grow: 1;
|
|
10
11
|
flex-shrink: 1;
|
|
11
|
-
min-width: 0;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
:host([hidden]),
|
|
@@ -21,11 +21,11 @@ export const menuBarStyles = css `
|
|
|
21
21
|
|
|
22
22
|
.menu-bar {
|
|
23
23
|
display: flex;
|
|
24
|
+
min-width: 0;
|
|
24
25
|
flex-direction: row;
|
|
25
26
|
align-items: center;
|
|
26
27
|
flex-grow: 1;
|
|
27
28
|
flex-shrink: 1;
|
|
28
|
-
min-width: 0;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
/* ## Overflow button */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"menu-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,WAAW,wCA2B9C"}
|
|
@@ -11,8 +11,18 @@ export function template(component) {
|
|
|
11
11
|
icon="ellipsis"
|
|
12
12
|
icon-only
|
|
13
13
|
haspopup="menu"
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
?expanded=${component._menuOpen}
|
|
15
|
+
@click=${component._toggleOverflowMenu}
|
|
16
|
+
>
|
|
17
|
+
<!-- The overflow popover is opened/closed explicitly by
|
|
18
|
+
_toggleOverflowMenu (same mechanism as an expandable
|
|
19
|
+
nldd-menu-bar-item's own submenu): anchored to this
|
|
20
|
+
always-visible trigger + a reopen guard. aria-controls
|
|
21
|
+
omitted: ARIA IDREF attributes cannot cross shadow DOM
|
|
22
|
+
boundaries and the menu is reparented to document.body;
|
|
23
|
+
haspopup + expanded forward to the inner button and give
|
|
24
|
+
sufficient AT context for WCAG 2.1 AA. -->
|
|
25
|
+
</nldd-menu-bar-item>
|
|
16
26
|
</div>
|
|
17
27
|
</nav>
|
|
18
28
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAsB;IAC9C,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe,IAAI,OAAO;;;;;aAKvC,SAAS,CAAC,aAAa;;;;
|
|
1
|
+
{"version":3,"file":"menu-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAsB;IAC9C,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe,IAAI,OAAO;;;;;aAKvC,SAAS,CAAC,aAAa;;;;iBAInB,SAAS,CAAC,SAAS;cACtB,SAAS,CAAC,mBAAmB;;;;;;;;;;;;;EAazC,CAAC;AACH,CAAC"}
|
|
@@ -45,6 +45,22 @@ export declare class NLDDMenuBarItem extends LitElement {
|
|
|
45
45
|
accessibleLabel: string;
|
|
46
46
|
haspopup: string;
|
|
47
47
|
expanded: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Direct element reference to the popover this item invokes — IDL-only
|
|
50
|
+
* counterpart to `popovertarget` that works across shadow boundaries.
|
|
51
|
+
* Set by `nldd-menu` when this item is wired up as the menu's anchor
|
|
52
|
+
* so the browser recognises the inner button as the menu's invoker
|
|
53
|
+
* and excludes the click from popover light-dismiss.
|
|
54
|
+
*/
|
|
55
|
+
popoverTargetElement: Element | null;
|
|
56
|
+
/**
|
|
57
|
+
* Action the browser performs when the inner button is clicked,
|
|
58
|
+
* mirroring the standard `popovertargetaction` attribute. The menu
|
|
59
|
+
* keeps this in sync with its open state — `'hide'` while open,
|
|
60
|
+
* `'show'` while closed — so the browser's native invoker action
|
|
61
|
+
* always matches the intent of the click without racing.
|
|
62
|
+
*/
|
|
63
|
+
popoverTargetAction: 'toggle' | 'show' | 'hide';
|
|
48
64
|
private _menu;
|
|
49
65
|
private _menuOpen;
|
|
50
66
|
private _menuClosedAt;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,4BAA4B,CAAC;AACpC,OAAO,oCAAoC,CAAC;AAe5C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAG9E,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;
|
|
1
|
+
{"version":3,"file":"menu-bar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,4BAA4B,CAAC;AACpC,OAAO,oCAAoC,CAAC;AAe5C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAG9E,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAEjB;;;;;;OAMG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAI3D,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAK;IAIjB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAO5C,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY,CAqBlB;IAIF,OAAO,CAAC,WAAW;IAiBnB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,WAAW;IAcV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
|
|
@@ -56,6 +56,22 @@ let NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
|
|
|
56
56
|
this.accessibleLabel = '';
|
|
57
57
|
this.haspopup = '';
|
|
58
58
|
this.expanded = false;
|
|
59
|
+
/**
|
|
60
|
+
* Direct element reference to the popover this item invokes — IDL-only
|
|
61
|
+
* counterpart to `popovertarget` that works across shadow boundaries.
|
|
62
|
+
* Set by `nldd-menu` when this item is wired up as the menu's anchor
|
|
63
|
+
* so the browser recognises the inner button as the menu's invoker
|
|
64
|
+
* and excludes the click from popover light-dismiss.
|
|
65
|
+
*/
|
|
66
|
+
this.popoverTargetElement = null;
|
|
67
|
+
/**
|
|
68
|
+
* Action the browser performs when the inner button is clicked,
|
|
69
|
+
* mirroring the standard `popovertargetaction` attribute. The menu
|
|
70
|
+
* keeps this in sync with its open state — `'hide'` while open,
|
|
71
|
+
* `'show'` while closed — so the browser's native invoker action
|
|
72
|
+
* always matches the intent of the click without racing.
|
|
73
|
+
*/
|
|
74
|
+
this.popoverTargetAction = 'toggle';
|
|
59
75
|
// ## Menu popover state
|
|
60
76
|
this._menu = null;
|
|
61
77
|
this._menuOpen = false;
|
|
@@ -200,6 +216,12 @@ __decorate([
|
|
|
200
216
|
__decorate([
|
|
201
217
|
property({ type: Boolean, reflect: true })
|
|
202
218
|
], NLDDMenuBarItem.prototype, "expanded", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ attribute: false })
|
|
221
|
+
], NLDDMenuBarItem.prototype, "popoverTargetElement", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
property({ attribute: false })
|
|
224
|
+
], NLDDMenuBarItem.prototype, "popoverTargetAction", void 0);
|
|
203
225
|
NLDDMenuBarItem = __decorate([
|
|
204
226
|
customElement('nldd-menu-bar-item')
|
|
205
227
|
], NLDDMenuBarItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"menu-bar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,10 +11,10 @@ export const menuBarItemStyles = css `
|
|
|
11
11
|
|
|
12
12
|
display: inline-block;
|
|
13
13
|
position: relative;
|
|
14
|
-
isolation: isolate;
|
|
15
14
|
flex-grow: 0;
|
|
16
15
|
flex-shrink: 0;
|
|
17
16
|
flex-basis: auto;
|
|
17
|
+
isolation: isolate;
|
|
18
18
|
-webkit-tap-highlight-color: transparent;
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -26,24 +26,24 @@ export const menuBarItemStyles = css `
|
|
|
26
26
|
/* # Block */
|
|
27
27
|
|
|
28
28
|
.menu-bar-item {
|
|
29
|
-
appearance: none;
|
|
30
|
-
border: none;
|
|
31
|
-
margin: 0;
|
|
32
|
-
background: none;
|
|
33
|
-
text-decoration: none;
|
|
34
29
|
display: flex;
|
|
35
30
|
position: relative;
|
|
31
|
+
box-sizing: border-box;
|
|
32
|
+
margin: 0;
|
|
33
|
+
border: none;
|
|
34
|
+
background: none;
|
|
36
35
|
height: var(--semantics-controls-md-min-size);
|
|
37
36
|
min-width: var(--semantics-controls-md-min-size);
|
|
38
|
-
|
|
37
|
+
padding: 0 var(--components-menu-bar-item-inline-padding);
|
|
39
38
|
justify-content: center;
|
|
40
39
|
align-items: center;
|
|
41
40
|
gap: var(--primitives-space-4);
|
|
41
|
+
text-align: center;
|
|
42
|
+
text-decoration: none;
|
|
42
43
|
font: var(--components-menu-bar-item-font);
|
|
43
44
|
color: var(--components-menu-bar-item-content-color);
|
|
44
|
-
text-align: center;
|
|
45
|
-
padding: 0 var(--components-menu-bar-item-inline-padding);
|
|
46
45
|
white-space: nowrap;
|
|
46
|
+
appearance: none;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
/* ## Hover indicator (::before) */
|
|
@@ -55,9 +55,9 @@ export const menuBarItemStyles = css `
|
|
|
55
55
|
bottom: var(--primitives-space-6);
|
|
56
56
|
left: 0;
|
|
57
57
|
right: 0;
|
|
58
|
+
z-index: var(--_indicator-z-index);
|
|
58
59
|
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
59
60
|
pointer-events: none;
|
|
60
|
-
z-index: var(--_indicator-z-index);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
@media (hover: hover) {
|
|
@@ -67,7 +67,7 @@ export const menuBarItemStyles = css `
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
:host([expanded]) .menu-bar-item::before {
|
|
70
|
-
background-color: var(--components-menu-bar-item-is-
|
|
70
|
+
background-color: var(--components-menu-bar-item-is-expanded-indicator-background-color);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
@media (hover: hover) {
|
|
@@ -84,10 +84,10 @@ export const menuBarItemStyles = css `
|
|
|
84
84
|
bottom: 0;
|
|
85
85
|
left: var(--primitives-space-8);
|
|
86
86
|
right: var(--primitives-space-8);
|
|
87
|
-
|
|
87
|
+
z-index: var(--_indicator-z-index);
|
|
88
88
|
background-color: var(--components-menu-bar-item-is-current-indicator-background-color);
|
|
89
89
|
pointer-events: none;
|
|
90
|
-
|
|
90
|
+
height: var(--components-menu-bar-item-is-current-indicator-height);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
/* ## Text */
|
|
@@ -100,18 +100,18 @@ export const menuBarItemStyles = css `
|
|
|
100
100
|
/* ## Icon */
|
|
101
101
|
|
|
102
102
|
.menu-bar-item__icon {
|
|
103
|
+
z-index: var(--_content-z-index);
|
|
103
104
|
width: var(--primitives-space-20);
|
|
104
105
|
height: var(--primitives-space-20);
|
|
105
106
|
flex-shrink: 0;
|
|
106
|
-
z-index: var(--_content-z-index);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
/* ## Disclosure icon */
|
|
110
110
|
|
|
111
111
|
.menu-bar-item__disclosure-icon {
|
|
112
|
+
z-index: var(--_content-z-index);
|
|
112
113
|
width: var(--primitives-space-16);
|
|
113
114
|
height: var(--primitives-space-16);
|
|
114
|
-
z-index: var(--_content-z-index);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
|
|
@@ -158,14 +158,14 @@ export const menuBarItemStyles = css `
|
|
|
158
158
|
:host([icon-only]) .menu-bar-item__text,
|
|
159
159
|
:host([content-priority="icon"][compact][icon]:not([icon=""])) .menu-bar-item__text {
|
|
160
160
|
position: absolute;
|
|
161
|
+
margin: -1px;
|
|
162
|
+
border: 0;
|
|
161
163
|
width: 1px;
|
|
162
164
|
height: 1px;
|
|
163
|
-
padding: 0;
|
|
164
|
-
margin: -1px;
|
|
165
165
|
overflow: hidden;
|
|
166
|
-
|
|
166
|
+
padding: 0;
|
|
167
167
|
white-space: nowrap;
|
|
168
|
-
|
|
168
|
+
clip-path: inset(50%);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
/* ## Text-only when compact */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar-item.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,QAAQ,CAAC,SAAS,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"menu-bar-item.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,QAAQ,CAAC,SAAS,EAAE,eAAe,wCAiElD"}
|
|
@@ -44,6 +44,8 @@ export function template(component) {
|
|
|
44
44
|
aria-label=${ariaLabel}
|
|
45
45
|
aria-haspopup=${ariaHaspopup}
|
|
46
46
|
aria-expanded=${ariaExpanded}
|
|
47
|
+
.popoverTargetElement=${component.popoverTargetElement}
|
|
48
|
+
.popoverTargetAction=${component.popoverTargetAction}
|
|
47
49
|
>
|
|
48
50
|
${component.icon ? html `
|
|
49
51
|
<span class="menu-bar-item__icon">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar-item.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,UAAU,QAAQ,CAAC,SAA0B;IAClD,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,eAAe,KAAK,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAClI,MAAM,SAAS,GAAG,SAAS,CAAC,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvF,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC;IACrF,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEzG,IAAI,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;;WAEF,QAAkB;oBACT,SAAS,CAAC,QAAQ,IAAI,OAAO;eAClC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;mBAC/B,WAAW;iBACb,SAAS;oBACN,YAAY;oBACZ,YAAY;;MAE1B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAEH,SAAS,CAAC,IAAI;;KAEjC,CAAC,CAAC,CAAC,OAAO;;OAER,SAAS,CAAC,IAAI;;MAEf,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;KAI5B,CAAC,CAAC,CAAC,OAAO;;;GAGZ,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;;eAGG,SAAS,CAAC,QAAQ;kBACf,WAAW;gBACb,SAAS;mBACN,YAAY;mBACZ,YAAY;;
|
|
1
|
+
{"version":3,"file":"menu-bar-item.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,UAAU,QAAQ,CAAC,SAA0B;IAClD,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,eAAe,KAAK,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;IAClI,MAAM,SAAS,GAAG,SAAS,CAAC,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvF,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC;IACrF,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEzG,IAAI,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;;WAEF,QAAkB;oBACT,SAAS,CAAC,QAAQ,IAAI,OAAO;eAClC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;mBAC/B,WAAW;iBACb,SAAS;oBACN,YAAY;oBACZ,YAAY;;MAE1B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAEH,SAAS,CAAC,IAAI;;KAEjC,CAAC,CAAC,CAAC,OAAO;;OAER,SAAS,CAAC,IAAI;;MAEf,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;KAI5B,CAAC,CAAC,CAAC,OAAO;;;GAGZ,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;;eAGG,SAAS,CAAC,QAAQ;kBACf,WAAW;gBACb,SAAS;mBACN,YAAY;mBACZ,YAAY;2BACJ,SAAS,CAAC,oBAAoB;0BAC/B,SAAS,CAAC,mBAAmB;;KAElD,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAEH,SAAS,CAAC,IAAI;;IAEjC,CAAC,CAAC,CAAC,OAAO;;MAER,SAAS,CAAC,IAAI;;KAEf,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;;EAGZ,CAAC;AACH,CAAC"}
|
|
@@ -30,6 +30,18 @@ export declare class NLDDPagination extends LitElement {
|
|
|
30
30
|
_getVisiblePages(): (number | 'ellipsis')[];
|
|
31
31
|
_hrefForPage(page: number): string;
|
|
32
32
|
_goToPage(page: number): void;
|
|
33
|
+
/**
|
|
34
|
+
* Suppress the native `:focus-visible` ring on the select when focus
|
|
35
|
+
* came from a pointer. We can't rely on `:focus-visible` alone for
|
|
36
|
+
* native <select> because Chrome matches it even on mouse click. The
|
|
37
|
+
* inverted "set when known-to-be-pointer" form is failure-safe — if
|
|
38
|
+
* input-modality never reports, the attribute stays off and the
|
|
39
|
+
* default focus ring shows on every focus (keyboard a11y intact).
|
|
40
|
+
*/
|
|
41
|
+
_handleSelectFocus: () => void;
|
|
42
|
+
_handleSelectBlur: () => void;
|
|
43
|
+
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
44
|
+
_handleSelectKeydown: () => void;
|
|
33
45
|
render(): import("lit-html").TemplateResult;
|
|
34
46
|
}
|
|
35
47
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAGvE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,OAAO,SAAK;IAGZ,KAAK,SAAK;IAGV,QAAQ,UAAS;IAEjB,+FAA+F;IAE/F,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAEvD,OAAO,CAAC,mBAAmB,CAAqC;IAEvD,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMlD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM;IAU3F,gBAAgB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,EAAE;IAqB3C,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAMlC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IA2B7B;;;;;;;OAOG;IACH,kBAAkB,QAAO,IAAI,CAE3B;IAEF,iBAAiB,QAAO,IAAI,CAE1B;IAEF,+EAA+E;IAC/E,oBAAoB,QAAO,IAAI,CAE7B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
|
|
@@ -23,6 +23,7 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
23
23
|
import { paginationStyles } from './pagination.styles.js';
|
|
24
24
|
import { paginationTemplate } from './pagination.template.js';
|
|
25
25
|
import { nlddPaginationTranslations } from './pagination.i18n.js';
|
|
26
|
+
import { isPointerMode } from '../../../utilities/input-modality.js';
|
|
26
27
|
let NLDDPagination = class NLDDPagination extends LitElement {
|
|
27
28
|
constructor() {
|
|
28
29
|
super(...arguments);
|
|
@@ -34,6 +35,24 @@ let NLDDPagination = class NLDDPagination extends LitElement {
|
|
|
34
35
|
this.hrefPattern = '';
|
|
35
36
|
this.translations = {};
|
|
36
37
|
this._mergedTranslations = { ...nlddPaginationTranslations };
|
|
38
|
+
/**
|
|
39
|
+
* Suppress the native `:focus-visible` ring on the select when focus
|
|
40
|
+
* came from a pointer. We can't rely on `:focus-visible` alone for
|
|
41
|
+
* native <select> because Chrome matches it even on mouse click. The
|
|
42
|
+
* inverted "set when known-to-be-pointer" form is failure-safe — if
|
|
43
|
+
* input-modality never reports, the attribute stays off and the
|
|
44
|
+
* default focus ring shows on every focus (keyboard a11y intact).
|
|
45
|
+
*/
|
|
46
|
+
this._handleSelectFocus = () => {
|
|
47
|
+
this.toggleAttribute('is-pointer-focus', isPointerMode());
|
|
48
|
+
};
|
|
49
|
+
this._handleSelectBlur = () => {
|
|
50
|
+
this.toggleAttribute('is-pointer-focus', false);
|
|
51
|
+
};
|
|
52
|
+
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
53
|
+
this._handleSelectKeydown = () => {
|
|
54
|
+
this.toggleAttribute('is-pointer-focus', false);
|
|
55
|
+
};
|
|
37
56
|
}
|
|
38
57
|
willUpdate(changed) {
|
|
39
58
|
if (changed.has('translations')) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAG9D,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,YAAO,GAAG,CAAC,CAAC;QAGZ,UAAK,GAAG,CAAC,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAEjB,+FAA+F;QAE/F,aAAQ,GAAG,KAAK,CAAC;QAGjB,gBAAW,GAAG,EAAE,CAAC;QAGjB,iBAAY,GAAwC,EAAE,CAAC;QAE/C,wBAAmB,GAAG,EAAE,GAAG,0BAA0B,EAAE,CAAC;QAwEhE;;;;;;;WAOG;QACH,uBAAkB,GAAG,GAAS,EAAE;YAC/B,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,aAAa,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,+EAA+E;QAC/E,yBAAoB,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;IAKH,CAAC;IA9FS,UAAU,CAAC,OAAuB;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,mBAAmB,GAAG,EAAE,GAAG,0BAA0B,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACpF,CAAC;IACF,CAAC;IAED,EAAE,CAAC,GAAqC,EAAE,MAAwC;QACjF,IAAI,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAChD,IAAI,MAAM,EAAE,CAAC;YACZ,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7C,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,gBAAgB;QACf,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,mDAAmD;QACnD,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACpG,CAAC;QAED,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAClG,CAAC;IAED,YAAY,CAAC,IAAY;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QACpD,OAAO,EAAE,CAAC;IACX,CAAC;IAED,SAAS,CAAC,IAAY;QACrB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7E,OAAO;QACR,CAAC;QAED,MAAM,MAAM,GAAoC,EAAE,IAAI,EAAE,CAAC;QACzD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC;QAED,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,aAAa,EAAE;YAC5C,MAAM;YACN,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU;SACV,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,iEAAiE;QACjE,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAClD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACpC,CAAC;IACF,CAAC;IAuBQ,MAAM;QACd,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;;AApHe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAC9B;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;mDACrC;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAC4B;AApB3C,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAsH1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA2M5B,CAAC"}
|