@jsekulowicz/ds-components 0.18.2 → 0.19.1
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 +290 -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/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
package/custom-elements.json
CHANGED
|
@@ -1046,7 +1046,7 @@
|
|
|
1046
1046
|
{
|
|
1047
1047
|
"kind": "variable",
|
|
1048
1048
|
"name": "scrollFadeStyles",
|
|
1049
|
-
"default": "css` ds-card::part(body), .scroll { --ds-scroll-fade-mask: linear-gradient( to bottom, rgb(0 0 0) 0, rgb(0 0 0) var(--ds-scroll-fade-offset, 0px), var(--ds-scroll-fade-top, rgb(0 0 0)) var(--ds-scroll-fade-offset, 0px), rgb(0 0 0) calc(var(--ds-scroll-fade-offset, 0px) + var(--ds-scroll-fade-depth, var(--ds-space-8))), rgb(0 0 0) calc(100% - var(--ds-scroll-fade-depth, var(--ds-space-8))), var(--ds-scroll-fade-bottom, rgb(0 0 0)) 100% ); } `"
|
|
1049
|
+
"default": "css` ds-card::part(body), .scroll, .scroll-fade { --ds-scroll-fade-mask: linear-gradient( to bottom, rgb(0 0 0) 0, rgb(0 0 0) var(--ds-scroll-fade-offset, 0px), var(--ds-scroll-fade-top, rgb(0 0 0)) var(--ds-scroll-fade-offset, 0px), rgb(0 0 0) calc(var(--ds-scroll-fade-offset, 0px) + var(--ds-scroll-fade-depth, var(--ds-space-8))), rgb(0 0 0) calc(100% - var(--ds-scroll-fade-depth, var(--ds-space-8))), var(--ds-scroll-fade-bottom, rgb(0 0 0)) 100% ); } `"
|
|
1050
1050
|
},
|
|
1051
1051
|
{
|
|
1052
1052
|
"kind": "variable",
|
|
@@ -3897,7 +3897,7 @@
|
|
|
3897
3897
|
{
|
|
3898
3898
|
"kind": "variable",
|
|
3899
3899
|
"name": "navControlStyles",
|
|
3900
|
-
"default": "css` :host { display: block; } :host([compact]) .nav-control { height: var(--ds-sidenav-item-compact-size); width: var(--ds-sidenav-item-compact-size); } .nav-control { display: inline-flex; align-items: center; box-sizing: border-box; height: var(--ds-sidenav-item-height); gap: var(--ds-space-2); padding: var(--ds-space-2) var(--ds-space-3); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); text-align: left; text-decoration: none; cursor: pointer; transition: background var(--ds-duration-fast) var(--ds-easing-standard), color var(--ds-duration-fast) var(--ds-easing-standard), padding var(--ds-duration-slow) var(--ds-easing-standard); } .nav-control:hover:not(:disabled):not([aria-disabled='true']) { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); } .nav-control:focus-visible { box-shadow: var(--ds-shadow-focus); } .icon { display: inline-flex; flex: none; } .icon[hidden] { display: none; } .label { display: inline-flex; min-width: 0; overflow: hidden; white-space: nowrap; max-width: 20rem; opacity: 1; transition: max-width var(--ds-duration-slow) var(--ds-easing-standard), opacity var(--ds-duration-fast) var(--ds-easing-standard); } :host-context(ds-sidenav) { display: block; } :host-context(ds-sidenav) .nav-control { display: flex; width: 100%; } :host([role='listitem']):host-context(ds-nav-group) .nav-control { display: flex; width: 100%; padding-inline-start: var(--ds-space-5); } :host([compact]) .label { max-width: 0; opacity: 0; } :host([compact]) .nav-control { justify-content: center; padding: var(--ds-space-2); gap: 0; } .tooltip-wrapper { display: block; width: 100%; } :host([compact]) .tooltip-wrapper { display: flex; justify-content: center; } :host([compact]) .tooltip-wrapper::part(anchor) { display: inline-flex; width: auto; } `"
|
|
3900
|
+
"default": "css` :host { display: block; } :host([compact]) .nav-control { height: var(--ds-sidenav-item-compact-size); width: var(--ds-sidenav-item-compact-size); } .nav-control { display: inline-flex; align-items: center; box-sizing: border-box; height: var(--ds-sidenav-item-height); gap: var(--ds-space-2); padding: var(--ds-space-2) var(--ds-space-3); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); text-align: left; text-decoration: none; cursor: pointer; transition: background var(--ds-duration-fast) var(--ds-easing-standard), color var(--ds-duration-fast) var(--ds-easing-standard), padding var(--ds-duration-slow) var(--ds-easing-standard); } .nav-control:hover:not(:disabled):not([aria-disabled='true']) { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); } .nav-control:focus-visible { box-shadow: var(--ds-shadow-focus); } .icon { display: inline-flex; flex: none; } .icon[hidden] { display: none; } .label { display: inline-flex; min-width: 0; overflow: hidden; white-space: nowrap; max-width: 20rem; opacity: 1; transition: max-width var(--ds-duration-slow) var(--ds-easing-standard), opacity var(--ds-duration-fast) var(--ds-easing-standard); } :host-context(ds-sidenav) { display: block; } :host-context(ds-sidenav) .nav-control { display: flex; width: 100%; } :host([role='listitem']:not([compact])):host-context(ds-nav-group) .nav-control { display: flex; width: 100%; padding-inline-start: var(--ds-space-5); } :host([compact]) .label { max-width: 0; opacity: 0; } :host([compact]) .nav-control { justify-content: center; padding: var(--ds-space-2); gap: 0; } .tooltip-wrapper { display: block; width: 100%; } :host([compact]) .tooltip-wrapper { display: flex; justify-content: center; } :host([compact]) .tooltip-wrapper::part(anchor) { display: inline-flex; width: auto; } `"
|
|
3901
3901
|
}
|
|
3902
3902
|
],
|
|
3903
3903
|
"exports": [
|
|
@@ -3921,7 +3921,7 @@
|
|
|
3921
3921
|
"type": {
|
|
3922
3922
|
"text": "array"
|
|
3923
3923
|
},
|
|
3924
|
-
"default": "[ navControlStyles, css` .heading { width: 100%; } .label { flex: 1; } .heading[disabled] { cursor: default; } .chevron { display: inline-flex; flex: none; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); }
|
|
3924
|
+
"default": "[ navControlStyles, css` .heading { width: 100%; } .label { flex: 1; } .heading[disabled] { cursor: default; } .chevron { display: inline-flex; flex: none; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } :host([expanded]) .chevron { transform: rotate(180deg); } .items { display: flex; flex-direction: column; gap: var(--ds-space-1); margin-top: var(--ds-space-1); } .items[hidden] { display: none; } :host([compact]) .label { clip-path: inset(50%); height: 1px; width: 1px; position: absolute; } :host([compact]) .heading { gap: var(--ds-space-1); } .icon-probe { display: none; } `, ]"
|
|
3925
3925
|
}
|
|
3926
3926
|
],
|
|
3927
3927
|
"exports": [
|
|
@@ -6380,7 +6380,7 @@
|
|
|
6380
6380
|
{
|
|
6381
6381
|
"kind": "variable",
|
|
6382
6382
|
"name": "selectCommonStyles",
|
|
6383
|
-
"default": "css` :host { display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-size-md); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* Default in-flow positioning is the fallback for browsers that don't support the Popover API. When the API is available the listbox is shown via showPopover() and JS sets inline position/top/left/min-width — see DsSelect.#positionListbox. That escapes any overflow:hidden / overflow:auto ancestor (dialogs, scroll containers) by placing the listbox in the browser's top layer. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); } /* Reset the UA defaults that the popover spec applies to shown popovers (inset:0, margin:auto, padding:0.25em). The inline coords from #positionListbox
|
|
6383
|
+
"default": "css` :host { display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-size-md); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* Default in-flow positioning is the fallback for browsers that don't support the Popover API. When the API is available the listbox is shown via showPopover() and JS sets inline position/top/left/min-width — see DsSelect.#positionListbox. That escapes any overflow:hidden / overflow:auto ancestor (dialogs, scroll containers) by placing the listbox in the browser's top layer. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); /* Thin, subtle scrollbar with a transparent track (matching the shell's main content) instead of the wide, bright default that painted over the listbox's rounded corners. No scrollbar-gutter: the dropdown shouldn't reserve a permanent track when it doesn't overflow. */ scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } /* Reset the UA defaults that the popover spec applies to shown popovers (inset:0, margin:auto, padding:0.25em). The inline coords from #positionListbox are viewport-relative (from getBoundingClientRect), so the shown listbox must stay position:fixed — the base .listbox rule above sets position:absolute as the no-popover fallback, which would otherwise win over the UA stylesheet's fixed and anchor the menu to the document instead of the viewport (menu jumps off-screen once scrolled). */ .listbox[popover]:popover-open { position: fixed; inset: unset; margin: 0; padding: 0; } `"
|
|
6384
6384
|
}
|
|
6385
6385
|
],
|
|
6386
6386
|
"exports": [
|
|
@@ -8500,6 +8500,24 @@
|
|
|
8500
8500
|
},
|
|
8501
8501
|
"default": "null"
|
|
8502
8502
|
},
|
|
8503
|
+
{
|
|
8504
|
+
"kind": "field",
|
|
8505
|
+
"name": "#rowPointerStart",
|
|
8506
|
+
"privacy": "private",
|
|
8507
|
+
"type": {
|
|
8508
|
+
"text": "RowPointerStart | null"
|
|
8509
|
+
},
|
|
8510
|
+
"default": "null"
|
|
8511
|
+
},
|
|
8512
|
+
{
|
|
8513
|
+
"kind": "field",
|
|
8514
|
+
"name": "#rowPointerDragged",
|
|
8515
|
+
"privacy": "private",
|
|
8516
|
+
"type": {
|
|
8517
|
+
"text": "boolean"
|
|
8518
|
+
},
|
|
8519
|
+
"default": "false"
|
|
8520
|
+
},
|
|
8503
8521
|
{
|
|
8504
8522
|
"kind": "field",
|
|
8505
8523
|
"name": "#syncSlotPresence",
|
|
@@ -8510,6 +8528,16 @@
|
|
|
8510
8528
|
"name": "#onRowClick",
|
|
8511
8529
|
"privacy": "private"
|
|
8512
8530
|
},
|
|
8531
|
+
{
|
|
8532
|
+
"kind": "field",
|
|
8533
|
+
"name": "#onRowPointerDown",
|
|
8534
|
+
"privacy": "private"
|
|
8535
|
+
},
|
|
8536
|
+
{
|
|
8537
|
+
"kind": "field",
|
|
8538
|
+
"name": "#onRowPointerMove",
|
|
8539
|
+
"privacy": "private"
|
|
8540
|
+
},
|
|
8513
8541
|
{
|
|
8514
8542
|
"kind": "field",
|
|
8515
8543
|
"name": "#onRowAction",
|
|
@@ -8533,6 +8561,26 @@
|
|
|
8533
8561
|
}
|
|
8534
8562
|
]
|
|
8535
8563
|
},
|
|
8564
|
+
{
|
|
8565
|
+
"kind": "method",
|
|
8566
|
+
"name": "#hasSelection",
|
|
8567
|
+
"privacy": "private",
|
|
8568
|
+
"return": {
|
|
8569
|
+
"type": {
|
|
8570
|
+
"text": "boolean"
|
|
8571
|
+
}
|
|
8572
|
+
}
|
|
8573
|
+
},
|
|
8574
|
+
{
|
|
8575
|
+
"kind": "method",
|
|
8576
|
+
"name": "#resetRowPointer",
|
|
8577
|
+
"privacy": "private",
|
|
8578
|
+
"return": {
|
|
8579
|
+
"type": {
|
|
8580
|
+
"text": "void"
|
|
8581
|
+
}
|
|
8582
|
+
}
|
|
8583
|
+
},
|
|
8536
8584
|
{
|
|
8537
8585
|
"kind": "method",
|
|
8538
8586
|
"name": "#ariaSort",
|
|
@@ -15143,7 +15191,7 @@
|
|
|
15143
15191
|
{
|
|
15144
15192
|
"kind": "variable",
|
|
15145
15193
|
"name": "sidenavStyles",
|
|
15146
|
-
"default": "css` :host { --ds-sidenav-item-height: var(--ds-space-10, 2.5rem); --ds-sidenav-item-compact-size: var(--ds-space-12, 3rem); --ds-sidenav-width: var(--ds-space-64, 16rem); display: block; width: var(--ds-sidenav-width); max-width: 100%; transition: width var(--ds-duration-slow) var(--ds-easing-standard); } :host([collapsed]) {
|
|
15194
|
+
"default": "css` :host { --ds-sidenav-item-height: var(--ds-space-10, 2.5rem); --ds-sidenav-item-compact-size: var(--ds-space-12, 3rem); --ds-sidenav-width: var(--ds-space-64, 16rem); --ds-sidenav-collapsed-width: var(--ds-space-16, 4rem); display: block; width: var(--ds-sidenav-width); max-width: 100%; transition: width var(--ds-duration-slow) var(--ds-easing-standard); } :host([collapsed]) { justify-items: flex-start; width: var(--ds-sidenav-collapsed-width); nav { width: var(--ds-sidenav-collapsed-width); padding: var(--ds-space-3); scrollbar-width: none; } } nav { display: flex; flex-direction: column; height: 100%; padding: var(--ds-space-4); background: var(--ds-color-bg); overflow-x: clip; overflow-y: auto; scrollbar-width: none; mask-image: var(--ds-scroll-fade-mask); } nav::-webkit-scrollbar { display: none; } .header { padding: 0 var(--ds-space-3); margin-bottom: var(--ds-space-3); font-family: var(--ds-font-display); font-size: var(--ds-font-size-lg); color: var(--ds-color-fg); } .header[hidden], .footer[hidden] { display: none; } .list { display: flex; flex-direction: column; gap: var(--ds-space-1); flex: 1; min-height: 0; } .footer { margin-top: var(--ds-space-4); border-top: 1px solid var(--ds-color-border); display: flex; flex-direction: column; gap: var(--ds-space-1); } :host-context(ds-page-shell[mobile-layout]) nav { padding-block: var(--ds-space-2); } `"
|
|
15147
15195
|
}
|
|
15148
15196
|
],
|
|
15149
15197
|
"exports": [
|
|
@@ -15235,6 +15283,13 @@
|
|
|
15235
15283
|
"privacy": "private",
|
|
15236
15284
|
"default": "false"
|
|
15237
15285
|
},
|
|
15286
|
+
{
|
|
15287
|
+
"kind": "field",
|
|
15288
|
+
"name": "_scrollFade",
|
|
15289
|
+
"privacy": "private",
|
|
15290
|
+
"readonly": true,
|
|
15291
|
+
"default": "new ScrollFadeController( this, () => this.shadowRoot?.querySelector('nav'), )"
|
|
15292
|
+
},
|
|
15238
15293
|
{
|
|
15239
15294
|
"kind": "method",
|
|
15240
15295
|
"name": "#syncCompact",
|
|
@@ -15670,7 +15725,7 @@
|
|
|
15670
15725
|
{
|
|
15671
15726
|
"kind": "variable",
|
|
15672
15727
|
"name": "pageShellStyles",
|
|
15673
|
-
"default": "css` :host { --ds-page-shell-max-width: none; display: flex; flex-direction: column; position: relative; height: 100vh; height: 100dvh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } /* The header composes ds-top-bar; let the top-bar own height, padding, border-bottom, and layout. We just (a) make its background transparent so the sticky header's blurred bg shows through, and (b) constrain its inner brand + actions content to the same max-width as the shell-body below so the bar's brand left-aligns with the aside, and its actions right-align with the aside-end (or the right edge of main when no aside-end is slotted). */ .chrome { --ds-top-bar-bg: transparent; --ds-top-bar-content-max-width: var(--ds-page-shell-max-width); } /* Same treatment for a slotted ds-footer: cap its inner content to the shell-body's max-width so footer content aligns with the column above. Consumers who slot a non-ds-footer custom element can override the property themselves. */ ::slotted(ds-footer) { --ds-footer-content-max-width: var(--ds-page-shell-max-width); } footer { display: block; } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto 1fr auto; min-height: 0; } :
|
|
15728
|
+
"default": "css` :host { --ds-page-shell-max-width: none; --ds-page-shell-aside-toggle-clearance: calc(var(--ds-size-sm) / 2); display: flex; flex-direction: column; position: relative; height: 100vh; height: 100dvh; overflow-x: clip; background: var(--ds-color-bg); color: var(--ds-color-fg); font-family: var(--ds-font-body); } header { position: sticky; top: 0; background: color-mix(in oklab, var(--ds-color-bg) 92%, transparent); backdrop-filter: blur(12px); z-index: var(--ds-z-index-sticky); } /* The header composes ds-top-bar; let the top-bar own height, padding, border-bottom, and layout. We just (a) make its background transparent so the sticky header's blurred bg shows through, and (b) constrain its inner brand + actions content to the same max-width as the shell-body below so the bar's brand left-aligns with the aside, and its actions right-align with the aside-end (or the right edge of main when no aside-end is slotted). */ .chrome { --ds-top-bar-bg: transparent; --ds-top-bar-content-max-width: var(--ds-page-shell-max-width); } /* Same treatment for a slotted ds-footer: cap its inner content to the shell-body's max-width so footer content aligns with the column above. Consumers who slot a non-ds-footer custom element can override the property themselves. */ ::slotted(ds-footer) { --ds-footer-content-max-width: var(--ds-page-shell-max-width); } footer { display: block; } .shell-body { flex: 1; width: 100%; max-width: var(--ds-page-shell-max-width); margin-inline: auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 0; } .presence-slot { display: none; } .aside-start-cluster, .aside-end-cluster { display: grid; grid-template-columns: 1fr; position: relative; min-width: 0; min-height: 0; transition: grid-template-columns var(--ds-duration-slow) var(--ds-easing-standard); } .aside-start-cluster { grid-column: 1; border-inline-end: 1px solid var(--ds-color-border); } .aside-end-cluster { grid-column: 3; border-inline-start: 1px solid var(--ds-color-border); } main { grid-column: 2; } aside { display: flex; box-sizing: border-box; overflow-x: clip; overflow-y: auto; overflow-clip-margin-inline: var(--ds-space-2); min-width: 0; min-height: 0; --ds-scroll-fade-depth: var(--ds-space-12, 3rem); scrollbar-width: none; mask-image: var(--ds-scroll-fade-mask); transition: opacity var(--ds-duration-slow) var(--ds-easing-standard); } aside::-webkit-scrollbar { display: none; } :host([aside-toggle]) aside[part=\"aside\"] { padding-inline-end: var(--ds-page-shell-aside-toggle-clearance); } :host([aside-end-toggle]) aside[part=\"aside-end\"] { padding-inline-start: var(--ds-page-shell-aside-toggle-clearance); } :host([aside-empty]) aside[part=\"aside\"], :host([aside-empty]) ds-drawer[part=\"aside\"] { display: none; } :host([aside-end-empty]) aside[part=\"aside-end\"] { display: none; } aside[hidden] { display: none; } /* Collapsing to 0fr animates the grid track from its content width to zero without measuring it in JS; the aside clips via overflow + min-width: 0. The cluster keeps a small min-width so the toggle button that straddles its edge never touches the viewport edge. */ :host([aside-state='hidden']) .aside-start-cluster, :host([aside-end-state='hidden']) .aside-end-cluster { grid-template-columns: 0fr; min-width: calc(var(--ds-size-sm) / 2 + var(--ds-space-2)); } :host([aside-state='hidden']) aside[part=\"aside\"], :host([aside-end-state='hidden']) aside[part=\"aside-end\"] { padding-inline: 0; opacity: 0; pointer-events: none; } :host([aside-state='compact']) aside[part=\"aside\"] ::slotted(ds-sidenav) { width: var(--ds-sidenav-collapsed-width, var(--ds-space-14, 3.5rem)) !important; } @media (prefers-reduced-motion: reduce) { .aside-start-cluster, .aside-end-cluster, aside { transition: none; } } .aside-toggle-rail { position: absolute; inset-block-start: var(--ds-space-4); z-index: 1; width: var(--ds-size-sm); min-width: var(--ds-size-sm); height: var(--ds-size-sm); } .aside-toggle-start-rail { inset-inline-end: calc(var(--ds-size-sm) / -2); } .aside-toggle-end-rail { inset-inline-start: calc(var(--ds-size-sm) / -2); } .aside-toggle::part(button) { flex-shrink: 0; background: var(--ds-color-bg); border-color: var(--ds-color-border); } .aside-toggle:hover::part(button) { background: var(--ds-color-bg-subtle); } main { padding: var(--ds-space-5); overflow-x: clip; overflow-y: auto; overflow-clip-margin-inline: var(--ds-space-2); min-width: 0; min-height: 0; scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; /* Reserve scrollbar gutters on both inline sides so the inline-start and inline-end visible empty bands stay equal in width whether the vertical scrollbar is present or not. */ scrollbar-gutter: stable both-edges; } @media (max-width: ${belowDesktopBreakpoint}) { main { padding-block: var(--ds-space-4); padding-inline: var(--ds-space-4); } } .menu-toggle { display: none; } .menu-toggle::part(button) { min-width: var(--ds-size-sm); width: var(--ds-size-sm); padding: 0; } :host([mobile-layout]) .menu-toggle { display: inline-flex; } :host([mobile-layout]) .shell-body { grid-template-columns: 1fr; } :host([mobile-layout]) main { grid-column: 1; } :host([mobile-layout]) aside[part=\"aside-end\"] { display: none; } :host([mobile-layout]) ds-drawer[part=\"aside\"] { /* Top-layer modal; don't reserve a grid column when closed. */ display: contents; --ds-drawer-card-padding: 0; /* Match ds-top-bar's 48px chrome height with inline-only padding. */ --ds-drawer-title-padding: 0 var(--ds-space-4); --ds-drawer-title-min-height: 48px; --ds-drawer-title-bg: var(--ds-page-shell-drawer-header-bg, transparent); --ds-drawer-title-fg: var(--ds-page-shell-drawer-header-fg, inherit); --ds-drawer-title-border-color: var(--ds-page-shell-drawer-header-border-color, transparent); } :host([mobile-layout]) ds-drawer[part=\"aside\"] ::slotted(ds-sidenav) { width: 100% !important; max-width: 100% !important; flex: 1 1 auto; min-width: 0; min-height: 0; height: auto !important; } `"
|
|
15674
15729
|
}
|
|
15675
15730
|
],
|
|
15676
15731
|
"exports": [
|
|
@@ -15756,6 +15811,46 @@
|
|
|
15756
15811
|
"default": "'Secondary navigation'",
|
|
15757
15812
|
"attribute": "end-label"
|
|
15758
15813
|
},
|
|
15814
|
+
{
|
|
15815
|
+
"kind": "field",
|
|
15816
|
+
"name": "asideToggle",
|
|
15817
|
+
"type": {
|
|
15818
|
+
"text": "boolean"
|
|
15819
|
+
},
|
|
15820
|
+
"default": "false",
|
|
15821
|
+
"attribute": "aside-toggle",
|
|
15822
|
+
"reflects": true
|
|
15823
|
+
},
|
|
15824
|
+
{
|
|
15825
|
+
"kind": "field",
|
|
15826
|
+
"name": "asideEndToggle",
|
|
15827
|
+
"type": {
|
|
15828
|
+
"text": "boolean"
|
|
15829
|
+
},
|
|
15830
|
+
"default": "false",
|
|
15831
|
+
"attribute": "aside-end-toggle",
|
|
15832
|
+
"reflects": true
|
|
15833
|
+
},
|
|
15834
|
+
{
|
|
15835
|
+
"kind": "field",
|
|
15836
|
+
"name": "asideState",
|
|
15837
|
+
"type": {
|
|
15838
|
+
"text": "PageShellAsideState"
|
|
15839
|
+
},
|
|
15840
|
+
"default": "'visible'",
|
|
15841
|
+
"attribute": "aside-state",
|
|
15842
|
+
"reflects": true
|
|
15843
|
+
},
|
|
15844
|
+
{
|
|
15845
|
+
"kind": "field",
|
|
15846
|
+
"name": "asideEndState",
|
|
15847
|
+
"type": {
|
|
15848
|
+
"text": "PageShellAsideEndState"
|
|
15849
|
+
},
|
|
15850
|
+
"default": "'visible'",
|
|
15851
|
+
"attribute": "aside-end-state",
|
|
15852
|
+
"reflects": true
|
|
15853
|
+
},
|
|
15759
15854
|
{
|
|
15760
15855
|
"kind": "field",
|
|
15761
15856
|
"name": "_mobileLayout",
|
|
@@ -15819,6 +15914,20 @@
|
|
|
15819
15914
|
},
|
|
15820
15915
|
"default": "null"
|
|
15821
15916
|
},
|
|
15917
|
+
{
|
|
15918
|
+
"kind": "field",
|
|
15919
|
+
"name": "_asideScrollFade",
|
|
15920
|
+
"privacy": "private",
|
|
15921
|
+
"readonly": true,
|
|
15922
|
+
"default": "new ScrollFadeController( this, () => this.shadowRoot?.querySelector('aside[part=\"aside\"]'), )"
|
|
15923
|
+
},
|
|
15924
|
+
{
|
|
15925
|
+
"kind": "field",
|
|
15926
|
+
"name": "_asideEndScrollFade",
|
|
15927
|
+
"privacy": "private",
|
|
15928
|
+
"readonly": true,
|
|
15929
|
+
"default": "new ScrollFadeController( this, () => this.shadowRoot?.querySelector('aside[part=\"aside-end\"]'), )"
|
|
15930
|
+
},
|
|
15822
15931
|
{
|
|
15823
15932
|
"kind": "field",
|
|
15824
15933
|
"name": "#syncSlotPresence",
|
|
@@ -15866,7 +15975,103 @@
|
|
|
15866
15975
|
},
|
|
15867
15976
|
{
|
|
15868
15977
|
"kind": "method",
|
|
15869
|
-
"name": "#
|
|
15978
|
+
"name": "#syncSlottedAsideCollapsed",
|
|
15979
|
+
"privacy": "private",
|
|
15980
|
+
"return": {
|
|
15981
|
+
"type": {
|
|
15982
|
+
"text": "void"
|
|
15983
|
+
}
|
|
15984
|
+
}
|
|
15985
|
+
},
|
|
15986
|
+
{
|
|
15987
|
+
"kind": "method",
|
|
15988
|
+
"name": "#showStartToggle",
|
|
15989
|
+
"privacy": "private",
|
|
15990
|
+
"return": {
|
|
15991
|
+
"type": {
|
|
15992
|
+
"text": "boolean"
|
|
15993
|
+
}
|
|
15994
|
+
}
|
|
15995
|
+
},
|
|
15996
|
+
{
|
|
15997
|
+
"kind": "method",
|
|
15998
|
+
"name": "#showEndToggle",
|
|
15999
|
+
"privacy": "private",
|
|
16000
|
+
"return": {
|
|
16001
|
+
"type": {
|
|
16002
|
+
"text": "boolean"
|
|
16003
|
+
}
|
|
16004
|
+
}
|
|
16005
|
+
},
|
|
16006
|
+
{
|
|
16007
|
+
"kind": "method",
|
|
16008
|
+
"name": "#nextAsideState",
|
|
16009
|
+
"privacy": "private",
|
|
16010
|
+
"return": {
|
|
16011
|
+
"type": {
|
|
16012
|
+
"text": "PageShellAsideState"
|
|
16013
|
+
}
|
|
16014
|
+
}
|
|
16015
|
+
},
|
|
16016
|
+
{
|
|
16017
|
+
"kind": "method",
|
|
16018
|
+
"name": "#nextAsideEndState",
|
|
16019
|
+
"privacy": "private",
|
|
16020
|
+
"return": {
|
|
16021
|
+
"type": {
|
|
16022
|
+
"text": "PageShellAsideEndState"
|
|
16023
|
+
}
|
|
16024
|
+
}
|
|
16025
|
+
},
|
|
16026
|
+
{
|
|
16027
|
+
"kind": "method",
|
|
16028
|
+
"name": "#setAsideState",
|
|
16029
|
+
"privacy": "private",
|
|
16030
|
+
"return": {
|
|
16031
|
+
"type": {
|
|
16032
|
+
"text": "void"
|
|
16033
|
+
}
|
|
16034
|
+
},
|
|
16035
|
+
"parameters": [
|
|
16036
|
+
{
|
|
16037
|
+
"name": "state",
|
|
16038
|
+
"type": {
|
|
16039
|
+
"text": "PageShellAsideState"
|
|
16040
|
+
}
|
|
16041
|
+
}
|
|
16042
|
+
]
|
|
16043
|
+
},
|
|
16044
|
+
{
|
|
16045
|
+
"kind": "method",
|
|
16046
|
+
"name": "#setAsideEndState",
|
|
16047
|
+
"privacy": "private",
|
|
16048
|
+
"return": {
|
|
16049
|
+
"type": {
|
|
16050
|
+
"text": "void"
|
|
16051
|
+
}
|
|
16052
|
+
},
|
|
16053
|
+
"parameters": [
|
|
16054
|
+
{
|
|
16055
|
+
"name": "state",
|
|
16056
|
+
"type": {
|
|
16057
|
+
"text": "PageShellAsideEndState"
|
|
16058
|
+
}
|
|
16059
|
+
}
|
|
16060
|
+
]
|
|
16061
|
+
},
|
|
16062
|
+
{
|
|
16063
|
+
"kind": "field",
|
|
16064
|
+
"name": "#toggleAsideState",
|
|
16065
|
+
"privacy": "private"
|
|
16066
|
+
},
|
|
16067
|
+
{
|
|
16068
|
+
"kind": "field",
|
|
16069
|
+
"name": "#toggleAsideEndState",
|
|
16070
|
+
"privacy": "private"
|
|
16071
|
+
},
|
|
16072
|
+
{
|
|
16073
|
+
"kind": "method",
|
|
16074
|
+
"name": "#renderDesktopStartCluster",
|
|
15870
16075
|
"privacy": "private",
|
|
15871
16076
|
"return": {
|
|
15872
16077
|
"type": {
|
|
@@ -15874,6 +16079,36 @@
|
|
|
15874
16079
|
}
|
|
15875
16080
|
}
|
|
15876
16081
|
},
|
|
16082
|
+
{
|
|
16083
|
+
"kind": "method",
|
|
16084
|
+
"name": "#renderDesktopEndCluster",
|
|
16085
|
+
"privacy": "private",
|
|
16086
|
+
"return": {
|
|
16087
|
+
"type": {
|
|
16088
|
+
"text": "TemplateResult"
|
|
16089
|
+
}
|
|
16090
|
+
}
|
|
16091
|
+
},
|
|
16092
|
+
{
|
|
16093
|
+
"kind": "method",
|
|
16094
|
+
"name": "#renderStartToggle",
|
|
16095
|
+
"privacy": "private",
|
|
16096
|
+
"return": {
|
|
16097
|
+
"type": {
|
|
16098
|
+
"text": "TemplateResult | null"
|
|
16099
|
+
}
|
|
16100
|
+
}
|
|
16101
|
+
},
|
|
16102
|
+
{
|
|
16103
|
+
"kind": "method",
|
|
16104
|
+
"name": "#renderEndToggle",
|
|
16105
|
+
"privacy": "private",
|
|
16106
|
+
"return": {
|
|
16107
|
+
"type": {
|
|
16108
|
+
"text": "TemplateResult | null"
|
|
16109
|
+
}
|
|
16110
|
+
}
|
|
16111
|
+
},
|
|
15877
16112
|
{
|
|
15878
16113
|
"kind": "method",
|
|
15879
16114
|
"name": "#renderMobileAside",
|
|
@@ -15883,6 +16118,22 @@
|
|
|
15883
16118
|
"text": "TemplateResult"
|
|
15884
16119
|
}
|
|
15885
16120
|
}
|
|
16121
|
+
},
|
|
16122
|
+
{
|
|
16123
|
+
"kind": "method",
|
|
16124
|
+
"name": "#renderMobileAsideEnd",
|
|
16125
|
+
"privacy": "private",
|
|
16126
|
+
"return": {
|
|
16127
|
+
"type": {
|
|
16128
|
+
"text": "TemplateResult"
|
|
16129
|
+
}
|
|
16130
|
+
}
|
|
16131
|
+
}
|
|
16132
|
+
],
|
|
16133
|
+
"events": [
|
|
16134
|
+
{
|
|
16135
|
+
"description": "Emitted when an opt-in desktop aside toggle changes state. Detail: `{ side, state, previousState }`.",
|
|
16136
|
+
"name": "ds-aside-state-change"
|
|
15886
16137
|
}
|
|
15887
16138
|
],
|
|
15888
16139
|
"attributes": [
|
|
@@ -15909,6 +16160,38 @@
|
|
|
15909
16160
|
},
|
|
15910
16161
|
"default": "'Secondary navigation'",
|
|
15911
16162
|
"fieldName": "endLabel"
|
|
16163
|
+
},
|
|
16164
|
+
{
|
|
16165
|
+
"name": "aside-toggle",
|
|
16166
|
+
"type": {
|
|
16167
|
+
"text": "boolean"
|
|
16168
|
+
},
|
|
16169
|
+
"default": "false",
|
|
16170
|
+
"fieldName": "asideToggle"
|
|
16171
|
+
},
|
|
16172
|
+
{
|
|
16173
|
+
"name": "aside-end-toggle",
|
|
16174
|
+
"type": {
|
|
16175
|
+
"text": "boolean"
|
|
16176
|
+
},
|
|
16177
|
+
"default": "false",
|
|
16178
|
+
"fieldName": "asideEndToggle"
|
|
16179
|
+
},
|
|
16180
|
+
{
|
|
16181
|
+
"name": "aside-state",
|
|
16182
|
+
"type": {
|
|
16183
|
+
"text": "PageShellAsideState"
|
|
16184
|
+
},
|
|
16185
|
+
"default": "'visible'",
|
|
16186
|
+
"fieldName": "asideState"
|
|
16187
|
+
},
|
|
16188
|
+
{
|
|
16189
|
+
"name": "aside-end-state",
|
|
16190
|
+
"type": {
|
|
16191
|
+
"text": "PageShellAsideEndState"
|
|
16192
|
+
},
|
|
16193
|
+
"default": "'visible'",
|
|
16194
|
+
"fieldName": "asideEndState"
|
|
15912
16195
|
}
|
|
15913
16196
|
],
|
|
15914
16197
|
"superclass": {
|
|
@@ -61,7 +61,7 @@ export const navControlStyles = css `
|
|
|
61
61
|
display: flex;
|
|
62
62
|
width: 100%;
|
|
63
63
|
}
|
|
64
|
-
:host([role='listitem']):host-context(ds-nav-group) .nav-control {
|
|
64
|
+
:host([role='listitem']:not([compact])):host-context(ds-nav-group) .nav-control {
|
|
65
65
|
display: flex;
|
|
66
66
|
width: 100%;
|
|
67
67
|
padding-inline-start: var(--ds-space-5);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-group.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAA4C;IAEtD,KAAK,SAAM;IACqB,QAAQ,UAAS;IAChC,WAAW,UAAQ;IACJ,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"nav-group.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,wCAAwC,CAAC;AAChD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAA4C;IAEtD,KAAK,SAAM;IACqB,QAAQ,UAAS;IAChC,WAAW,UAAQ;IACJ,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAwEtC,MAAM,IAAI,cAAc;CA2BlC"}
|
|
@@ -8,6 +8,7 @@ import { html } from 'lit';
|
|
|
8
8
|
import { property, state } from 'lit/decorators.js';
|
|
9
9
|
import { DsElement } from '@jsekulowicz/ds-core';
|
|
10
10
|
import { navGroupStyles } from './nav-group.styles.js';
|
|
11
|
+
import '../../atoms/icon/icons/chevron-down.js';
|
|
11
12
|
import '../tooltip/define.js';
|
|
12
13
|
const HOVER_TOOLTIP_DELAY_MS = 2000;
|
|
13
14
|
/**
|
|
@@ -89,16 +90,7 @@ export class DsNavGroup extends DsElement {
|
|
|
89
90
|
${this.#renderIcon()}
|
|
90
91
|
<span class="label">${this.label}</span>
|
|
91
92
|
${this.collapsible
|
|
92
|
-
? html `<
|
|
93
|
-
<!-- Heroicons 2.2.0 — 16/solid: chevron-down -->
|
|
94
|
-
<svg viewBox="0 0 16 16" fill="currentColor">
|
|
95
|
-
<path
|
|
96
|
-
fill-rule="evenodd"
|
|
97
|
-
d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z"
|
|
98
|
-
clip-rule="evenodd"
|
|
99
|
-
/>
|
|
100
|
-
</svg>
|
|
101
|
-
</span>`
|
|
93
|
+
? html `<ds-icon class="chevron" name="chevron-down" size="lg"></ds-icon>`
|
|
102
94
|
: null}
|
|
103
95
|
</button>`;
|
|
104
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-group.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.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,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAEpC;;;;;;;;;GASG;AACH,MAAM,OAAO,UAAW,SAAQ,SAAS;IAAzC;;QAGc,UAAK,GAAG,EAAE,CAAC;QACqB,aAAQ,GAAG,KAAK,CAAC;QAChC,gBAAW,GAAG,IAAI,CAAC;QACJ,YAAO,GAAG,KAAK,CAAC;QAE3C,aAAQ,GAAG,KAAK,CAAC;QA0BlC,sBAAiB,GAAG,GAAS,EAAE;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"nav-group.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-group.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"nav-group.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,2BA0C1B,CAAC"}
|
|
@@ -17,10 +17,6 @@ export const navGroupStyles = [
|
|
|
17
17
|
flex: none;
|
|
18
18
|
transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
|
|
19
19
|
}
|
|
20
|
-
.chevron svg {
|
|
21
|
-
width: 1rem;
|
|
22
|
-
height: 1rem;
|
|
23
|
-
}
|
|
24
20
|
:host([expanded]) .chevron {
|
|
25
21
|
transform: rotate(180deg);
|
|
26
22
|
}
|
|
@@ -42,10 +38,6 @@ export const navGroupStyles = [
|
|
|
42
38
|
:host([compact]) .heading {
|
|
43
39
|
gap: var(--ds-space-1);
|
|
44
40
|
}
|
|
45
|
-
:host([compact]) .chevron svg {
|
|
46
|
-
width: 0.75rem;
|
|
47
|
-
height: 0.75rem;
|
|
48
|
-
}
|
|
49
41
|
.icon-probe {
|
|
50
42
|
display: none;
|
|
51
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-group.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,gBAAgB;IAChB,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nav-group.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,gBAAgB;IAChB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCJ;CACA,CAAC"}
|
|
@@ -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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"}
|