@nldd/design-system 0.8.45 → 0.8.47
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 +3 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +26 -0
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +4 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +23 -0
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/components.js +83 -78
- package/dist/components/content/{code/code.d.ts → code-viewer/code-viewer.d.ts} +12 -11
- package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -0
- package/dist/components/content/{code/code.js → code-viewer/code-viewer.js} +32 -25
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts +2 -0
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.styles.js +89 -0
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.template.d.ts +4 -0
- package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -0
- package/dist/components/content/{code/code.template.js → code-viewer/code-viewer.template.js} +3 -3
- package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -0
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +3 -1
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-iTa3Ua3y.js → index-CuzqC3j7.js} +3045 -1775
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/index.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 +10 -0
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -0
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +13 -3
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +2 -2
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +2 -2
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +2 -0
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +8 -0
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +4 -0
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +5 -2
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +62 -8
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +113 -11
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/container/container.styles.d.ts.map +1 -1
- package/dist/components/layout/container/container.styles.js +262 -16
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/container/container.template.d.ts.map +1 -1
- package/dist/components/layout/container/container.template.js +5 -1
- package/dist/components/layout/container/container.template.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +2 -2
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +1 -1
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.styles.js +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +84 -0
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -0
- package/dist/components/layout/page-footer/page-footer.i18n.d.ts +5 -0
- package/dist/components/layout/page-footer/page-footer.i18n.d.ts.map +1 -0
- package/dist/components/layout/page-footer/page-footer.i18n.js +4 -0
- package/dist/components/layout/page-footer/page-footer.i18n.js.map +1 -0
- package/dist/components/layout/page-footer/page-footer.js +217 -0
- package/dist/components/layout/page-footer/page-footer.js.map +1 -0
- package/dist/components/layout/page-footer/page-footer.styles.d.ts +4 -0
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -0
- package/dist/components/layout/page-footer/page-footer.styles.js +207 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -0
- package/dist/components/layout/page-footer/page-footer.template.d.ts +6 -0
- package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -0
- package/dist/components/layout/page-footer/page-footer.template.js +73 -0
- package/dist/components/layout/page-footer/page-footer.template.js.map +1 -0
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +26 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +10 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- 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 +23 -35
- 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.d.ts +26 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +10 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +26 -53
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +26 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +10 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +33 -51
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +226 -0
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -0
- package/dist/components/layout/page-sections/page-section-controls.js +104 -0
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -0
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +26 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +10 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +24 -38
- 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.d.ts +26 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +10 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +33 -51
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +2 -2
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +2 -2
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts +2 -2
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +1 -1
- package/dist/components/layout/window/window.d.ts +5 -0
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +28 -13
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +1 -7
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts +6 -5
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js +16 -111
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +2 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js +94 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts +4 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js +20 -0
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -0
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +9 -13
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +80 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +6 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +5 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +192 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts +3 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +124 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts +6 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +57 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +3 -4
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +14 -17
- 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 +47 -46
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +2 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +8 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +11 -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 +61 -1
- 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 +1 -0
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +15 -0
- 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 +28 -26
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +1 -1
- package/dist/components/prism-gherkin-CMPYyXOQ.js +82 -0
- package/dist/components/prism-python-DUL3Gysb.js +99 -0
- package/dist/components/prism-rust-BGBMvZa7.js +157 -0
- package/dist/components/prism-sql-BGqCBMyJ.js +33 -0
- package/dist/components/prism-toml-Ubdq-a5x.js +45 -0
- package/dist/components/{prism-typescript-DG_p4Wyh.js → prism-typescript-QDrnGhET.js} +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +3 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +5 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +20 -4
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +16 -14
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/css/form.css +4 -5
- package/dist/css/rich-text.css +27 -115
- package/dist/css/settings.css +46 -37
- package/dist/utilities/page-section-mixin.d.ts +53 -0
- package/dist/utilities/page-section-mixin.d.ts.map +1 -0
- package/dist/utilities/page-section-mixin.js +239 -0
- package/dist/utilities/page-section-mixin.js.map +1 -0
- package/package.json +12 -4
- package/dist/components/content/code/code.d.ts.map +0 -1
- package/dist/components/content/code/code.js.map +0 -1
- package/dist/components/content/code/code.styles.d.ts +0 -2
- package/dist/components/content/code/code.styles.d.ts.map +0 -1
- package/dist/components/content/code/code.styles.js +0 -89
- package/dist/components/content/code/code.styles.js.map +0 -1
- package/dist/components/content/code/code.template.d.ts +0 -4
- package/dist/components/content/code/code.template.d.ts.map +0 -1
- package/dist/components/content/code/code.template.js.map +0 -1
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Interactief bouwblok voor gebruik in een menu bar. Rendert als <a> (met href)
|
|
5
5
|
* of <button> (zonder href). Ondersteunt icon, text, disclosure indicator,
|
|
6
|
-
* en expandable popover
|
|
6
|
+
* en een expandable popover via een geslotte `<nldd-menu>` (of ander
|
|
7
|
+
* popover-element).
|
|
7
8
|
*
|
|
8
9
|
* @element nldd-menu-bar-item
|
|
9
10
|
* @attr {string} text - Tekst van het item
|
|
@@ -11,7 +12,7 @@
|
|
|
11
12
|
* @attr {string} current-type - aria-current waarde als current is true ('page', 'step', 'location', 'true'). Standaard: 'page'
|
|
12
13
|
* @attr {string} href - Optionele link URL. Zonder href rendert als button.
|
|
13
14
|
* @attr {string} icon - Optioneel icon naam (nldd-icon)
|
|
14
|
-
* @attr {boolean} expandable - Toon disclosure icon en open
|
|
15
|
+
* @attr {boolean} expandable - Toon disclosure icon en open de geslotte `<nldd-menu>` bij klik
|
|
15
16
|
* @attr {boolean} icon-only - Verberg tekst visueel (altijd)
|
|
16
17
|
* @attr {'icon'|'text'} content-priority - Bepaalt wat zichtbaar blijft in compact modus: 'icon' verbergt tekst, 'text' verbergt icon
|
|
17
18
|
* @attr {boolean} compact - Activeert content-priority gedrag (gezet door parent nldd-menu-bar)
|
|
@@ -22,10 +23,10 @@
|
|
|
22
23
|
*
|
|
23
24
|
* @fires select - Bij klik op non-expandable button item (bubbles, composed)
|
|
24
25
|
*
|
|
25
|
-
* @slot -
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
26
|
+
* @slot - Inhoud van de expandable popover — wrap items in een `<nldd-menu>`
|
|
27
|
+
* zodat dit component de menu-API (variant, accessible-label, translations,
|
|
28
|
+
* filterFn, …) niet hoeft te dupliceren. Event listeners op items werken
|
|
29
|
+
* direct, omdat er niet meer gekloond wordt.
|
|
29
30
|
*/
|
|
30
31
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
31
32
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -75,6 +76,11 @@ let NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
|
|
|
75
76
|
this._menu = null;
|
|
76
77
|
this._menuOpen = false;
|
|
77
78
|
this._pointerdownWhileMenuOpen = false;
|
|
79
|
+
this._menuToggleHandler = null;
|
|
80
|
+
this._onSlotChange = () => {
|
|
81
|
+
// Re-wire when a consumer swaps the slotted <nldd-menu> at runtime.
|
|
82
|
+
this._wireMenu();
|
|
83
|
+
};
|
|
78
84
|
// ## Event handlers
|
|
79
85
|
this._handlePointerdown = () => {
|
|
80
86
|
if (this._menuOpen) {
|
|
@@ -87,7 +93,7 @@ let NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
|
|
|
87
93
|
event.stopPropagation();
|
|
88
94
|
return;
|
|
89
95
|
}
|
|
90
|
-
if (this.expandable && this.
|
|
96
|
+
if (this.expandable && this._findMenu()) {
|
|
91
97
|
event.preventDefault();
|
|
92
98
|
this._toggleMenu();
|
|
93
99
|
return;
|
|
@@ -107,68 +113,64 @@ let NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
|
|
|
107
113
|
super.connectedCallback();
|
|
108
114
|
this.addEventListener('pointerdown', this._handlePointerdown);
|
|
109
115
|
this.addEventListener('click', this._handleClick);
|
|
116
|
+
// Pre-render snapshot — if children are already in light DOM by the
|
|
117
|
+
// time we connect, wire them now. (querySelector returns the DOM
|
|
118
|
+
// node even before the custom element has upgraded; the toggle
|
|
119
|
+
// listener attaches to the stable DOM node and survives upgrade.)
|
|
120
|
+
this._wireMenu();
|
|
121
|
+
}
|
|
122
|
+
firstUpdated() {
|
|
123
|
+
// Once the shadow is rendered the slot's slotchange has fired and we
|
|
124
|
+
// have a definitive view of the projected content; re-wire as a
|
|
125
|
+
// safety net for any consumer who slotted the menu after
|
|
126
|
+
// connectedCallback but before the first render.
|
|
127
|
+
this._wireMenu();
|
|
110
128
|
}
|
|
111
129
|
disconnectedCallback() {
|
|
112
130
|
super.disconnectedCallback();
|
|
113
131
|
this.removeEventListener('pointerdown', this._handlePointerdown);
|
|
114
132
|
this.removeEventListener('click', this._handleClick);
|
|
115
|
-
this.
|
|
116
|
-
this._menu = null;
|
|
117
|
-
}
|
|
118
|
-
updated(changed) {
|
|
119
|
-
// Clean up menu when expandable is removed; creation is lazy in _toggleMenu()
|
|
120
|
-
if (changed.has('expandable') && !this.expandable && this._menu) {
|
|
121
|
-
this._menu.remove();
|
|
122
|
-
this._menu = null;
|
|
123
|
-
}
|
|
133
|
+
this._unwireMenu();
|
|
124
134
|
}
|
|
125
135
|
focus(options) {
|
|
126
136
|
const focusable = this.shadowRoot?.querySelector('button, a');
|
|
127
137
|
focusable?.focus(options);
|
|
128
138
|
}
|
|
129
139
|
// ## Helpers
|
|
130
|
-
|
|
131
|
-
return this.querySelector('nldd-menu
|
|
140
|
+
_findMenu() {
|
|
141
|
+
return this.querySelector('nldd-menu');
|
|
132
142
|
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
if (
|
|
143
|
+
_wireMenu() {
|
|
144
|
+
const menu = this._findMenu();
|
|
145
|
+
if (menu === this._menu)
|
|
136
146
|
return;
|
|
137
|
-
|
|
147
|
+
this._unwireMenu();
|
|
148
|
+
if (!menu)
|
|
138
149
|
return;
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
menu.addEventListener('toggle', (event) => {
|
|
150
|
+
this._menu = menu;
|
|
151
|
+
this._menuToggleHandler = (event) => {
|
|
142
152
|
const isOpen = event.newState === 'open';
|
|
143
153
|
this._menuOpen = isOpen;
|
|
144
154
|
this.expanded = isOpen;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
this._menu = menu;
|
|
155
|
+
};
|
|
156
|
+
menu.addEventListener('toggle', this._menuToggleHandler);
|
|
148
157
|
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
if (!this._menu)
|
|
157
|
-
return;
|
|
158
|
-
this._menu.replaceChildren();
|
|
159
|
-
const items = this.querySelectorAll('nldd-menu-item, nldd-menu-divider');
|
|
160
|
-
items.forEach(item => {
|
|
161
|
-
const clone = item.cloneNode(true);
|
|
162
|
-
this._menu.appendChild(clone);
|
|
163
|
-
});
|
|
158
|
+
_unwireMenu() {
|
|
159
|
+
if (this._menu && this._menuToggleHandler) {
|
|
160
|
+
this._menu.removeEventListener('toggle', this._menuToggleHandler);
|
|
161
|
+
}
|
|
162
|
+
this._menu = null;
|
|
163
|
+
this._menuToggleHandler = null;
|
|
164
|
+
this._menuOpen = false;
|
|
164
165
|
}
|
|
166
|
+
// ## Menu popover
|
|
165
167
|
_toggleMenu() {
|
|
166
168
|
if (this._pointerdownWhileMenuOpen) {
|
|
167
169
|
this._pointerdownWhileMenuOpen = false;
|
|
168
170
|
return;
|
|
169
171
|
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
+
// _wireMenu already ran in connectedCallback and re-runs on
|
|
173
|
+
// slotchange — no need to call it here.
|
|
172
174
|
if (!this._menu)
|
|
173
175
|
return;
|
|
174
176
|
this._menu.anchorElement = this;
|
|
@@ -176,7 +178,6 @@ let NLDDMenuBarItem = class NLDDMenuBarItem extends LitElement {
|
|
|
176
178
|
this._menu.hidePopover();
|
|
177
179
|
}
|
|
178
180
|
else {
|
|
179
|
-
this._syncMenuItems();
|
|
180
181
|
this._menu.showPopover();
|
|
181
182
|
}
|
|
182
183
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"AAAA
|
|
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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"}
|
|
@@ -33,7 +33,7 @@ export function template(component) {
|
|
|
33
33
|
</span>
|
|
34
34
|
` : nothing}
|
|
35
35
|
</a>
|
|
36
|
-
<slot></slot>
|
|
36
|
+
<slot @slotchange=${component._onSlotChange}></slot>
|
|
37
37
|
`;
|
|
38
38
|
}
|
|
39
39
|
return html `
|
|
@@ -61,7 +61,7 @@ export function template(component) {
|
|
|
61
61
|
</span>
|
|
62
62
|
` : nothing}
|
|
63
63
|
</button>
|
|
64
|
-
<slot></slot>
|
|
64
|
+
<slot @slotchange=${component._onSlotChange}></slot>
|
|
65
65
|
`;
|
|
66
66
|
}
|
|
67
67
|
//# sourceMappingURL=menu-bar-item.template.js.map
|
|
@@ -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
|
|
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;;uBAEQ,SAAS,CAAC,aAAa;GAC3C,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;;sBAEQ,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}
|
|
@@ -42,6 +42,14 @@ export declare class NLDDPagination extends LitElement {
|
|
|
42
42
|
_handleSelectBlur: () => void;
|
|
43
43
|
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
44
44
|
_handleSelectKeydown: () => void;
|
|
45
|
+
/**
|
|
46
|
+
* Native <select> dispatches a `toggle` event with `newState` of 'open' or
|
|
47
|
+
* 'closed' (Chrome 131+, Firefox 134+, Safari 18+). Older browsers silently
|
|
48
|
+
* skip this — the visual expanded state is then a no-op. Drives the
|
|
49
|
+
* `select-expanded` host attribute that switches the wrapper to its
|
|
50
|
+
* is-expanded surface tokens.
|
|
51
|
+
*/
|
|
52
|
+
_handleSelectToggle: (e: Event) => void;
|
|
45
53
|
render(): import("lit-html").TemplateResult;
|
|
46
54
|
}
|
|
47
55
|
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;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,
|
|
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,CAG1B;IAEF,+EAA+E;IAC/E,oBAAoB,QAAO,IAAI,CAE7B;IAEF;;;;;;OAMG;IACH,mBAAmB,GAAI,GAAG,KAAK,KAAG,IAAI,CAEpC;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
|
|
@@ -48,11 +48,22 @@ let NLDDPagination = class NLDDPagination extends LitElement {
|
|
|
48
48
|
};
|
|
49
49
|
this._handleSelectBlur = () => {
|
|
50
50
|
this.toggleAttribute('is-pointer-focus', false);
|
|
51
|
+
this.toggleAttribute('select-expanded', false);
|
|
51
52
|
};
|
|
52
53
|
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
53
54
|
this._handleSelectKeydown = () => {
|
|
54
55
|
this.toggleAttribute('is-pointer-focus', false);
|
|
55
56
|
};
|
|
57
|
+
/**
|
|
58
|
+
* Native <select> dispatches a `toggle` event with `newState` of 'open' or
|
|
59
|
+
* 'closed' (Chrome 131+, Firefox 134+, Safari 18+). Older browsers silently
|
|
60
|
+
* skip this — the visual expanded state is then a no-op. Drives the
|
|
61
|
+
* `select-expanded` host attribute that switches the wrapper to its
|
|
62
|
+
* is-expanded surface tokens.
|
|
63
|
+
*/
|
|
64
|
+
this._handleSelectToggle = (e) => {
|
|
65
|
+
this.toggleAttribute('select-expanded', e.newState === 'open');
|
|
66
|
+
};
|
|
56
67
|
}
|
|
57
68
|
willUpdate(changed) {
|
|
58
69
|
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;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;
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.ts"],"names":[],"mappings":"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"}
|
|
@@ -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,yBAsQ5B,CAAC"}
|
|
@@ -70,6 +70,7 @@ export const paginationStyles = css `
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
a.pagination__page-button {
|
|
73
|
+
cursor: var(--semantics-controls-link-cursor);
|
|
73
74
|
text-decoration: none;
|
|
74
75
|
}
|
|
75
76
|
|
|
@@ -77,6 +78,16 @@ export const paginationStyles = css `
|
|
|
77
78
|
.pagination__page-button:hover:not(.is-current) {
|
|
78
79
|
background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
|
|
79
80
|
}
|
|
81
|
+
|
|
82
|
+
.pagination__page-button.is-current:hover {
|
|
83
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color);
|
|
84
|
+
color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.pagination__page-button:active:not(.is-current) {
|
|
89
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
|
|
90
|
+
color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
|
|
80
91
|
}
|
|
81
92
|
|
|
82
93
|
.pagination__page-button.is-current {
|
|
@@ -84,6 +95,11 @@ export const paginationStyles = css `
|
|
|
84
95
|
color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
|
|
85
96
|
}
|
|
86
97
|
|
|
98
|
+
.pagination__page-button.is-current:active {
|
|
99
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-background-color);
|
|
100
|
+
color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-content-color);
|
|
101
|
+
}
|
|
102
|
+
|
|
87
103
|
@media (forced-colors: active) {
|
|
88
104
|
.pagination__page-button.is-current {
|
|
89
105
|
background-color: Highlight;
|
|
@@ -142,9 +158,53 @@ export const paginationStyles = css `
|
|
|
142
158
|
/* # Select (compact fallback) */
|
|
143
159
|
|
|
144
160
|
.pagination__select-wrapper {
|
|
161
|
+
/* Mirrors the dropdown's neutral-tinted state tokens. The visible
|
|
162
|
+
<select> sits on top with a transparent background, so the wrapper
|
|
163
|
+
carries the hover/active/expanded surface behind it. */
|
|
164
|
+
--_background-color: transparent;
|
|
165
|
+
--_content-color: inherit;
|
|
166
|
+
--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
|
|
167
|
+
--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
|
|
168
|
+
--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
|
|
169
|
+
--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
|
|
170
|
+
|
|
145
171
|
display: inline-flex;
|
|
146
172
|
position: relative;
|
|
173
|
+
border-radius: var(--semantics-controls-md-corner-radius);
|
|
174
|
+
background-color: var(--_background-color);
|
|
147
175
|
align-items: center;
|
|
176
|
+
color: var(--_content-color);
|
|
177
|
+
transition:
|
|
178
|
+
background-color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default),
|
|
179
|
+
color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default)
|
|
180
|
+
;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
@media (hover: hover) {
|
|
184
|
+
.pagination__select-wrapper:hover {
|
|
185
|
+
background-color: var(--_is-hovered-background-color);
|
|
186
|
+
color: var(--_is-hovered-content-color);
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.pagination__select-wrapper:active {
|
|
191
|
+
background-color: var(--_is-active-background-color);
|
|
192
|
+
color: var(--_is-active-content-color);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
:host([select-expanded]) .pagination__select-wrapper {
|
|
196
|
+
--_background-color: var(--semantics-buttons-neutral-tinted-is-expanded-background-color);
|
|
197
|
+
--_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-content-color);
|
|
198
|
+
--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color);
|
|
199
|
+
--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color);
|
|
200
|
+
--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-background-color);
|
|
201
|
+
--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-content-color);
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
@media (prefers-reduced-motion: reduce) {
|
|
205
|
+
.pagination__select-wrapper {
|
|
206
|
+
transition: none;
|
|
207
|
+
}
|
|
148
208
|
}
|
|
149
209
|
|
|
150
210
|
.pagination__select {
|
|
@@ -157,7 +217,7 @@ export const paginationStyles = css `
|
|
|
157
217
|
height: var(--semantics-controls-md-min-size);
|
|
158
218
|
padding-block: var(--primitives-space-8);
|
|
159
219
|
padding-inline-start: var(--primitives-space-12);
|
|
160
|
-
padding-inline-end: calc(var(--primitives-space-24) + var(--primitives-space-
|
|
220
|
+
padding-inline-end: calc(var(--primitives-space-24) + var(--primitives-space-12));
|
|
161
221
|
color: inherit;
|
|
162
222
|
font: var(--semantics-buttons-md-font);
|
|
163
223
|
appearance: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsQlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAmG5E"}
|
|
@@ -69,6 +69,7 @@ export function paginationTemplate(component) {
|
|
|
69
69
|
@focus=${component._handleSelectFocus}
|
|
70
70
|
@blur=${component._handleSelectBlur}
|
|
71
71
|
@keydown=${component._handleSelectKeydown}
|
|
72
|
+
@toggle=${component._handleSelectToggle}
|
|
72
73
|
>
|
|
73
74
|
${Array.from({ length: component.total }, (_, i) => i + 1).map((page) => html `
|
|
74
75
|
<option value=${page} ?selected=${page === component.current}>${page} / ${component.total}</option>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"pagination.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAuDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAuDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBA8I5B,CAAC"}
|
|
@@ -117,6 +117,16 @@ export const tabBarItemStyles = css `
|
|
|
117
117
|
.tab-bar__item:hover {
|
|
118
118
|
background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
|
|
119
119
|
}
|
|
120
|
+
|
|
121
|
+
:host([selected]) .tab-bar__item:hover {
|
|
122
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color);
|
|
123
|
+
color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.tab-bar__item:active {
|
|
128
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
|
|
129
|
+
color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
|
|
120
130
|
}
|
|
121
131
|
|
|
122
132
|
:host([selected]) .tab-bar__item {
|
|
@@ -124,6 +134,11 @@ export const tabBarItemStyles = css `
|
|
|
124
134
|
color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
|
|
125
135
|
}
|
|
126
136
|
|
|
137
|
+
:host([selected]) .tab-bar__item:active {
|
|
138
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-background-color);
|
|
139
|
+
color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-content-color);
|
|
140
|
+
}
|
|
141
|
+
|
|
127
142
|
@media (forced-colors: active) {
|
|
128
143
|
:host([selected]) .tab-bar__item {
|
|
129
144
|
background-color: Highlight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,yBAwTlC,CAAC"}
|