@jsekulowicz/ds-components 0.18.1 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +308 -7
- package/dist/atoms/nav-item/nav-control.styles.js +1 -1
- package/dist/atoms/nav-item/nav-group.d.ts +1 -0
- package/dist/atoms/nav-item/nav-group.d.ts.map +1 -1
- package/dist/atoms/nav-item/nav-group.js +2 -10
- package/dist/atoms/nav-item/nav-group.js.map +1 -1
- package/dist/atoms/nav-item/nav-group.styles.d.ts.map +1 -1
- package/dist/atoms/nav-item/nav-group.styles.js +0 -8
- package/dist/atoms/nav-item/nav-group.styles.js.map +1 -1
- package/dist/atoms/segmented-control/segmented-control.d.ts +1 -0
- package/dist/atoms/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/atoms/segmented-control/segmented-control.js +5 -1
- package/dist/atoms/segmented-control/segmented-control.js.map +1 -1
- package/dist/atoms/select/select.common-styles.d.ts.map +1 -1
- package/dist/atoms/select/select.common-styles.js +12 -2
- package/dist/atoms/select/select.common-styles.js.map +1 -1
- package/dist/atoms/table/table-rendering.d.ts +2 -0
- package/dist/atoms/table/table-rendering.d.ts.map +1 -1
- package/dist/atoms/table/table-rendering.js +2 -0
- package/dist/atoms/table/table-rendering.js.map +1 -1
- package/dist/atoms/table/table.d.ts.map +1 -1
- package/dist/atoms/table/table.js +35 -0
- package/dist/atoms/table/table.js.map +1 -1
- package/dist/organisms/sidenav/sidenav.d.ts +1 -0
- package/dist/organisms/sidenav/sidenav.d.ts.map +1 -1
- package/dist/organisms/sidenav/sidenav.js +5 -2
- package/dist/organisms/sidenav/sidenav.js.map +1 -1
- package/dist/organisms/sidenav/sidenav.styles.js +7 -7
- package/dist/shared/scroll-fade.styles.d.ts.map +1 -1
- package/dist/shared/scroll-fade.styles.js +2 -1
- package/dist/shared/scroll-fade.styles.js.map +1 -1
- package/dist/templates/page-shell/page-shell.d.ts +15 -1
- package/dist/templates/page-shell/page-shell.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.js +188 -18
- package/dist/templates/page-shell/page-shell.js.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.d.ts.map +1 -1
- package/dist/templates/page-shell/page-shell.styles.js +106 -12
- package/dist/templates/page-shell/page-shell.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA6K9B,CAAC"}
|
|
@@ -151,13 +151,23 @@ export const selectCommonStyles = css `
|
|
|
151
151
|
border: 1px solid var(--ds-color-border-strong);
|
|
152
152
|
border-radius: var(--ds-radius-sm);
|
|
153
153
|
box-shadow: var(--ds-shadow-md);
|
|
154
|
+
/* Thin, subtle scrollbar with a transparent track (matching the shell's
|
|
155
|
+
main content) instead of the wide, bright default that painted over
|
|
156
|
+
the listbox's rounded corners. No scrollbar-gutter: the dropdown
|
|
157
|
+
shouldn't reserve a permanent track when it doesn't overflow. */
|
|
158
|
+
scrollbar-color: var(--ds-color-fg-subtle) transparent;
|
|
159
|
+
scrollbar-width: thin;
|
|
154
160
|
}
|
|
155
161
|
|
|
156
162
|
/* Reset the UA defaults that the popover spec applies to shown
|
|
157
163
|
popovers (inset:0, margin:auto, padding:0.25em). The inline coords
|
|
158
|
-
from #positionListbox
|
|
159
|
-
|
|
164
|
+
from #positionListbox are viewport-relative (from getBoundingClientRect),
|
|
165
|
+
so the shown listbox must stay position:fixed — the base .listbox rule
|
|
166
|
+
above sets position:absolute as the no-popover fallback, which would
|
|
167
|
+
otherwise win over the UA stylesheet's fixed and anchor the menu to the
|
|
168
|
+
document instead of the viewport (menu jumps off-screen once scrolled). */
|
|
160
169
|
.listbox[popover]:popover-open {
|
|
170
|
+
position: fixed;
|
|
161
171
|
inset: unset;
|
|
162
172
|
margin: 0;
|
|
163
173
|
padding: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6KpC,CAAC"}
|
|
@@ -8,6 +8,8 @@ type TableBodyOptions<T extends TableRow> = {
|
|
|
8
8
|
rowActionsDisabled: boolean;
|
|
9
9
|
rowActionLabel: (row: T, index: number) => string;
|
|
10
10
|
onRowClick: (event: MouseEvent, row: T, index: number) => void;
|
|
11
|
+
onRowPointerDown: (event: PointerEvent) => void;
|
|
12
|
+
onRowPointerMove: (event: PointerEvent) => void;
|
|
11
13
|
onRowAction: (row: T, index: number) => void;
|
|
12
14
|
};
|
|
13
15
|
export declare function renderTableBody<T extends TableRow>(options: TableBodyOptions<T>): TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-rendering.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAExD,KAAK,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEvD,KAAK,gBAAgB,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC1C,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;
|
|
1
|
+
{"version":3,"file":"table-rendering.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAExD,KAAK,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;AAEvD,KAAK,gBAAgB,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC1C,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AA4FF,wBAAgB,eAAe,CAAC,CAAC,SAAS,QAAQ,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,cAAc,CAWhG;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,EAClD,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,EAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,QAAQ,GAC7C,cAAc,EAAE,CAWlB"}
|
|
@@ -46,6 +46,8 @@ function renderClickableRow(options, row, index) {
|
|
|
46
46
|
<tr
|
|
47
47
|
part="row row-clickable"
|
|
48
48
|
class="clickable"
|
|
49
|
+
@pointerdown=${options.onRowPointerDown}
|
|
50
|
+
@pointermove=${options.onRowPointerMove}
|
|
49
51
|
@click=${(e) => options.onRowClick(e, row, index)}
|
|
50
52
|
>
|
|
51
53
|
${renderCells(options, options.columns, row, index)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-rendering.js","sourceRoot":"","sources":["../../../src/atoms/table/table-rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"table-rendering.js","sourceRoot":"","sources":["../../../src/atoms/table/table-rendering.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AA+B7F;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,OAAO,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,CAAE,SAAQ,SAAS;;IACnE,OAAgB,MAAM,4BAMpB;IAE8B,IAAI,EAAE,SAAS,CAAC,EAAE,CAAM;IACxB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAM;IACxC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAQ;IACxC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACV,aAAa,UAAS;IAC3C,OAAO,UAAS;IACZ,YAAY,SAAK;IACd,eAAe,SAAK;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,mBAAmB,CAAW;IACD,UAAU,UAAS;IAChF,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAG1B;IAMO,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAiK5B,MAAM,IAAI,cAAc;CAUlC"}
|
|
@@ -28,6 +28,7 @@ const INTERACTIVE_ROLES = new Set([
|
|
|
28
28
|
'spinbutton', 'switch', 'textbox',
|
|
29
29
|
]);
|
|
30
30
|
const FALSE_BOOLEAN_ATTRIBUTES = new Set(['false', '0']);
|
|
31
|
+
const ROW_DRAG_THRESHOLD = 4;
|
|
31
32
|
function parseBooleanAttribute(value) {
|
|
32
33
|
return value !== null && !FALSE_BOOLEAN_ATTRIBUTES.has(value.trim().toLowerCase());
|
|
33
34
|
}
|
|
@@ -79,6 +80,8 @@ export class DsTable extends DsElement {
|
|
|
79
80
|
this._hasFooter = false;
|
|
80
81
|
this._scrollFade = new ScrollFadeController(this, () => this.shadowRoot?.querySelector('.scroll'));
|
|
81
82
|
this.#slotObserver = null;
|
|
83
|
+
this.#rowPointerStart = null;
|
|
84
|
+
this.#rowPointerDragged = false;
|
|
82
85
|
this.#syncSlotPresence = () => {
|
|
83
86
|
this._hasCaption = this.querySelector('[slot="caption"]') !== null;
|
|
84
87
|
this._hasToolbar = this.querySelector('[slot="toolbar"]') !== null;
|
|
@@ -88,11 +91,29 @@ export class DsTable extends DsElement {
|
|
|
88
91
|
if (this.loading) {
|
|
89
92
|
return;
|
|
90
93
|
}
|
|
94
|
+
if (this.#rowPointerDragged || this.#hasSelection()) {
|
|
95
|
+
this.#resetRowPointer();
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
91
98
|
if (this.#pathHasInteractiveBeforeRow(event)) {
|
|
99
|
+
this.#resetRowPointer();
|
|
92
100
|
return;
|
|
93
101
|
}
|
|
102
|
+
this.#resetRowPointer();
|
|
94
103
|
this.emit('ds-row-click', { detail: { row, index } });
|
|
95
104
|
};
|
|
105
|
+
this.#onRowPointerDown = (event) => {
|
|
106
|
+
this.#rowPointerStart = { x: event.clientX, y: event.clientY };
|
|
107
|
+
this.#rowPointerDragged = false;
|
|
108
|
+
};
|
|
109
|
+
this.#onRowPointerMove = (event) => {
|
|
110
|
+
if (!this.#rowPointerStart) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
const deltaX = Math.abs(event.clientX - this.#rowPointerStart.x);
|
|
114
|
+
const deltaY = Math.abs(event.clientY - this.#rowPointerStart.y);
|
|
115
|
+
this.#rowPointerDragged ||= deltaX > ROW_DRAG_THRESHOLD || deltaY > ROW_DRAG_THRESHOLD;
|
|
116
|
+
};
|
|
96
117
|
this.#onRowAction = (row, index) => {
|
|
97
118
|
if (this.loading) {
|
|
98
119
|
return;
|
|
@@ -111,6 +132,8 @@ export class DsTable extends DsElement {
|
|
|
111
132
|
tableScrollBodyStyles,
|
|
112
133
|
]; }
|
|
113
134
|
#slotObserver;
|
|
135
|
+
#rowPointerStart;
|
|
136
|
+
#rowPointerDragged;
|
|
114
137
|
connectedCallback() {
|
|
115
138
|
super.connectedCallback();
|
|
116
139
|
this.#syncSlotPresence();
|
|
@@ -129,6 +152,8 @@ export class DsTable extends DsElement {
|
|
|
129
152
|
}
|
|
130
153
|
#syncSlotPresence;
|
|
131
154
|
#onRowClick;
|
|
155
|
+
#onRowPointerDown;
|
|
156
|
+
#onRowPointerMove;
|
|
132
157
|
#onRowAction;
|
|
133
158
|
#pathHasInteractiveBeforeRow(event) {
|
|
134
159
|
const path = event.composedPath();
|
|
@@ -150,6 +175,14 @@ export class DsTable extends DsElement {
|
|
|
150
175
|
}
|
|
151
176
|
return false;
|
|
152
177
|
}
|
|
178
|
+
#hasSelection() {
|
|
179
|
+
const selection = this.ownerDocument.defaultView?.getSelection();
|
|
180
|
+
return selection ? !selection.isCollapsed : false;
|
|
181
|
+
}
|
|
182
|
+
#resetRowPointer() {
|
|
183
|
+
this.#rowPointerStart = null;
|
|
184
|
+
this.#rowPointerDragged = false;
|
|
185
|
+
}
|
|
153
186
|
#ariaSort(column) {
|
|
154
187
|
if (!column.sortable || this.sortState?.name !== column.name || !this.sortState.direction) {
|
|
155
188
|
return undefined;
|
|
@@ -201,6 +234,8 @@ export class DsTable extends DsElement {
|
|
|
201
234
|
rowActionsDisabled: this.loading,
|
|
202
235
|
rowActionLabel: this.#rowActionLabel,
|
|
203
236
|
onRowClick: this.#onRowClick,
|
|
237
|
+
onRowPointerDown: this.#onRowPointerDown,
|
|
238
|
+
onRowPointerMove: this.#onRowPointerMove,
|
|
204
239
|
onRowAction: this.#onRowAction,
|
|
205
240
|
})}</tbody>
|
|
206
241
|
</table>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC;IAC/B,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO;IACrD,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW;IAC9D,sBAAsB,EAAE,eAAe,EAAE,sBAAsB;IAC/D,qBAAqB;CACtB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IAChC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB;IAC5D,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ;IACzD,YAAY,EAAE,QAAQ,EAAE,SAAS;CAClC,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/atoms/table/table.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidenav.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"sidenav.d.ts","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAOjD;;;;;;;;;;GAUG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAA0D;IAEpE,KAAK,SAAe;IACY,SAAS,UAAS;IAErD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAG1B;IAEO,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA2BtC,MAAM,IAAI,cAAc;CAalC"}
|
|
@@ -8,6 +8,8 @@ import { html } from 'lit';
|
|
|
8
8
|
import { property, state } from 'lit/decorators.js';
|
|
9
9
|
import { DsElement } from '@jsekulowicz/ds-core';
|
|
10
10
|
import { sidenavStyles } from './sidenav.styles.js';
|
|
11
|
+
import { scrollFadeStyles } from '../../shared/scroll-fade.styles.js';
|
|
12
|
+
import { ScrollFadeController } from '../../shared/scroll-fade-controller.js';
|
|
11
13
|
const COMPACT_TARGETS = 'ds-nav-item, ds-nav-group';
|
|
12
14
|
/**
|
|
13
15
|
* @tag ds-sidenav
|
|
@@ -27,11 +29,12 @@ export class DsSidenav extends DsElement {
|
|
|
27
29
|
this.collapsed = false;
|
|
28
30
|
this._hasHeader = false;
|
|
29
31
|
this._hasFooter = false;
|
|
32
|
+
this._scrollFade = new ScrollFadeController(this, () => this.shadowRoot?.querySelector('nav'));
|
|
30
33
|
this.#onDefaultSlotChange = () => {
|
|
31
34
|
this.#syncCompact();
|
|
32
35
|
};
|
|
33
36
|
}
|
|
34
|
-
static { this.styles = [...DsElement.styles, sidenavStyles]; }
|
|
37
|
+
static { this.styles = [...DsElement.styles, scrollFadeStyles, sidenavStyles]; }
|
|
35
38
|
updated(changed) {
|
|
36
39
|
if (changed.has('collapsed')) {
|
|
37
40
|
this.#syncCompact();
|
|
@@ -53,7 +56,7 @@ export class DsSidenav extends DsElement {
|
|
|
53
56
|
}
|
|
54
57
|
#onDefaultSlotChange;
|
|
55
58
|
render() {
|
|
56
|
-
return html `<nav part="nav" aria-label=${this.label}>
|
|
59
|
+
return html `<nav class="scroll-fade" part="nav" aria-label=${this.label}>
|
|
57
60
|
<div class="header" part="header" ?hidden=${!this._hasHeader}>
|
|
58
61
|
<slot name="header" @slotchange=${this.#onHeaderSlotChange}></slot>
|
|
59
62
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../../src/organisms/sidenav/sidenav.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAE9E,MAAM,eAAe,GAAG,2BAA2B,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IAAxC;;QAGc,UAAK,GAAG,WAAW,CAAC;QACY,cAAS,GAAG,KAAK,CAAC;QAE7C,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QAEnB,gBAAW,GAAG,IAAI,oBAAoB,CACrD,IAAI,EACJ,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAC5C,CAAC;QAyBF,yBAAoB,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;IAeJ,CAAC;aArDiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,gBAAgB,EAAE,aAAa,CAAC,AAAzD,CAA0D;IAavE,OAAO,CAAC,OAAuB;QACtC,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED,YAAY;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAc,eAAe,CAAC,CAAC;QACpE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACrB,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACrE,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACrE,CAAC;IAED,oBAAoB,CAElB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA,kDAAkD,IAAI,CAAC,KAAK;kDACzB,CAAC,IAAI,CAAC,UAAU;0CACxB,IAAI,CAAC,mBAAmB;;;4BAGtC,IAAI,CAAC,oBAAoB;;kDAEH,CAAC,IAAI,CAAC,UAAU;0CACxB,IAAI,CAAC,mBAAmB;;WAEvD,CAAC;IACV,CAAC;;AAlDW;IAAX,QAAQ,EAAE;wCAAqB;AACY;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AAE7C;IAAhB,KAAK,EAAE;6CAA4B;AACnB;IAAhB,KAAK,EAAE;6CAA4B"}
|
|
@@ -4,6 +4,7 @@ export const sidenavStyles = css `
|
|
|
4
4
|
--ds-sidenav-item-height: var(--ds-space-10, 2.5rem);
|
|
5
5
|
--ds-sidenav-item-compact-size: var(--ds-space-12, 3rem);
|
|
6
6
|
--ds-sidenav-width: var(--ds-space-64, 16rem);
|
|
7
|
+
--ds-sidenav-collapsed-width: var(--ds-space-16, 4rem);
|
|
7
8
|
|
|
8
9
|
display: block;
|
|
9
10
|
width: var(--ds-sidenav-width);
|
|
@@ -11,13 +12,12 @@ export const sidenavStyles = css `
|
|
|
11
12
|
transition: width var(--ds-duration-slow) var(--ds-easing-standard);
|
|
12
13
|
}
|
|
13
14
|
:host([collapsed]) {
|
|
14
|
-
--ds-sidenav-collapsed-width: var(--ds-space-14, 3.5rem);
|
|
15
15
|
justify-items: flex-start;
|
|
16
16
|
width: var(--ds-sidenav-collapsed-width);
|
|
17
17
|
|
|
18
18
|
nav {
|
|
19
19
|
width: var(--ds-sidenav-collapsed-width);
|
|
20
|
-
padding: var(--ds-space-
|
|
20
|
+
padding: var(--ds-space-3);
|
|
21
21
|
scrollbar-width: none;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
@@ -29,8 +29,11 @@ export const sidenavStyles = css `
|
|
|
29
29
|
background: var(--ds-color-bg);
|
|
30
30
|
overflow-x: clip;
|
|
31
31
|
overflow-y: auto;
|
|
32
|
-
scrollbar-
|
|
33
|
-
|
|
32
|
+
scrollbar-width: none;
|
|
33
|
+
mask-image: var(--ds-scroll-fade-mask);
|
|
34
|
+
}
|
|
35
|
+
nav::-webkit-scrollbar {
|
|
36
|
+
display: none;
|
|
34
37
|
}
|
|
35
38
|
.header {
|
|
36
39
|
padding: 0 var(--ds-space-3);
|
|
@@ -60,8 +63,5 @@ export const sidenavStyles = css `
|
|
|
60
63
|
:host-context(ds-page-shell[mobile-layout]) nav {
|
|
61
64
|
padding-block: var(--ds-space-2);
|
|
62
65
|
}
|
|
63
|
-
:host-context(ds-page-shell:not([mobile-layout])) nav {
|
|
64
|
-
border-right: 1px solid var(--ds-color-border);
|
|
65
|
-
}
|
|
66
66
|
`;
|
|
67
67
|
//# sourceMappingURL=sidenav.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-fade.styles.d.ts","sourceRoot":"","sources":["../../src/shared/scroll-fade.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"scroll-fade.styles.d.ts","sourceRoot":"","sources":["../../src/shared/scroll-fade.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,yBAe5B,CAAC;AAIF,eAAO,MAAM,wBAAwB,yBAiBpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-fade.styles.js","sourceRoot":"","sources":["../../src/shared/scroll-fade.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,iEAAiE;AACjE,4DAA4D;AAC5D,6EAA6E;AAC7E,sFAAsF;AACtF,EAAE;AACF,+EAA+E;AAC/E,gFAAgF;AAChF,+EAA+E;AAC/E,0EAA0E;AAC1E,yEAAyE;AACzE,2EAA2E;AAC3E,wCAAwC;AACxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"scroll-fade.styles.js","sourceRoot":"","sources":["../../src/shared/scroll-fade.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,iEAAiE;AACjE,4DAA4D;AAC5D,6EAA6E;AAC7E,sFAAsF;AACtF,EAAE;AACF,+EAA+E;AAC/E,gFAAgF;AAChF,+EAA+E;AAC/E,0EAA0E;AAC1E,yEAAyE;AACzE,2EAA2E;AAC3E,wCAAwC;AACxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAelC,CAAC;AAEF,gFAAgF;AAChF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiB1C,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { type TemplateResult } from 'lit';
|
|
1
|
+
import { type PropertyValues, type TemplateResult } from 'lit';
|
|
2
2
|
import { DsElement } from '@jsekulowicz/ds-core';
|
|
3
3
|
import '../../atoms/button/define.js';
|
|
4
4
|
import '../../atoms/icon/define.js';
|
|
5
5
|
import '../../atoms/icon/icons/bars-3.js';
|
|
6
|
+
import '../../atoms/icon/icons/chevron-left.js';
|
|
7
|
+
import '../../atoms/icon/icons/chevron-right.js';
|
|
6
8
|
import '../../molecules/drawer/define.js';
|
|
7
9
|
import '../../organisms/top-bar/define.js';
|
|
10
|
+
export type PageShellAsideState = 'visible' | 'compact' | 'hidden';
|
|
11
|
+
export type PageShellAsideEndState = 'visible' | 'hidden';
|
|
12
|
+
export type PageShellAsideSide = 'start' | 'end';
|
|
8
13
|
/**
|
|
9
14
|
* @tag ds-page-shell
|
|
10
15
|
* @summary Application frame: header + aside + main + optional footer with responsive collapse.
|
|
@@ -18,6 +23,8 @@ import '../../organisms/top-bar/define.js';
|
|
|
18
23
|
* @cssprop --ds-page-shell-max-width - Outer cap for the shell's content column. Header inner
|
|
19
24
|
* content and the aside + main row centre at this width and align vertically. Defaults to `none`.
|
|
20
25
|
* Header chrome remains full-bleed.
|
|
26
|
+
* @event ds-aside-state-change - Emitted when an opt-in desktop aside toggle changes state.
|
|
27
|
+
* Detail: `{ side, state, previousState }`.
|
|
21
28
|
*/
|
|
22
29
|
export declare class DsPageShell extends DsElement {
|
|
23
30
|
#private;
|
|
@@ -25,14 +32,21 @@ export declare class DsPageShell extends DsElement {
|
|
|
25
32
|
brand: string;
|
|
26
33
|
menuLabel: string;
|
|
27
34
|
endLabel: string;
|
|
35
|
+
asideToggle: boolean;
|
|
36
|
+
asideEndToggle: boolean;
|
|
37
|
+
asideState: PageShellAsideState;
|
|
38
|
+
asideEndState: PageShellAsideEndState;
|
|
28
39
|
private _mobileLayout;
|
|
29
40
|
private _mobileNavOpen;
|
|
30
41
|
private _hasAside;
|
|
31
42
|
private _hasAsideEnd;
|
|
32
43
|
private _hasFooter;
|
|
44
|
+
private readonly _asideScrollFade;
|
|
45
|
+
private readonly _asideEndScrollFade;
|
|
33
46
|
connectedCallback(): void;
|
|
34
47
|
disconnectedCallback(): void;
|
|
35
48
|
firstUpdated(): void;
|
|
49
|
+
updated(changed: PropertyValues): void;
|
|
36
50
|
render(): TemplateResult;
|
|
37
51
|
}
|
|
38
52
|
//# sourceMappingURL=page-shell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/templates/page-shell/page-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,wCAAwC,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mCAAmC,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,WAAY,SAAQ,SAAS;;IACxC,OAAgB,MAAM,4BAA4D;IAEtE,KAAK,SAAM;IACgB,SAAS,SAAqB;IAC/B,QAAQ,SAA0B;IACD,WAAW,UAAS;IAChB,cAAc,UAAS;IAC3C,UAAU,EAAE,mBAAmB,CAAa;IACxC,aAAa,EAAE,sBAAsB,CAAa;IACpG,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAIpC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAG/B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAGlC;IAEO,iBAAiB,IAAI,IAAI;IAsBzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAkJtC,MAAM,IAAI,cAAc;CA6JlC"}
|