@nldd/design-system 0.8.86 → 0.8.88
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/custom-elements.json +662 -144
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +3 -3
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/components.js +1263 -273
- package/dist/components/content/avatar/avatar.d.ts +6 -6
- package/dist/components/content/avatar/avatar.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.js +9 -9
- package/dist/components/content/avatar/avatar.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +4 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +3 -26
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +2 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +2 -2
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +3 -3
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +8 -2
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +7 -6
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +8 -7
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/text/text.d.ts +2 -2
- package/dist/components/content/text/text.js +3 -3
- package/dist/components/content/title/title.d.ts +5 -5
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +6 -6
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +2 -2
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +4 -4
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/{dist-C09E9-dJ.js → dist-B_Mnmrj4.js} +1 -1
- package/dist/components/{dist-CjaG8dOI.js → dist-ByH8hQze.js} +2 -2
- package/dist/components/{dist-BB7TxeMK.js → dist-CRwuSgMM.js} +2 -2
- package/dist/components/{dist-la_b3ZSq.js → dist-CSrO_mYe.js} +1 -1
- package/dist/components/{dist-762GHPyH.js → dist-CX3DK4i7.js} +3 -3
- package/dist/components/{dist-DZoFKUO-.js → dist-CbCO0WCd.js} +1 -1
- package/dist/components/{dist-B_3OW7pC.js → dist-CgDuh26K.js} +1 -1
- package/dist/components/{dist-DaavuU6W.js → dist-DXZ-cFAl.js} +2 -2
- package/dist/components/{dist-CRsR6ckU.js → dist-LX8LuMac.js} +1 -1
- package/dist/components/{dist-BJI4-6iQ.js → dist-eVFegyjM.js} +1 -1
- package/dist/components/{dist-C6gnorjP.js → dist-fIxe0l7k.js} +9 -1
- package/dist/components/{icon-Cd4BloIM.js → icon-C_zwJZ_g.js} +14 -4
- package/dist/components/{icon-button-CXN0yaVx.js → icon-button-CEz4MB9H.js} +10 -10
- package/dist/components/inputs/code-editor/code-editor.styles.js +2 -2
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts +3 -5
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js +30 -44
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotations.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotations.js +31 -5
- package/dist/components/inputs/text-editor/text-editor.annotations.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts +14 -2
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.commands.js +115 -36
- package/dist/components/inputs/text-editor/text-editor.commands.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts +7 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.js +207 -0
- package/dist/components/inputs/text-editor/text-editor.cursor.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.d.ts +65 -13
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts +32 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.js +229 -0
- package/dist/components/inputs/text-editor/text-editor.emphasis.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.js +177 -18
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.d.ts +8 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +30 -4
- package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +52 -18
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts +78 -11
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +190 -41
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts +0 -2
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +21 -1
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +11 -10
- package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.syntax.d.ts +9 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.js +20 -0
- package/dist/components/inputs/text-editor/text-editor.syntax.js.map +1 -0
- 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/page-sections/page-section-controls.d.ts +0 -70
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +0 -3
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +3 -7
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +4 -18
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +0 -4
- package/dist/components/layout/sheet/sheet.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 +5 -2
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +2 -4
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +4 -14
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +5 -2
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +3 -3
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +3 -3
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +2 -2
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +3 -3
- package/dist/components/lists-and-tables/list/list.d.ts +4 -2
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +23 -5
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +2 -2
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +3 -2
- package/dist/components/navigation/link/link.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/activity-indicator/activity-indicator.d.ts +3 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -4
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +8 -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 +14 -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 +22 -1
- 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 +6 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +3 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +5 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.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 +4 -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.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.js +74 -1
- package/dist/components/status-and-feedback/notification/notification-region.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts +11 -0
- package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.js +13 -0
- package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
- package/dist/favicon.svg +8 -2
- package/dist/nldd.min.js +536 -496
- package/dist/types/vue.d.ts +33 -25
- package/package.json +1 -1
|
@@ -10,8 +10,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
* A page layout with optional sticky header and footer.
|
|
11
11
|
* Without sticky-header, the host is the scroll container and the header
|
|
12
12
|
* is in normal flow. With sticky-header, the header becomes absolute and
|
|
13
|
-
* .page__scroll takes over scrolling
|
|
14
|
-
*
|
|
13
|
+
* .page__scroll takes over scrolling, padded by the measured header height.
|
|
14
|
+
* That padding freezes once you scroll, so a collapsing bar cannot drag the
|
|
15
|
+
* content up under the cursor.
|
|
15
16
|
*
|
|
16
17
|
* In root-scroll mode (--context-scroll-mode: root, derived upstream by
|
|
17
18
|
* nldd-app-view) the page stops owning a scroller: the document scrolls and the
|
|
@@ -52,8 +53,8 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
52
53
|
this._scrollMode = 'nested';
|
|
53
54
|
this._scrollTarget = null;
|
|
54
55
|
this._scrollProvider = null;
|
|
55
|
-
this._headerObserver = null;
|
|
56
56
|
this._insetObserver = null;
|
|
57
|
+
this._headerFullHeight = 0;
|
|
57
58
|
this._mainSlot = null;
|
|
58
59
|
this._resizeRaf = 0;
|
|
59
60
|
this._onResize = () => {
|
|
@@ -150,7 +151,6 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
150
151
|
if (this._resizeRaf)
|
|
151
152
|
cancelAnimationFrame(this._resizeRaf);
|
|
152
153
|
this._teardownScrollListener();
|
|
153
|
-
this._teardownHeaderObserver();
|
|
154
154
|
this._teardownInsetObserver();
|
|
155
155
|
this._teardownMainSlotListener();
|
|
156
156
|
}
|
|
@@ -187,17 +187,11 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
187
187
|
this.dataset.scroll = next;
|
|
188
188
|
return true;
|
|
189
189
|
}
|
|
190
|
-
// (Re)wire the scroll listener +
|
|
190
|
+
// (Re)wire the scroll listener + inset observer for the current mode.
|
|
191
191
|
_configureScroll() {
|
|
192
192
|
this._teardownScrollListener();
|
|
193
|
-
this._teardownHeaderObserver();
|
|
194
|
-
if (this._scrollEl)
|
|
195
|
-
this._scrollEl.style.paddingTop = '';
|
|
196
193
|
this._setupScrollListener();
|
|
197
|
-
|
|
198
|
-
// sticky header sits in flow and reserves its own space.
|
|
199
|
-
if (this.stickyHeader && !this._isRoot)
|
|
200
|
-
this._setupHeaderObserver();
|
|
194
|
+
this._headerFullHeight = 0;
|
|
201
195
|
this._setupInsetObserver();
|
|
202
196
|
this._onScroll();
|
|
203
197
|
}
|
|
@@ -209,6 +203,11 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
209
203
|
* its anchor, and a consumer that had written the number down would be wrong
|
|
210
204
|
* from that moment on. A bar that is not sticky scrolls away and adds
|
|
211
205
|
* nothing, so it stays at zero.
|
|
206
|
+
*
|
|
207
|
+
* It also measures the padding the scroll wrapper reserves for an absolute
|
|
208
|
+
* sticky header. One observer owns both, because two of them writing styles
|
|
209
|
+
* that resize what the other watches is what leaves ResizeObserver
|
|
210
|
+
* notifications undelivered.
|
|
212
211
|
*/
|
|
213
212
|
_setupInsetObserver() {
|
|
214
213
|
this._teardownInsetObserver();
|
|
@@ -217,8 +216,9 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
217
216
|
if (!header || !footer)
|
|
218
217
|
return;
|
|
219
218
|
const publish = () => {
|
|
220
|
-
this.
|
|
221
|
-
this.
|
|
219
|
+
this._publish('--_header-height', `${this.stickyHeader ? header.offsetHeight : 0}px`);
|
|
220
|
+
this._publish('--_footer-height', `${this.stickyFooter ? footer.offsetHeight : 0}px`);
|
|
221
|
+
this._publish('--_header-full-height', `${this._measureHeaderFullHeight(header)}px`);
|
|
222
222
|
// How tall the scroller actually is. Sticky content inside it caps its
|
|
223
223
|
// height on what it can see, and while the page owns the scroller that
|
|
224
224
|
// is not the viewport: the chrome around the page eats into it. In root
|
|
@@ -226,7 +226,7 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
226
226
|
if (this._isRoot)
|
|
227
227
|
this.style.removeProperty('--_scroll-height');
|
|
228
228
|
else
|
|
229
|
-
this.
|
|
229
|
+
this._publish('--_scroll-height', `${this._scrollEl?.clientHeight ?? 0}px`);
|
|
230
230
|
};
|
|
231
231
|
publish();
|
|
232
232
|
this._insetObserver = new ResizeObserver(publish);
|
|
@@ -241,6 +241,30 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
241
241
|
this._insetObserver = null;
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
|
+
/**
|
|
245
|
+
* Writes a published variable only when it changes. These values size the
|
|
246
|
+
* elements the observer watches, so a rewrite feeds the callback its own
|
|
247
|
+
* next notification, which is what Chromium reports as "ResizeObserver
|
|
248
|
+
* loop completed with undelivered notifications".
|
|
249
|
+
*/
|
|
250
|
+
_publish(name, value) {
|
|
251
|
+
if (this.style.getPropertyValue(name) === value)
|
|
252
|
+
return;
|
|
253
|
+
this.style.setProperty(name, value);
|
|
254
|
+
}
|
|
255
|
+
/**
|
|
256
|
+
* The header at its full height: the last measurement taken at scroll top.
|
|
257
|
+
* A top title bar shrinks as you pass its anchor, and the space reserved for
|
|
258
|
+
* it must not shrink along, or the content it starts under is dragged up
|
|
259
|
+
* from under the cursor. Which mode reserves that space is the CSS's call.
|
|
260
|
+
*/
|
|
261
|
+
_measureHeaderFullHeight(header) {
|
|
262
|
+
if (!this.stickyHeader)
|
|
263
|
+
return 0;
|
|
264
|
+
if (this.scrollTarget.scrollTop === 0)
|
|
265
|
+
this._headerFullHeight = header.offsetHeight;
|
|
266
|
+
return this._headerFullHeight;
|
|
267
|
+
}
|
|
244
268
|
_setupScrollListener() {
|
|
245
269
|
// Root mode scrolls the document (listen on window); nested mode scrolls
|
|
246
270
|
// the host, or .page__scroll with a sticky header. See scrollEventTarget.
|
|
@@ -254,25 +278,6 @@ let NLDDPage = class NLDDPage extends LitElement {
|
|
|
254
278
|
this._scrollTarget = null;
|
|
255
279
|
}
|
|
256
280
|
}
|
|
257
|
-
_setupHeaderObserver() {
|
|
258
|
-
this._teardownHeaderObserver();
|
|
259
|
-
const header = this._headerEl;
|
|
260
|
-
const scroll = this._scrollEl;
|
|
261
|
-
if (!header || !scroll)
|
|
262
|
-
return;
|
|
263
|
-
this._headerObserver = new ResizeObserver(() => {
|
|
264
|
-
if (scroll.scrollTop > 0)
|
|
265
|
-
return;
|
|
266
|
-
scroll.style.paddingTop = `${header.offsetHeight}px`;
|
|
267
|
-
});
|
|
268
|
-
this._headerObserver.observe(header);
|
|
269
|
-
}
|
|
270
|
-
_teardownHeaderObserver() {
|
|
271
|
-
if (this._headerObserver) {
|
|
272
|
-
this._headerObserver.disconnect();
|
|
273
|
-
this._headerObserver = null;
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
281
|
// Mark the last visible main-slot child with `is-last`, so section-style
|
|
277
282
|
// components can grow to fill remaining vertical space without coupling
|
|
278
283
|
// to specific tag types or relying on light-DOM `:last-child` (which
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA2NtB,CAAC"}
|
|
@@ -16,6 +16,7 @@ export const pageStyles = css `
|
|
|
16
16
|
--_outer-inset-bottom: var(--context-inset-bottom, 0px);
|
|
17
17
|
--_header-height: 0px;
|
|
18
18
|
--_footer-height: 0px;
|
|
19
|
+
--_header-full-height: 0px;
|
|
19
20
|
/* Set from JS while the page owns the scroller. initial, not a length, so
|
|
20
21
|
the fallback stands when the document scrolls instead. */
|
|
21
22
|
--_scroll-height: initial;
|
|
@@ -169,6 +170,7 @@ export const pageStyles = css `
|
|
|
169
170
|
:host(:not([data-scroll="root"])) .page__scroll {
|
|
170
171
|
--context-inset-top: var(--_header-height);
|
|
171
172
|
--context-inset-bottom: var(--_footer-height);
|
|
173
|
+
padding-top: var(--_header-full-height);
|
|
172
174
|
}
|
|
173
175
|
|
|
174
176
|
:host([sticky-header]) .page__scroll {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2N5B,CAAC"}
|
|
@@ -33,20 +33,10 @@ export declare const pageSectionArgTypes: {
|
|
|
33
33
|
width: {
|
|
34
34
|
control: string;
|
|
35
35
|
description: string;
|
|
36
|
-
table: {
|
|
37
|
-
defaultValue: {
|
|
38
|
-
summary: string;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
36
|
};
|
|
42
37
|
height: {
|
|
43
38
|
control: string;
|
|
44
39
|
description: string;
|
|
45
|
-
table: {
|
|
46
|
-
defaultValue: {
|
|
47
|
-
summary: string;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
40
|
};
|
|
51
41
|
'padding-block': {
|
|
52
42
|
control: {
|
|
@@ -54,11 +44,6 @@ export declare const pageSectionArgTypes: {
|
|
|
54
44
|
};
|
|
55
45
|
options: string[];
|
|
56
46
|
description: string;
|
|
57
|
-
table: {
|
|
58
|
-
defaultValue: {
|
|
59
|
-
summary: string;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
47
|
};
|
|
63
48
|
'padding-top': {
|
|
64
49
|
control: {
|
|
@@ -66,11 +51,6 @@ export declare const pageSectionArgTypes: {
|
|
|
66
51
|
};
|
|
67
52
|
options: string[];
|
|
68
53
|
description: string;
|
|
69
|
-
table: {
|
|
70
|
-
defaultValue: {
|
|
71
|
-
summary: string;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
54
|
};
|
|
75
55
|
'padding-bottom': {
|
|
76
56
|
control: {
|
|
@@ -78,11 +58,6 @@ export declare const pageSectionArgTypes: {
|
|
|
78
58
|
};
|
|
79
59
|
options: string[];
|
|
80
60
|
description: string;
|
|
81
|
-
table: {
|
|
82
|
-
defaultValue: {
|
|
83
|
-
summary: string;
|
|
84
|
-
};
|
|
85
|
-
};
|
|
86
61
|
};
|
|
87
62
|
'sm-padding-block': {
|
|
88
63
|
control: {
|
|
@@ -90,11 +65,6 @@ export declare const pageSectionArgTypes: {
|
|
|
90
65
|
};
|
|
91
66
|
options: string[];
|
|
92
67
|
description: string;
|
|
93
|
-
table: {
|
|
94
|
-
defaultValue: {
|
|
95
|
-
summary: string;
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
68
|
};
|
|
99
69
|
'sm-padding-top': {
|
|
100
70
|
control: {
|
|
@@ -102,11 +72,6 @@ export declare const pageSectionArgTypes: {
|
|
|
102
72
|
};
|
|
103
73
|
options: string[];
|
|
104
74
|
description: string;
|
|
105
|
-
table: {
|
|
106
|
-
defaultValue: {
|
|
107
|
-
summary: string;
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
75
|
};
|
|
111
76
|
'sm-padding-bottom': {
|
|
112
77
|
control: {
|
|
@@ -114,11 +79,6 @@ export declare const pageSectionArgTypes: {
|
|
|
114
79
|
};
|
|
115
80
|
options: string[];
|
|
116
81
|
description: string;
|
|
117
|
-
table: {
|
|
118
|
-
defaultValue: {
|
|
119
|
-
summary: string;
|
|
120
|
-
};
|
|
121
|
-
};
|
|
122
82
|
};
|
|
123
83
|
'md-padding-block': {
|
|
124
84
|
control: {
|
|
@@ -126,11 +86,6 @@ export declare const pageSectionArgTypes: {
|
|
|
126
86
|
};
|
|
127
87
|
options: string[];
|
|
128
88
|
description: string;
|
|
129
|
-
table: {
|
|
130
|
-
defaultValue: {
|
|
131
|
-
summary: string;
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
89
|
};
|
|
135
90
|
'md-padding-top': {
|
|
136
91
|
control: {
|
|
@@ -138,11 +93,6 @@ export declare const pageSectionArgTypes: {
|
|
|
138
93
|
};
|
|
139
94
|
options: string[];
|
|
140
95
|
description: string;
|
|
141
|
-
table: {
|
|
142
|
-
defaultValue: {
|
|
143
|
-
summary: string;
|
|
144
|
-
};
|
|
145
|
-
};
|
|
146
96
|
};
|
|
147
97
|
'md-padding-bottom': {
|
|
148
98
|
control: {
|
|
@@ -150,11 +100,6 @@ export declare const pageSectionArgTypes: {
|
|
|
150
100
|
};
|
|
151
101
|
options: string[];
|
|
152
102
|
description: string;
|
|
153
|
-
table: {
|
|
154
|
-
defaultValue: {
|
|
155
|
-
summary: string;
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
103
|
};
|
|
159
104
|
'lg-padding-block': {
|
|
160
105
|
control: {
|
|
@@ -162,11 +107,6 @@ export declare const pageSectionArgTypes: {
|
|
|
162
107
|
};
|
|
163
108
|
options: string[];
|
|
164
109
|
description: string;
|
|
165
|
-
table: {
|
|
166
|
-
defaultValue: {
|
|
167
|
-
summary: string;
|
|
168
|
-
};
|
|
169
|
-
};
|
|
170
110
|
};
|
|
171
111
|
'lg-padding-top': {
|
|
172
112
|
control: {
|
|
@@ -174,11 +114,6 @@ export declare const pageSectionArgTypes: {
|
|
|
174
114
|
};
|
|
175
115
|
options: string[];
|
|
176
116
|
description: string;
|
|
177
|
-
table: {
|
|
178
|
-
defaultValue: {
|
|
179
|
-
summary: string;
|
|
180
|
-
};
|
|
181
|
-
};
|
|
182
117
|
};
|
|
183
118
|
'lg-padding-bottom': {
|
|
184
119
|
control: {
|
|
@@ -186,11 +121,6 @@ export declare const pageSectionArgTypes: {
|
|
|
186
121
|
};
|
|
187
122
|
options: string[];
|
|
188
123
|
description: string;
|
|
189
|
-
table: {
|
|
190
|
-
defaultValue: {
|
|
191
|
-
summary: string;
|
|
192
|
-
};
|
|
193
|
-
};
|
|
194
124
|
};
|
|
195
125
|
};
|
|
196
126
|
export declare const pageSectionArgs: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAa1B;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAIF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAYpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}
|
|
@@ -8,7 +8,6 @@ const paddingControl = (description) => ({
|
|
|
8
8
|
control: { type: 'select' },
|
|
9
9
|
options: PADDING_OPTIONS,
|
|
10
10
|
description,
|
|
11
|
-
table: { defaultValue: { summary: '' } },
|
|
12
11
|
});
|
|
13
12
|
/**
|
|
14
13
|
* Shared Storybook controls for the PageSectionMixin surface API
|
|
@@ -32,12 +31,10 @@ export const pageSectionArgTypes = {
|
|
|
32
31
|
width: {
|
|
33
32
|
control: 'text',
|
|
34
33
|
description: 'Body max-width: "full" verwijdert de constraint, of een CSS length (bv. "480px") overschrijft de default max-width',
|
|
35
|
-
table: { defaultValue: { summary: '' } },
|
|
36
34
|
},
|
|
37
35
|
height: {
|
|
38
36
|
control: 'text',
|
|
39
37
|
description: 'Minimale sectiehoogte (CSS length, bv. "400px", "100dvh") — net als width op de body-max-width, mapt height op min-height van de host',
|
|
40
|
-
table: { defaultValue: { summary: '' } },
|
|
41
38
|
},
|
|
42
39
|
'padding-block': paddingControl('Block (boven+onder) padding-override (token 0–96; "0" verwijdert de padding)'),
|
|
43
40
|
'padding-top': paddingControl('Override van alleen de bovenpadding'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9B,OAAO,EACN,SAAS,EACT,SAAS,EACT,QAAQ,GAGR,MAAM,kBAAkB,CAAC;AAE1B,MAAM,eAAe,GAAG;IACvB,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACzD,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;CACpD,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;IACpC,OAAO,EAAE,eAAe;IACxB,WAAW;
|
|
1
|
+
{"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
*
|
|
17
17
|
* @attr {string} placement - Sheet position: 'left' | 'right' | 'bottom' (default: 'right')
|
|
18
18
|
* @attr {string} height - Custom height for bottom sheets (and for any sheet on sm viewports, where all placements collapse to bottom). Accepts: `'full'` (default — viewport minus top-inset, identical to omitting the attribute), `'fit-content'` (collapse to content size), or any CSS length/percentage (e.g. `'50dvh'`, `'480px'`, `'50%'`). Always clamped to `100dvh - top-inset` so the sheet can't extend past the dismiss-tap area. No effect on side sheets at md+.
|
|
19
|
-
* @attr {boolean} modeless - Non-modal (no backdrop or focus lock); the sheet is modal by default
|
|
20
19
|
* @attr {string} accessible-label - Accessible name for the dialog, forwarded as aria-label (default: 'Venster')
|
|
21
20
|
* @attr {string} width - Custom width for side sheets (left/right) as a CSS length (e.g. '480px', '32rem'). Applied from the md breakpoint up; ignored on sm (bottom sheet) and for `placement="bottom"`. Clamped to `100vw - 2 * inset` so the sheet always fits.
|
|
22
21
|
*
|
|
@@ -41,7 +40,6 @@ export declare class NLDDSheet extends LitElement {
|
|
|
41
40
|
* inset` via `max-height` so the dismiss-tap area always remains.
|
|
42
41
|
*/
|
|
43
42
|
height: string;
|
|
44
|
-
modeless: boolean;
|
|
45
43
|
/** Accessible name for the dialog — forwarded as aria-label to the dialog element. */
|
|
46
44
|
accessibleLabel: string;
|
|
47
45
|
/**
|
|
@@ -74,11 +72,9 @@ export declare class NLDDSheet extends LitElement {
|
|
|
74
72
|
/**
|
|
75
73
|
* Emitted once per open cycle, from whichever route actually closed the sheet.
|
|
76
74
|
*
|
|
77
|
-
*
|
|
78
|
-
*
|
|
79
|
-
*
|
|
80
|
-
* close event cannot be the only source either, because jsdom does not fire it
|
|
81
|
-
* and the event would be untestable. Both call this, the flag keeps it to one.
|
|
75
|
+
* The dialog's own close event cannot be the only source: jsdom does not fire
|
|
76
|
+
* it, so the event would be untestable. hide() calls this too, and the flag
|
|
77
|
+
* keeps it to one per cycle.
|
|
82
78
|
*/
|
|
83
79
|
private _closeEmitted;
|
|
84
80
|
private _emitClose;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUjC,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAO7C,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAGrC,SAAS,EAAE,SAAS,CAAW;IAE/B;;;;;;OAMG;IAEH,MAAM,SAAM;IAEZ,sFAAsF;IAEtF,eAAe,SAAa;IAE5B;;;;OAIG;IAEH,KAAK,SAAM;IAEF,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA8B9C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAKrC,kFAAkF;IAClF,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,IAAI,IAAI,IAAI;IA6BZ,OAAO,CAAC,YAAY;IAapB,IAAI,IAAI,IAAI;IAoCZ,6CAA6C;IAC7C,OAAO,CAAC,cAAc,CAAK;IAE3B;;;uDAGmD;IACnD,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAI/C,kBAAkB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAUvC;;;;;;OAMG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,UAAU;IAMlB,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAYlC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM7B,OAAO,CAAC,cAAc,CAUpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
*
|
|
17
17
|
* @attr {string} placement - Sheet position: 'left' | 'right' | 'bottom' (default: 'right')
|
|
18
18
|
* @attr {string} height - Custom height for bottom sheets (and for any sheet on sm viewports, where all placements collapse to bottom). Accepts: `'full'` (default — viewport minus top-inset, identical to omitting the attribute), `'fit-content'` (collapse to content size), or any CSS length/percentage (e.g. `'50dvh'`, `'480px'`, `'50%'`). Always clamped to `100dvh - top-inset` so the sheet can't extend past the dismiss-tap area. No effect on side sheets at md+.
|
|
19
|
-
* @attr {boolean} modeless - Non-modal (no backdrop or focus lock); the sheet is modal by default
|
|
20
19
|
* @attr {string} accessible-label - Accessible name for the dialog, forwarded as aria-label (default: 'Venster')
|
|
21
20
|
* @attr {string} width - Custom width for side sheets (left/right) as a CSS length (e.g. '480px', '32rem'). Applied from the md breakpoint up; ignored on sm (bottom sheet) and for `placement="bottom"`. Clamped to `100vw - 2 * inset` so the sheet always fits.
|
|
22
21
|
*
|
|
@@ -59,7 +58,6 @@ let NLDDSheet = class NLDDSheet extends LitElement {
|
|
|
59
58
|
* inset` via `max-height` so the dismiss-tap area always remains.
|
|
60
59
|
*/
|
|
61
60
|
this.height = '';
|
|
62
|
-
this.modeless = false;
|
|
63
61
|
/** Accessible name for the dialog — forwarded as aria-label to the dialog element. */
|
|
64
62
|
this.accessibleLabel = 'Venster';
|
|
65
63
|
/**
|
|
@@ -83,11 +81,9 @@ let NLDDSheet = class NLDDSheet extends LitElement {
|
|
|
83
81
|
/**
|
|
84
82
|
* Emitted once per open cycle, from whichever route actually closed the sheet.
|
|
85
83
|
*
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
* close event cannot be the only source either, because jsdom does not fire it
|
|
90
|
-
* and the event would be untestable. Both call this, the flag keeps it to one.
|
|
84
|
+
* The dialog's own close event cannot be the only source: jsdom does not fire
|
|
85
|
+
* it, so the event would be untestable. hide() calls this too, and the flag
|
|
86
|
+
* keeps it to one per cycle.
|
|
91
87
|
*/
|
|
92
88
|
this._closeEmitted = false;
|
|
93
89
|
this._handleDismiss = (e) => {
|
|
@@ -163,12 +159,7 @@ let NLDDSheet = class NLDDSheet extends LitElement {
|
|
|
163
159
|
this._hasWarnedLabel = true;
|
|
164
160
|
console.warn('<nldd-sheet>: No accessible-label provided. Screen readers will announce this dialog as "Venster". Set accessible-label to a descriptive name matching the dialog title.');
|
|
165
161
|
}
|
|
166
|
-
|
|
167
|
-
dialog.show();
|
|
168
|
-
}
|
|
169
|
-
else {
|
|
170
|
-
dialog.showModal();
|
|
171
|
-
}
|
|
162
|
+
dialog.showModal();
|
|
172
163
|
this._manageFocus();
|
|
173
164
|
this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
|
|
174
165
|
}
|
|
@@ -221,8 +212,6 @@ let NLDDSheet = class NLDDSheet extends LitElement {
|
|
|
221
212
|
this._pointerDownOnBackdrop = e.target === this._dialog;
|
|
222
213
|
}
|
|
223
214
|
_handleDialogClick(e) {
|
|
224
|
-
if (this.modeless)
|
|
225
|
-
return;
|
|
226
215
|
// Close only on a genuine backdrop click: the press AND the release land
|
|
227
216
|
// on the dialog itself (its dismiss area), not on content. e.target is the
|
|
228
217
|
// dialog when the release is on the backdrop; the pointerdown flag confirms
|
|
@@ -265,9 +254,6 @@ __decorate([
|
|
|
265
254
|
__decorate([
|
|
266
255
|
property({ type: String, reflect: true })
|
|
267
256
|
], NLDDSheet.prototype, "height", void 0);
|
|
268
|
-
__decorate([
|
|
269
|
-
property({ type: Boolean, reflect: true })
|
|
270
|
-
], NLDDSheet.prototype, "modeless", void 0);
|
|
271
257
|
__decorate([
|
|
272
258
|
property({ type: String, attribute: 'accessible-label' })
|
|
273
259
|
], NLDDSheet.prototype, "accessibleLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,yBA4MvB,CAAC"}
|
|
@@ -135,10 +135,6 @@ export const sheetStyles = css `
|
|
|
135
135
|
background: var(--semantics-overlays-backdrop-color);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
:host([modeless]) .sheet::backdrop {
|
|
139
|
-
background: transparent;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
138
|
:host([placement="left"]) .sheet {
|
|
143
139
|
@media (min-width: ${mdMin}) {
|
|
144
140
|
inset: var(--semantics-overlays-inset) auto var(--semantics-overlays-inset) var(--semantics-overlays-inset);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiFP,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;;;;;;;;;;;;uBAeL,KAAK
|
|
1
|
+
{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiFP,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;;;;;;;;;;;;uBAeL,KAAK;;;;;;;;;;;;;;;;;;;;uBAoBL,KAAK;;;;;;;;;;;;;;;uBAeL,KAAK;;;;;;uBAML,KAAK;;;;;;;;;;;;;;;;;;uBAkBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"sheet.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,wCAkBjD"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* eslint-disable lit-a11y/click-events-have-key-events -- native dialog handles keyboard via @cancel */
|
|
2
|
-
import { html
|
|
2
|
+
import { html } from 'lit';
|
|
3
3
|
export function sheetTemplate(component) {
|
|
4
4
|
return html `
|
|
5
5
|
<dialog class="sheet"
|
|
6
6
|
aria-label=${component.accessibleLabel}
|
|
7
|
-
aria-modal
|
|
7
|
+
aria-modal="true"
|
|
8
8
|
@pointerdown=${component._handleDialogPointerDown}
|
|
9
9
|
@click=${component._handleDialogClick}
|
|
10
10
|
@cancel=${component._handleCancel}
|
|
@@ -13,6 +13,9 @@ export function sheetTemplate(component) {
|
|
|
13
13
|
<div class="sheet__body">
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</div>
|
|
16
|
+
<!-- Inside the dialog, so it escapes the inertness a modal imposes on
|
|
17
|
+
everything outside it. Plumbing, not consumer API. -->
|
|
18
|
+
<slot name="notifications"></slot>
|
|
16
19
|
</dialog>
|
|
17
20
|
`;
|
|
18
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.template.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"sheet.template.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe;;kBAEvB,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;;;;EAStC,CAAC;AACH,CAAC"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Nederlandse Digitale Dienst Window Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
|
-
* A floating window based on the native <dialog> element
|
|
5
|
-
*
|
|
4
|
+
* A floating window based on the native <dialog> element, positionable through
|
|
5
|
+
* CSS values. Always modal.
|
|
6
6
|
*
|
|
7
7
|
* No header of its own: consumers use nldd-page with a sticky header inside for
|
|
8
8
|
* a title bar.
|
|
9
9
|
*
|
|
10
10
|
* @element nldd-window
|
|
11
11
|
*
|
|
12
|
-
* @attr {boolean} modeless - Modeless (no backdrop or focus trap); the window is modal by default
|
|
13
12
|
* @attr {boolean} no-light-dismiss - A click on the backdrop does not close the window. For windows where dismissing by accident costs work: a wizard, a form with filled-in fields. Escape and the dismiss button keep working.
|
|
14
13
|
* @attr {string} accessible-label - (required) Accessible name (aria-label). Falls back to the i18n default ('Venster') when unset. Always pass a unique, descriptive name per window.
|
|
15
14
|
* @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
|
|
@@ -35,7 +34,6 @@ import { type NLDDWindowTranslations } from './window.i18n.js';
|
|
|
35
34
|
export type NLDDWindowScheme = 'inherit' | 'light' | 'dark';
|
|
36
35
|
export declare class NLDDWindow extends LitElement {
|
|
37
36
|
static styles: import("lit").CSSResult;
|
|
38
|
-
modeless: boolean;
|
|
39
37
|
noLightDismiss: boolean;
|
|
40
38
|
accessibleLabel: string;
|
|
41
39
|
/**
|