@nldd/design-system 0.8.87 → 0.8.89
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/README.md +2 -2
- package/custom-elements.json +305 -66
- package/dist/components/components.js +1007 -218
- package/dist/components/content/image/image.d.ts +23 -3
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +74 -17
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.template.js +1 -1
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/{dist-LX8LuMac.js → dist-BLaE_n_F.js} +1 -1
- package/dist/components/{dist-CX3DK4i7.js → dist-BeymuiGt.js} +3 -3
- package/dist/components/{dist-CbCO0WCd.js → dist-CENYEz7C.js} +1 -1
- package/dist/components/{dist-B_Mnmrj4.js → dist-CYLM5ciE.js} +1 -1
- package/dist/components/{dist-fIxe0l7k.js → dist-DHA-0RyT.js} +91 -34
- package/dist/components/{dist-CgDuh26K.js → dist-D_ckX1sK.js} +1 -1
- package/dist/components/{dist-eVFegyjM.js → dist-Dh_b9r4M.js} +1 -1
- package/dist/components/{dist-DXZ-cFAl.js → dist-DkZlotgT.js} +2 -2
- package/dist/components/{dist-CSrO_mYe.js → dist-TCqV9dho.js} +1 -1
- package/dist/components/{dist-ByH8hQze.js → dist-Y54Lma86.js} +2 -2
- package/dist/components/{dist-CRwuSgMM.js → dist-yyE8P2O6.js} +2 -2
- package/dist/components/inputs/radio-button/radio-button.d.ts +58 -18
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +136 -29
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +17 -23
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +13 -10
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +65 -18
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +151 -29
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +17 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js +21 -12
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +16 -4
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +46 -13
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +145 -16
- package/dist/components/inputs/segmented-control/segmented-control.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 +16 -0
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +47 -24
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.js +14 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +3 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +36 -2
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +116 -3
- package/dist/components/inputs/toggle-button/toggle-button.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 +17 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +25 -2
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +4 -0
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +21 -2
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +23 -5
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +39 -34
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +2 -0
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +3 -0
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +3 -0
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +4 -3
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +15 -10
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +4 -2
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +4 -2
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +3 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.d.ts +4 -0
- package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.js +161 -19
- package/dist/components/status-and-feedback/notification/notification-region.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts +17 -0
- package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.js +33 -0
- package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.styles.js +6 -0
- package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
- package/dist/css/variables.css +2 -2
- package/dist/nldd.min.js +629 -540
- package/dist/types/vue.d.ts +24 -20
- package/dist/utilities/described-by-mixin.d.ts +2 -2
- package/dist/utilities/described-by-mixin.d.ts.map +1 -1
- package/dist/utilities/described-by-mixin.js +11 -6
- package/dist/utilities/described-by-mixin.js.map +1 -1
- package/dist/utilities/radio-grouping.d.ts +66 -0
- package/dist/utilities/radio-grouping.d.ts.map +1 -0
- package/dist/utilities/radio-grouping.js +133 -0
- package/dist/utilities/radio-grouping.js.map +1 -0
- package/dist/utilities/radio-position.d.ts +20 -0
- package/dist/utilities/radio-position.d.ts.map +1 -0
- package/dist/utilities/radio-position.js +11 -0
- package/dist/utilities/radio-position.js.map +1 -0
- package/package.json +10 -10
|
@@ -23,22 +23,27 @@ export const template = ({ itemsLabel, hasToolbar, type, isEmpty, hasItems, hasE
|
|
|
23
23
|
// Two ways to show nothing, and they are not the same thing. Rows that exist
|
|
24
24
|
// but are all filtered away is "no results": the way back is the search field
|
|
25
25
|
// and the toolbar, so those stay. No rows at all is "empty": there is nothing
|
|
26
|
-
// to search or filter, so the controls go with it
|
|
26
|
+
// to search or filter, so the controls go with it, except in a listbox (see
|
|
27
|
+
// showControls). A list that loads its rows
|
|
27
28
|
// later is empty for a moment; that is the consumer's to cover, with a
|
|
28
29
|
// loading state in [slot="empty"].
|
|
29
30
|
const isNoResults = isEmpty && hasItems;
|
|
30
|
-
// In listbox mode an empty search has no "no results" meaning yet,
|
|
31
|
-
//
|
|
32
|
-
//
|
|
33
|
-
//
|
|
34
|
-
//
|
|
31
|
+
// In listbox mode an empty search has no "no results" meaning yet, and no
|
|
32
|
+
// "empty" one either: both are an answer to a question nobody has asked, so
|
|
33
|
+
// both are suppressed and the consumer shows just the search field (and may
|
|
34
|
+
// place its own hint outside the list). They appear once a query is present.
|
|
35
|
+
// A slot with nothing in it is nothing to show either: the surface would be a
|
|
36
|
+
// bare box, which reads as a skeleton that never loaded.
|
|
37
|
+
const untouched = isListbox && listbox.searchValue === '';
|
|
35
38
|
const noResultsFallsBack = isNoResults && !hasNoResultsState && hasEmptyState;
|
|
36
|
-
const showNoResults = isNoResults && hasNoResultsState && !
|
|
37
|
-
const showEmpty = (!isNoResults && isEmpty && hasEmptyState)
|
|
38
|
-
|| (noResultsFallsBack && !(isListbox && listbox.searchValue === ''));
|
|
39
|
+
const showNoResults = isNoResults && hasNoResultsState && !untouched;
|
|
40
|
+
const showEmpty = ((!isNoResults && isEmpty && hasEmptyState) || noResultsFallsBack) && !untouched;
|
|
39
41
|
const showMain = !isEmpty || showEmpty || showNoResults;
|
|
40
42
|
// Nothing to search in and nothing to filter: the controls belong to the rows.
|
|
41
|
-
|
|
43
|
+
// A listbox is the exception, because its search field is where the rows come
|
|
44
|
+
// from: the consumer either hides the rows that do not match or fetches them
|
|
45
|
+
// per query, and a field that leaves with the rows leaves no way back to any.
|
|
46
|
+
const showControls = hasItems || isListbox;
|
|
42
47
|
return html `
|
|
43
48
|
<div class="list">
|
|
44
49
|
<div class="list__header">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AA+BzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,UAAU,EACV,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,OAAO,GACY,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,IAAI,KAAK,YAAY,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;IACrC,wEAAwE;IACxE,yEAAyE;IACzE,yEAAyE;IACzE,2EAA2E;IAC3E,MAAM,cAAc,GAAG,YAAY,IAAI,SAAS,CAAC;IACjD,0EAA0E;IAC1E,0BAA0B;IAC1B,yEAAyE;IACzE,2EAA2E;IAC3E,uEAAuE;IACvE,MAAM,SAAS,GAAG,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,KAAK,MAAM;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,KAAK,YAAY;gBACtB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,MAAM,CAAC;IACZ,6EAA6E;IAC7E,8EAA8E;IAC9E,8EAA8E;IAC9E,
|
|
1
|
+
{"version":3,"file":"list.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AA+BzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,UAAU,EACV,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,OAAO,GACY,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,IAAI,KAAK,YAAY,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;IACrC,wEAAwE;IACxE,yEAAyE;IACzE,yEAAyE;IACzE,2EAA2E;IAC3E,MAAM,cAAc,GAAG,YAAY,IAAI,SAAS,CAAC;IACjD,0EAA0E;IAC1E,0BAA0B;IAC1B,yEAAyE;IACzE,2EAA2E;IAC3E,uEAAuE;IACvE,MAAM,SAAS,GAAG,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,KAAK,MAAM;YAChB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAI,KAAK,YAAY;gBACtB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,MAAM,CAAC;IACZ,6EAA6E;IAC7E,8EAA8E;IAC9E,8EAA8E;IAC9E,4EAA4E;IAC5E,4CAA4C;IAC5C,uEAAuE;IACvE,mCAAmC;IACnC,MAAM,WAAW,GAAG,OAAO,IAAI,QAAQ,CAAC;IACxC,0EAA0E;IAC1E,4EAA4E;IAC5E,4EAA4E;IAC5E,6EAA6E;IAC7E,8EAA8E;IAC9E,yDAAyD;IACzD,MAAM,SAAS,GAAG,SAAS,IAAI,OAAO,CAAC,WAAW,KAAK,EAAE,CAAC;IAC1D,MAAM,kBAAkB,GAAG,WAAW,IAAI,CAAC,iBAAiB,IAAI,aAAa,CAAC;IAC9E,MAAM,aAAa,GAAG,WAAW,IAAI,iBAAiB,IAAI,CAAC,SAAS,CAAC;IACrE,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,IAAI,aAAa,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;IACnG,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,SAAS,IAAI,aAAa,CAAC;IACxD,+EAA+E;IAC/E,8EAA8E;IAC9E,6EAA6E;IAC7E,8EAA8E;IAC9E,MAAM,YAAY,GAAG,QAAQ,IAAI,SAAS,CAAC;IAC3C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;6CACuB,CAAC,YAAY;;;;;;;;;;;yBAWjC,OAAO,CAAC,SAAS;yBACjB,CAAC,OAAO;;iCAEA,OAAO,CAAC,QAAQ,IAAI,OAAO;sBACtC,OAAO,CAAC,qBAAqB;uBAC5B,OAAO,CAAC,iBAAiB;kBAC9B,OAAO,CAAC,WAAW;kBACnB,OAAO,CAAC,aAAa;oBACnB,OAAO,CAAC,eAAe;kBACzB,OAAO,CAAC,aAAa;iBACtB,OAAO,CAAC,YAAY;;;SAG5B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;;kBAOjB,OAAO,CAAC,gBAAgB;;oBAEtB,OAAO,CAAC,YAAY;;;;QAIhC,CAAC,CAAC,CAAC,OAAO;;kDAEgC,CAAC,OAAO,CAAC,eAAe;iDACzB,OAAO,CAAC,wBAAwB;;;KAG5E,CAAC,CAAC,CAAC,OAAO;yCAC0B,CAAC,UAAU,IAAI,CAAC,YAAY;;;;qCAIhC,CAAC,QAAQ;;UAEpC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAClD,SAAS;kBACH,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;eACrD,OAAO;;;;;eAKP,CAAC,SAAS,IAAI,CAAC,aAAa;;kCAET,CAAC,SAAS;uCACL,CAAC,aAAa;;;;;;;;;;;;;;EAcnD,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -53,8 +53,10 @@ export declare class NLDDMenuBar extends NLDDMenuBar_base {
|
|
|
53
53
|
private _scheduleOverflowUpdate;
|
|
54
54
|
/**
|
|
55
55
|
* Calculate which slotted items overflow and hide them behind an overflow button.
|
|
56
|
-
*
|
|
57
|
-
*
|
|
56
|
+
* Tested both ways in menu-bar.test.ts: with real layout for the whole path, and
|
|
57
|
+
* with mocked widths for the arithmetic. The space reserved for the button needs
|
|
58
|
+
* the mocks — the button is a shrinkable flex item, so the rendered layout
|
|
59
|
+
* absorbs whatever the arithmetic leaves over and always looks right.
|
|
58
60
|
*/
|
|
59
61
|
private _updateOverflow;
|
|
60
62
|
private _createOverflowMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,4BAA4B,CAAC;;;;;;;AAWpC,qBACa,WAAY,SAAQ,gBAAqD;IACrF,OAAgB,MAAM,0BAAiB;IAGvC,YAAY,SAAM;IAGlB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAKhB,OAAO,CAAC,YAAY,CAAmB;IAGvC,OAAO,CAAC,eAAe,CAAe;IAItC,gFAAgF;IAEhF,SAAS,UAAS;IAElB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IASlD,iCAAiC;IACjC,IAAI,aAAa,IAAI,MAAM,CAE1B;IAIQ,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAe7B,uFAAuF;IACvF,qBAAqB,IAAI,IAAI;IAI7B,OAAO,CAAC,aAAa,CAInB;IAEF,iFAAiF;IACjF,OAAO,CAAC,UAAU;IAMlB,oDAAoD;IACpD,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,uBAAuB,CAM7B;IAEF
|
|
1
|
+
{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,4BAA4B,CAAC;;;;;;;AAWpC,qBACa,WAAY,SAAQ,gBAAqD;IACrF,OAAgB,MAAM,0BAAiB;IAGvC,YAAY,SAAM;IAGlB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAKhB,OAAO,CAAC,YAAY,CAAmB;IAGvC,OAAO,CAAC,eAAe,CAAe;IAItC,gFAAgF;IAEhF,SAAS,UAAS;IAElB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,OAAO,CAAC,sBAAsB,CAAS;IAEvC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IASlD,iCAAiC;IACjC,IAAI,aAAa,IAAI,MAAM,CAE1B;IAIQ,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAe7B,uFAAuF;IACvF,qBAAqB,IAAI,IAAI;IAI7B,OAAO,CAAC,aAAa,CAInB;IAEF,iFAAiF;IACjF,OAAO,CAAC,UAAU;IAMlB,oDAAoD;IACpD,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,uBAAuB,CAM7B;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAqEvB,OAAO,CAAC,mBAAmB;IAqB3B;;;;;;;;OAQG;IACH,mBAAmB,QAAO,IAAI,CAe5B;IAEF,qGAAqG;IACrG,gCAAgC,QAAO,IAAI,CAIzC;IAEF,OAAO,CAAC,qBAAqB;IAyDpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,WAAW,CAAC;KAC7B;CACD"}
|
|
@@ -174,8 +174,10 @@ let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMen
|
|
|
174
174
|
}
|
|
175
175
|
/**
|
|
176
176
|
* Calculate which slotted items overflow and hide them behind an overflow button.
|
|
177
|
-
*
|
|
178
|
-
*
|
|
177
|
+
* Tested both ways in menu-bar.test.ts: with real layout for the whole path, and
|
|
178
|
+
* with mocked widths for the arithmetic. The space reserved for the button needs
|
|
179
|
+
* the mocks — the button is a shrinkable flex item, so the rendered layout
|
|
180
|
+
* absorbs whatever the arithmetic leaves over and always looks right.
|
|
179
181
|
*/
|
|
180
182
|
_updateOverflow() {
|
|
181
183
|
const overflowButton = this._overflowButton;
|
|
@@ -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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,mCAAmC,CAAC;AAE3C,OAAO,4BAA4B,CAAC;AAY7B,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAgB,CAAC,UAAU,EAAE,uBAAuB,CAAC;IAA/E;;QAIN,iBAAY,GAAG,EAAE,CAAC;QAGlB,oBAAe,GAAG,EAAE,CAAC;QAGrB,YAAO,GAAG,KAAK,CAAC;QAUhB,oBAAoB;QAEpB,gFAAgF;QAEhF,cAAS,GAAG,KAAK,CAAC;QAEV,kBAAa,GAAuB,IAAI,CAAC;QACzC,kCAA6B,GAAG,KAAK,CAAC;QACtC,2BAAsB,GAAG,KAAK,CAAC;QAE/B,oBAAe,GAA0B,IAAI,CAAC;QAC9C,iBAAY,GAAkB,IAAI,CAAC;QACnC,cAAS,GAAkB,IAAI,CAAC;QA6ChC,kBAAa,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC,CAAC;QAqDM,4BAAuB,GAAG,GAAS,EAAE;YAC5C,IAAI,IAAI,CAAC,YAAY;gBAAE,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAC/D,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAC9C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,eAAe,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"menu-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCA0B7D"}
|
|
@@ -21,6 +21,9 @@ export function modalDialogTemplate(component) {
|
|
|
21
21
|
<slot></slot>
|
|
22
22
|
<slot slot="actions" name="actions"></slot>
|
|
23
23
|
</nldd-inline-dialog>
|
|
24
|
+
<!-- Inside the dialog, so it escapes the inertness a modal imposes on
|
|
25
|
+
everything outside it. Plumbing, not consumer API. -->
|
|
26
|
+
<slot name="notifications"></slot>
|
|
24
27
|
</dialog>
|
|
25
28
|
`;
|
|
26
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO
|
|
1
|
+
{"version":3,"file":"modal-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;gBACjD,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO;;kBAEpD,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,oBAAoB;aAC7B,SAAS,CAAC,aAAa;;;cAGtB,SAAS,CAAC,OAAO,IAAI,OAAO;WAC/B,SAAS,CAAC,IAAI,IAAI,OAAO;WACzB,SAAS,CAAC,IAAI,IAAI,OAAO;sBACd,SAAS,CAAC,cAAc,IAAI,OAAO;2BAC9B,SAAS,CAAC,mBAAmB,IAAI,OAAO;;;;;;;;;;EAUjE,CAAC;AACH,CAAC"}
|
|
@@ -3,4 +3,8 @@ import type { NLDDNotification } from './notification.js';
|
|
|
3
3
|
* ones slide back and downwards behind it. */
|
|
4
4
|
export declare function joinRegion(notification: NLDDNotification, label: string): void;
|
|
5
5
|
export declare function leaveRegion(notification: NLDDNotification): void;
|
|
6
|
+
/** @internal Reset state for testing only. Forgets every overlay and listens
|
|
7
|
+
* again straight away, the way importing the module does, so a test sees the
|
|
8
|
+
* same starting position as a freshly loaded page. */
|
|
9
|
+
export declare function _resetOverlayWatchForTesting(): void;
|
|
6
10
|
//# sourceMappingURL=notification-region.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification-region.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification-region.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"notification-region.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification-region.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAsO1D;+CAC+C;AAC/C,wBAAgB,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAO9E;AAED,wBAAgB,WAAW,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAYhE;AA4HD;;uDAEuD;AACvD,wBAAgB,4BAA4B,IAAI,IAAI,CAKnD"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { isKeyboardMode } from '../../../utilities/input-modality.js';
|
|
1
2
|
/**
|
|
2
3
|
* The one place every notification ends up, wherever a consumer wrote it.
|
|
3
4
|
*
|
|
@@ -16,11 +17,12 @@
|
|
|
16
17
|
* ## Opening it
|
|
17
18
|
* Under the front notification sits a strip as wide as the deck and as tall as
|
|
18
19
|
* the deck is when it fans out. That strip is the handle: pointing at it fans
|
|
19
|
-
* the deck out to fill it, clicking it lays the deck out as a list.
|
|
20
|
-
*
|
|
21
|
-
* back.
|
|
22
|
-
*
|
|
23
|
-
*
|
|
20
|
+
* the deck out to fill it, clicking it lays the deck out as a list. Tabbing
|
|
21
|
+
* into the region does the same, and clicking outside it or tabbing away puts
|
|
22
|
+
* it back. Dismissing one keeps the list open for the rest. Nothing counts down
|
|
23
|
+
* while the list is open, because open means someone is reading. The
|
|
24
|
+
* notification itself is not a button, so a click on the message you are
|
|
25
|
+
* reading does nothing, which is what it says it does.
|
|
24
26
|
*/
|
|
25
27
|
const REGION_ID = 'nldd-notification-region';
|
|
26
28
|
/** Past this a notification adds no edge of its own: it would sit exactly
|
|
@@ -29,6 +31,108 @@ const REGION_ID = 'nldd-notification-region';
|
|
|
29
31
|
const MAX_DEPTH = 2;
|
|
30
32
|
let frontObserver = null;
|
|
31
33
|
let expanded = false;
|
|
34
|
+
/**
|
|
35
|
+
* A modal overlay paints in the browser's top layer, above the whole document
|
|
36
|
+
* and out of reach of any z-index, and while one is open everything outside it
|
|
37
|
+
* is inert: a region left on the body is not merely behind the sheet, it is
|
|
38
|
+
* unclickable even once you put it in the top layer yourself. So the region
|
|
39
|
+
* travels. It lives in the topmost open overlay and sinks back as they close,
|
|
40
|
+
* which is also what makes a notification raised before the sheet opened come
|
|
41
|
+
* along rather than stay behind it.
|
|
42
|
+
*
|
|
43
|
+
* Innermost last. Entries are verified on read rather than trusted, so an
|
|
44
|
+
* overlay torn out of the DOM without closing cannot strand the region.
|
|
45
|
+
*/
|
|
46
|
+
const overlays = [];
|
|
47
|
+
let overlayWatch = null;
|
|
48
|
+
/** Open as a modal, and with a slot to take the region in. A modal without one
|
|
49
|
+
* would swallow the region, which is worse than leaving it behind. */
|
|
50
|
+
function isOpenOverlay(el) {
|
|
51
|
+
const root = el.shadowRoot;
|
|
52
|
+
if (!root?.querySelector('slot[name="notifications"]'))
|
|
53
|
+
return false;
|
|
54
|
+
return root.querySelector('dialog')?.matches(':modal') ?? false;
|
|
55
|
+
}
|
|
56
|
+
function regionHost() {
|
|
57
|
+
while (overlays.length) {
|
|
58
|
+
const top = overlays[overlays.length - 1];
|
|
59
|
+
if (top.isConnected && isOpenOverlay(top))
|
|
60
|
+
return top;
|
|
61
|
+
overlays.pop();
|
|
62
|
+
}
|
|
63
|
+
return document.body;
|
|
64
|
+
}
|
|
65
|
+
function placeRegion(region) {
|
|
66
|
+
const host = regionHost();
|
|
67
|
+
if (region.parentElement === host)
|
|
68
|
+
return;
|
|
69
|
+
const inOverlay = host !== document.body;
|
|
70
|
+
// Slotted rather than put in the overlay's shadow root: it has to be a flat
|
|
71
|
+
// tree descendant of the dialog to escape the inertness, and its own slot
|
|
72
|
+
// keeps it out of the default one, whose content decides how an
|
|
73
|
+
// nldd-modal-dialog aligns.
|
|
74
|
+
if (inOverlay)
|
|
75
|
+
region.setAttribute('slot', 'notifications');
|
|
76
|
+
else
|
|
77
|
+
region.removeAttribute('slot');
|
|
78
|
+
// And a popover while it is there. A sheet or dialog that keeps a transform
|
|
79
|
+
// after its opening animation becomes the box a fixed element is placed in,
|
|
80
|
+
// and its overflow cuts that element off. The top layer is out of reach of
|
|
81
|
+
// both, and above the overlay. On the page the region stays an ordinary fixed
|
|
82
|
+
// element, below whatever the page itself puts in the top layer.
|
|
83
|
+
if (inOverlay)
|
|
84
|
+
region.setAttribute('popover', 'manual');
|
|
85
|
+
else
|
|
86
|
+
region.removeAttribute('popover');
|
|
87
|
+
const carried = notifications(region);
|
|
88
|
+
carried.forEach((item) => item._setMoving?.(true));
|
|
89
|
+
host.appendChild(region);
|
|
90
|
+
// Moving it hid it, so it is shown again in its new place.
|
|
91
|
+
if (inOverlay)
|
|
92
|
+
region.showPopover();
|
|
93
|
+
carried.forEach((item) => item._setMoving?.(false));
|
|
94
|
+
}
|
|
95
|
+
function relocateRegion() {
|
|
96
|
+
const region = document.getElementById(REGION_ID);
|
|
97
|
+
if (region)
|
|
98
|
+
placeRegion(region);
|
|
99
|
+
}
|
|
100
|
+
function watchOverlays() {
|
|
101
|
+
if (overlayWatch)
|
|
102
|
+
return;
|
|
103
|
+
overlayWatch = new AbortController();
|
|
104
|
+
const { signal } = overlayWatch;
|
|
105
|
+
// Whatever opened before anyone was listening, which happens when this code
|
|
106
|
+
// loads after the page opened a sheet. Nothing records which of those opened
|
|
107
|
+
// last, so document order stands in for the stacking.
|
|
108
|
+
document.querySelectorAll('*').forEach((el) => {
|
|
109
|
+
if (isOpenOverlay(el))
|
|
110
|
+
overlays.push(el);
|
|
111
|
+
});
|
|
112
|
+
document.addEventListener('open', (event) => {
|
|
113
|
+
const host = event.target;
|
|
114
|
+
if (!host || !isOpenOverlay(host))
|
|
115
|
+
return;
|
|
116
|
+
if (!overlays.includes(host))
|
|
117
|
+
overlays.push(host);
|
|
118
|
+
relocateRegion();
|
|
119
|
+
}, { signal });
|
|
120
|
+
// close does not bubble, so it is caught on the way down instead.
|
|
121
|
+
document.addEventListener('close', (event) => {
|
|
122
|
+
const host = event.target;
|
|
123
|
+
const at = host ? overlays.indexOf(host) : -1;
|
|
124
|
+
if (at === -1)
|
|
125
|
+
return;
|
|
126
|
+
overlays.splice(at, 1);
|
|
127
|
+
relocateRegion();
|
|
128
|
+
}, { capture: true, signal });
|
|
129
|
+
}
|
|
130
|
+
// At import, not at the first notification: an overlay that opened in between
|
|
131
|
+
// went unnoticed, and the first notification raised in it landed behind it on
|
|
132
|
+
// the body. Listening this early also keeps the order in which overlays open,
|
|
133
|
+
// which the scan above can only guess.
|
|
134
|
+
if (typeof document !== 'undefined')
|
|
135
|
+
watchOverlays();
|
|
32
136
|
function notifications(region) {
|
|
33
137
|
return Array.from(region.querySelectorAll(':scope > nldd-notification'));
|
|
34
138
|
}
|
|
@@ -46,27 +150,48 @@ function ensureRegion(label) {
|
|
|
46
150
|
// deliberately cannot be set. Top right from md so it stays clear of the
|
|
47
151
|
// content, full width across the top below that, where there is no corner to
|
|
48
152
|
// spare. One grid cell holds every notification, so the deck stacks without
|
|
49
|
-
// any of them taking room of its own.
|
|
153
|
+
// any of them taking room of its own. The rows keep their own height: left to
|
|
154
|
+
// stretch, they make Safari size the region to its max-height inside an
|
|
155
|
+
// overlay. The rest undoes what the browser gives a popover, which the region
|
|
156
|
+
// is inside an overlay: centered, bordered, padded, on a background of its
|
|
157
|
+
// own, and scrolling.
|
|
50
158
|
region.style.cssText = [
|
|
51
159
|
'box-sizing: border-box',
|
|
52
160
|
'position: fixed',
|
|
53
161
|
'z-index: 1000',
|
|
54
162
|
'top: max(var(--semantics-overlays-inset), env(safe-area-inset-top))',
|
|
55
163
|
'right: max(var(--semantics-overlays-inset), env(safe-area-inset-right))',
|
|
164
|
+
'bottom: auto',
|
|
56
165
|
'left: auto',
|
|
57
166
|
'display: grid',
|
|
167
|
+
'align-content: start',
|
|
58
168
|
'align-items: start',
|
|
169
|
+
'margin: 0',
|
|
170
|
+
'border: none',
|
|
171
|
+
'background: none',
|
|
59
172
|
'pointer-events: none',
|
|
60
173
|
'max-height: calc(100dvh - 2 * var(--semantics-overlays-inset))',
|
|
174
|
+
'overflow: visible',
|
|
175
|
+
'padding: 0',
|
|
176
|
+
'color: inherit',
|
|
61
177
|
].join(';');
|
|
62
178
|
// The stack itself catches no clicks, only the notifications in it, so the
|
|
63
179
|
// empty space beside them stays part of the page.
|
|
64
180
|
region.addEventListener('pointerdown', () => { }, { passive: true });
|
|
65
181
|
// Focus is the keyboard's way of reaching for the deck. Without this, tabbing
|
|
66
|
-
// would land on a button in a notification nobody can see.
|
|
67
|
-
|
|
182
|
+
// would land on a button in a notification nobody can see. Only the
|
|
183
|
+
// keyboard's: Chromium focuses a button on click, so a click on the front
|
|
184
|
+
// notification would open the deck, and a click inside the open list would
|
|
185
|
+
// close it. Clicks are the pointerdown listener's to judge.
|
|
186
|
+
region.addEventListener('focusin', () => {
|
|
187
|
+
if (isKeyboardMode())
|
|
188
|
+
setExpanded(region, true);
|
|
189
|
+
});
|
|
68
190
|
region.addEventListener('focusout', (e) => {
|
|
69
|
-
|
|
191
|
+
const next = e.relatedTarget;
|
|
192
|
+
// Focus that goes nowhere left with a dismissed notification, not with
|
|
193
|
+
// the reader.
|
|
194
|
+
if (!next || !isKeyboardMode() || region.contains(next))
|
|
70
195
|
return;
|
|
71
196
|
setExpanded(region, false);
|
|
72
197
|
});
|
|
@@ -75,7 +200,7 @@ function ensureRegion(label) {
|
|
|
75
200
|
region.setAttribute('role', 'region');
|
|
76
201
|
region.setAttribute('aria-label', label);
|
|
77
202
|
region.appendChild(makeExpander(region));
|
|
78
|
-
|
|
203
|
+
placeRegion(region);
|
|
79
204
|
return region;
|
|
80
205
|
}
|
|
81
206
|
/**
|
|
@@ -83,19 +208,22 @@ function ensureRegion(label) {
|
|
|
83
208
|
* behind it, which on their own are a few pixels tall and no target at all, and
|
|
84
209
|
* it stays exactly as tall as the deck is when it fans out, so what you point
|
|
85
210
|
* at is what you get.
|
|
211
|
+
*
|
|
212
|
+
* A second row of the region's grid rather than hung below the region, so it
|
|
213
|
+
* follows the deck and not the region's edge. A region taller than its deck,
|
|
214
|
+
* as Safari made it inside an overlay while the rows still stretched, would
|
|
215
|
+
* otherwise put the strip far from the deck it opens.
|
|
86
216
|
*/
|
|
87
217
|
function makeExpander(region) {
|
|
88
218
|
const strip = document.createElement('div');
|
|
89
219
|
strip.dataset.expander = '';
|
|
90
220
|
strip.style.cssText = [
|
|
91
|
-
'position: absolute',
|
|
92
|
-
'z-index: 1000',
|
|
93
|
-
'top: 100%',
|
|
94
|
-
'right: 0',
|
|
95
|
-
'left: 0',
|
|
96
221
|
'display: none',
|
|
97
|
-
'
|
|
222
|
+
'position: relative',
|
|
223
|
+
'grid-area: 2 / 1',
|
|
224
|
+
'z-index: 1000',
|
|
98
225
|
'pointer-events: auto',
|
|
226
|
+
'height: var(--primitives-space-24)',
|
|
99
227
|
].join(';');
|
|
100
228
|
strip.addEventListener('pointerenter', () => setFanned(region, true));
|
|
101
229
|
strip.addEventListener('pointerleave', () => setFanned(region, false));
|
|
@@ -105,7 +233,9 @@ function makeExpander(region) {
|
|
|
105
233
|
/** Newest in front: what just happened is what you want to read, and the older
|
|
106
234
|
* ones slide back and downwards behind it. */
|
|
107
235
|
export function joinRegion(notification, label) {
|
|
236
|
+
watchOverlays();
|
|
108
237
|
const region = ensureRegion(label);
|
|
238
|
+
placeRegion(region);
|
|
109
239
|
notification.style.pointerEvents = 'auto';
|
|
110
240
|
region.prepend(notification);
|
|
111
241
|
syncStack(region);
|
|
@@ -180,15 +310,17 @@ function applyOverflow(region) {
|
|
|
180
310
|
function setScrolling(region, on) {
|
|
181
311
|
const inset = 'var(--semantics-overlays-inset)';
|
|
182
312
|
const shadow = 'var(--primitives-space-48)';
|
|
183
|
-
region
|
|
313
|
+
// Off means the values set when the region was made, not cleared ones: a
|
|
314
|
+
// cleared value falls through to the browser's styling for a popover.
|
|
315
|
+
region.style.overflow = on ? 'auto' : 'visible';
|
|
184
316
|
region.style.overscrollBehavior = on ? 'contain' : '';
|
|
185
317
|
// Room inside the scroll box for the shadow, taken straight back off the
|
|
186
318
|
// outside again, so nothing moves when the list starts to scroll. Left and
|
|
187
319
|
// below it needs the reach of the shadow itself; above and to the right the
|
|
188
320
|
// box lands on the edge of the screen, where a clip and a shadow running off
|
|
189
321
|
// the screen look the same.
|
|
190
|
-
region.style.padding = on ? `${inset} ${inset} ${shadow} ${shadow}` : '';
|
|
191
|
-
region.style.margin = on ? `calc(-1 * ${inset}) calc(-1 * ${inset}) 0 calc(-1 * ${shadow})` : '';
|
|
322
|
+
region.style.padding = on ? `${inset} ${inset} ${shadow} ${shadow}` : '0';
|
|
323
|
+
region.style.margin = on ? `calc(-1 * ${inset}) calc(-1 * ${inset}) 0 calc(-1 * ${shadow})` : '0';
|
|
192
324
|
region.style.maxHeight = on ? '100dvh' : `calc(100dvh - 2 * ${inset})`;
|
|
193
325
|
}
|
|
194
326
|
function setExpanded(region, next) {
|
|
@@ -242,4 +374,14 @@ function cutToFront(region, height) {
|
|
|
242
374
|
item.style.height = index === 0 ? '' : `${height}px`;
|
|
243
375
|
});
|
|
244
376
|
}
|
|
377
|
+
/** @internal Reset state for testing only. Forgets every overlay and listens
|
|
378
|
+
* again straight away, the way importing the module does, so a test sees the
|
|
379
|
+
* same starting position as a freshly loaded page. */
|
|
380
|
+
export function _resetOverlayWatchForTesting() {
|
|
381
|
+
overlayWatch?.abort();
|
|
382
|
+
overlayWatch = null;
|
|
383
|
+
overlays.length = 0;
|
|
384
|
+
if (typeof document !== 'undefined')
|
|
385
|
+
watchOverlays();
|
|
386
|
+
}
|
|
245
387
|
//# sourceMappingURL=notification-region.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification-region.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification-region.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"notification-region.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification-region.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,13 @@
|
|
|
10
10
|
* Nothing about the position is settable, so notifications from anywhere in an
|
|
11
11
|
* application land in the same place and stack in the same order.
|
|
12
12
|
*
|
|
13
|
+
* A modal overlay is the one thing that moves it. An nldd-sheet, nldd-window or
|
|
14
|
+
* nldd-modal-dialog paints in the browser's top layer, above the whole page and
|
|
15
|
+
* out of reach of any z-index, and while one is open everything outside it is
|
|
16
|
+
* inert. So the region goes in: into the topmost overlay that is open, and back
|
|
17
|
+
* down as they close. A notification already on screen travels with it, and one
|
|
18
|
+
* raised from inside a sheet is readable and reachable where it is raised.
|
|
19
|
+
*
|
|
13
20
|
* ## The stack
|
|
14
21
|
* More than one is a deck, not a list: the front one is readable and the older
|
|
15
22
|
* ones peek out below it, so a burst of messages takes the room of roughly one.
|
|
@@ -98,6 +105,13 @@ export declare class NLDDNotification extends NLDDNotification_base {
|
|
|
98
105
|
connectedCallback(): void;
|
|
99
106
|
disconnectedCallback(): void;
|
|
100
107
|
willUpdate(changed: PropertyValues): void;
|
|
108
|
+
/** Called by the region while it carries this notification to another
|
|
109
|
+
* parent. A move disconnects the element, and without this the
|
|
110
|
+
* notification would read its own disconnect as having been dismissed.
|
|
111
|
+
* It also counts as having arrived: the browser starts a CSS animation over
|
|
112
|
+
* when its element comes back, and one caught halfway in would slide in
|
|
113
|
+
* from off the screen a second time. */
|
|
114
|
+
_setMoving(moving: boolean): void;
|
|
101
115
|
/** Called by the region. Starting the clock here rather than on connect is
|
|
102
116
|
* the whole point: a notification three deep in the deck is not counting. */
|
|
103
117
|
_setFront(isFront: boolean): void;
|
|
@@ -110,6 +124,9 @@ export declare class NLDDNotification extends NLDDNotification_base {
|
|
|
110
124
|
* comes. A move is someone pointing at it; sitting still is not. */
|
|
111
125
|
private _onPointerMove;
|
|
112
126
|
private _onPointerLeave;
|
|
127
|
+
/** Once in, it stays in: every move to another overlay would otherwise
|
|
128
|
+
* replay the arrival. */
|
|
129
|
+
private _onAnimationEnd;
|
|
113
130
|
private _onFocusIn;
|
|
114
131
|
private _onFocusOut;
|
|
115
132
|
private _resumeTimer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;;;;AAY5F,qBACa,gBAAiB,SAAQ,qBAA0D;IAC/F,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,CAAa;IAGzC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,QAAQ,SAAoB;IAG5B,WAAW,UAAS;IAEpB;qBACiB;IAEjB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAuB;IAErC;sBACkB;IAClB,OAAO,CAAC,eAAe,CAAK;IAE5B;;oDAEgD;IAChD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAAS;IAE7B;iFAC6E;IAC7E,OAAO,CAAC,OAAO,CAAS;IAExB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB,CAAoB;IAE9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yEAAyE;IACzE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAuBzB,oBAAoB,IAAI,IAAI;IAe5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD;;;;;6CAKyC;IACzC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAKjC;kFAC8E;IAC9E,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOjC,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CASrC;IAEF;;;;;yEAKqE;IACrE,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF;8BAC0B;IAC1B,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,yEAAyE;IACzE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU,CAQhB;IAEF,cAAc,QAAO,IAAI,CAEvB;IAEF,OAAO,CAAC,QAAQ;IAKP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
|
|
@@ -10,6 +10,13 @@
|
|
|
10
10
|
* Nothing about the position is settable, so notifications from anywhere in an
|
|
11
11
|
* application land in the same place and stack in the same order.
|
|
12
12
|
*
|
|
13
|
+
* A modal overlay is the one thing that moves it. An nldd-sheet, nldd-window or
|
|
14
|
+
* nldd-modal-dialog paints in the browser's top layer, above the whole page and
|
|
15
|
+
* out of reach of any z-index, and while one is open everything outside it is
|
|
16
|
+
* inert. So the region goes in: into the topmost overlay that is open, and back
|
|
17
|
+
* down as they close. A notification already on screen travels with it, and one
|
|
18
|
+
* raised from inside a sheet is readable and reachable where it is raised.
|
|
19
|
+
*
|
|
13
20
|
* ## The stack
|
|
14
21
|
* More than one is a deck, not a list: the front one is readable and the older
|
|
15
22
|
* ones peek out below it, so a burst of messages takes the room of roughly one.
|
|
@@ -130,6 +137,13 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
130
137
|
this._pointerInside = false;
|
|
131
138
|
this._resumeTimer();
|
|
132
139
|
};
|
|
140
|
+
/** Once in, it stays in: every move to another overlay would otherwise
|
|
141
|
+
* replay the arrival. */
|
|
142
|
+
this._onAnimationEnd = (e) => {
|
|
143
|
+
if (e.target !== this || e.animationName !== 'notification-arrive')
|
|
144
|
+
return;
|
|
145
|
+
this.toggleAttribute('data-arrived', true);
|
|
146
|
+
};
|
|
133
147
|
this._onFocusIn = () => {
|
|
134
148
|
this._focusInside = true;
|
|
135
149
|
this._clearTimer();
|
|
@@ -156,6 +170,10 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
156
170
|
this._onKeyDown = (e) => {
|
|
157
171
|
if (e.key !== 'Escape')
|
|
158
172
|
return;
|
|
173
|
+
// Escape dismisses this notification and stops there. Stopping the event is
|
|
174
|
+
// not enough: the close signal a sheet or dialog listens for is the key's
|
|
175
|
+
// default action, and it would take the overlay along. Same as nldd-popover.
|
|
176
|
+
e.preventDefault();
|
|
159
177
|
e.stopPropagation();
|
|
160
178
|
this._dismiss();
|
|
161
179
|
};
|
|
@@ -179,6 +197,7 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
179
197
|
this.addEventListener('focusin', this._onFocusIn);
|
|
180
198
|
this.addEventListener('focusout', this._onFocusOut);
|
|
181
199
|
this.addEventListener('keydown', this._onKeyDown);
|
|
200
|
+
this.addEventListener('animationend', this._onAnimationEnd);
|
|
182
201
|
// Moving itself has to wait a tick: a framework that just created this
|
|
183
202
|
// element is still holding it, and pulling it out mid-render confuses
|
|
184
203
|
// the very thing that will later remove it.
|
|
@@ -203,6 +222,9 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
203
222
|
this.removeEventListener('focusin', this._onFocusIn);
|
|
204
223
|
this.removeEventListener('focusout', this._onFocusOut);
|
|
205
224
|
this.removeEventListener('keydown', this._onKeyDown);
|
|
225
|
+
this.removeEventListener('animationend', this._onAnimationEnd);
|
|
226
|
+
// Put back on a page later, it arrives again.
|
|
227
|
+
this.removeAttribute('data-arrived');
|
|
206
228
|
leaveRegion(this);
|
|
207
229
|
}
|
|
208
230
|
willUpdate(changed) {
|
|
@@ -213,6 +235,17 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
213
235
|
if (changed.has('duration'))
|
|
214
236
|
this._remainingDuration = this.duration;
|
|
215
237
|
}
|
|
238
|
+
/** Called by the region while it carries this notification to another
|
|
239
|
+
* parent. A move disconnects the element, and without this the
|
|
240
|
+
* notification would read its own disconnect as having been dismissed.
|
|
241
|
+
* It also counts as having arrived: the browser starts a CSS animation over
|
|
242
|
+
* when its element comes back, and one caught halfway in would slide in
|
|
243
|
+
* from off the screen a second time. */
|
|
244
|
+
_setMoving(moving) {
|
|
245
|
+
this._moving = moving;
|
|
246
|
+
if (moving)
|
|
247
|
+
this.toggleAttribute('data-arrived', true);
|
|
248
|
+
}
|
|
216
249
|
/** Called by the region. Starting the clock here rather than on connect is
|
|
217
250
|
* the whole point: a notification three deep in the deck is not counting. */
|
|
218
251
|
_setFront(isFront) {
|