@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
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": [
|
|
@@ -5699,6 +5699,16 @@
|
|
|
5699
5699
|
"attribute": "disabled",
|
|
5700
5700
|
"reflects": true
|
|
5701
5701
|
},
|
|
5702
|
+
{
|
|
5703
|
+
"kind": "field",
|
|
5704
|
+
"name": "small",
|
|
5705
|
+
"type": {
|
|
5706
|
+
"text": "boolean"
|
|
5707
|
+
},
|
|
5708
|
+
"default": "false",
|
|
5709
|
+
"attribute": "small",
|
|
5710
|
+
"reflects": true
|
|
5711
|
+
},
|
|
5702
5712
|
{
|
|
5703
5713
|
"kind": "field",
|
|
5704
5714
|
"name": "#tabStopIndex",
|
|
@@ -5820,6 +5830,14 @@
|
|
|
5820
5830
|
},
|
|
5821
5831
|
"default": "false",
|
|
5822
5832
|
"fieldName": "disabled"
|
|
5833
|
+
},
|
|
5834
|
+
{
|
|
5835
|
+
"name": "small",
|
|
5836
|
+
"type": {
|
|
5837
|
+
"text": "boolean"
|
|
5838
|
+
},
|
|
5839
|
+
"default": "false",
|
|
5840
|
+
"fieldName": "small"
|
|
5823
5841
|
}
|
|
5824
5842
|
],
|
|
5825
5843
|
"superclass": {
|
|
@@ -6362,7 +6380,7 @@
|
|
|
6362
6380
|
{
|
|
6363
6381
|
"kind": "variable",
|
|
6364
6382
|
"name": "selectCommonStyles",
|
|
6365
|
-
"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; } `"
|
|
6366
6384
|
}
|
|
6367
6385
|
],
|
|
6368
6386
|
"exports": [
|
|
@@ -8482,6 +8500,24 @@
|
|
|
8482
8500
|
},
|
|
8483
8501
|
"default": "null"
|
|
8484
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
|
+
},
|
|
8485
8521
|
{
|
|
8486
8522
|
"kind": "field",
|
|
8487
8523
|
"name": "#syncSlotPresence",
|
|
@@ -8492,6 +8528,16 @@
|
|
|
8492
8528
|
"name": "#onRowClick",
|
|
8493
8529
|
"privacy": "private"
|
|
8494
8530
|
},
|
|
8531
|
+
{
|
|
8532
|
+
"kind": "field",
|
|
8533
|
+
"name": "#onRowPointerDown",
|
|
8534
|
+
"privacy": "private"
|
|
8535
|
+
},
|
|
8536
|
+
{
|
|
8537
|
+
"kind": "field",
|
|
8538
|
+
"name": "#onRowPointerMove",
|
|
8539
|
+
"privacy": "private"
|
|
8540
|
+
},
|
|
8495
8541
|
{
|
|
8496
8542
|
"kind": "field",
|
|
8497
8543
|
"name": "#onRowAction",
|
|
@@ -8515,6 +8561,26 @@
|
|
|
8515
8561
|
}
|
|
8516
8562
|
]
|
|
8517
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
|
+
},
|
|
8518
8584
|
{
|
|
8519
8585
|
"kind": "method",
|
|
8520
8586
|
"name": "#ariaSort",
|
|
@@ -15125,7 +15191,7 @@
|
|
|
15125
15191
|
{
|
|
15126
15192
|
"kind": "variable",
|
|
15127
15193
|
"name": "sidenavStyles",
|
|
15128
|
-
"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); } `"
|
|
15129
15195
|
}
|
|
15130
15196
|
],
|
|
15131
15197
|
"exports": [
|
|
@@ -15217,6 +15283,13 @@
|
|
|
15217
15283
|
"privacy": "private",
|
|
15218
15284
|
"default": "false"
|
|
15219
15285
|
},
|
|
15286
|
+
{
|
|
15287
|
+
"kind": "field",
|
|
15288
|
+
"name": "_scrollFade",
|
|
15289
|
+
"privacy": "private",
|
|
15290
|
+
"readonly": true,
|
|
15291
|
+
"default": "new ScrollFadeController( this, () => this.shadowRoot?.querySelector('nav'), )"
|
|
15292
|
+
},
|
|
15220
15293
|
{
|
|
15221
15294
|
"kind": "method",
|
|
15222
15295
|
"name": "#syncCompact",
|
|
@@ -15652,7 +15725,7 @@
|
|
|
15652
15725
|
{
|
|
15653
15726
|
"kind": "variable",
|
|
15654
15727
|
"name": "pageShellStyles",
|
|
15655
|
-
"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-5); 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; } `"
|
|
15656
15729
|
}
|
|
15657
15730
|
],
|
|
15658
15731
|
"exports": [
|
|
@@ -15738,6 +15811,46 @@
|
|
|
15738
15811
|
"default": "'Secondary navigation'",
|
|
15739
15812
|
"attribute": "end-label"
|
|
15740
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
|
+
},
|
|
15741
15854
|
{
|
|
15742
15855
|
"kind": "field",
|
|
15743
15856
|
"name": "_mobileLayout",
|
|
@@ -15801,6 +15914,20 @@
|
|
|
15801
15914
|
},
|
|
15802
15915
|
"default": "null"
|
|
15803
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
|
+
},
|
|
15804
15931
|
{
|
|
15805
15932
|
"kind": "field",
|
|
15806
15933
|
"name": "#syncSlotPresence",
|
|
@@ -15848,7 +15975,103 @@
|
|
|
15848
15975
|
},
|
|
15849
15976
|
{
|
|
15850
15977
|
"kind": "method",
|
|
15851
|
-
"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",
|
|
15852
16075
|
"privacy": "private",
|
|
15853
16076
|
"return": {
|
|
15854
16077
|
"type": {
|
|
@@ -15856,6 +16079,36 @@
|
|
|
15856
16079
|
}
|
|
15857
16080
|
}
|
|
15858
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
|
+
},
|
|
15859
16112
|
{
|
|
15860
16113
|
"kind": "method",
|
|
15861
16114
|
"name": "#renderMobileAside",
|
|
@@ -15865,6 +16118,22 @@
|
|
|
15865
16118
|
"text": "TemplateResult"
|
|
15866
16119
|
}
|
|
15867
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"
|
|
15868
16137
|
}
|
|
15869
16138
|
],
|
|
15870
16139
|
"attributes": [
|
|
@@ -15891,6 +16160,38 @@
|
|
|
15891
16160
|
},
|
|
15892
16161
|
"default": "'Secondary navigation'",
|
|
15893
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"
|
|
15894
16195
|
}
|
|
15895
16196
|
],
|
|
15896
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":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/atoms/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,qBAAa,kBAAmB,SAAQ,SAAS;;IAC/C,OAAgB,MAAM,4BAAkE;IAE5E,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACI,OAAO,EAAE,sBAAsB,EAAE,CAAM;IACtB,QAAQ,UAAS;
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/atoms/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,qBAAa,kBAAmB,SAAQ,SAAS;;IAC/C,OAAgB,MAAM,4BAAkE;IAE5E,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACI,OAAO,EAAE,sBAAsB,EAAE,CAAM;IACtB,QAAQ,UAAS;IACjB,KAAK,UAAS;IAEjD,iBAAiB,IAAI,IAAI;IA8EzB,MAAM,IAAI,cAAc;CAgBlC"}
|
|
@@ -29,6 +29,7 @@ export class DsSegmentedControl extends DsElement {
|
|
|
29
29
|
this.value = '';
|
|
30
30
|
this.options = [];
|
|
31
31
|
this.disabled = false;
|
|
32
|
+
this.small = false;
|
|
32
33
|
this.#onKeydown = (event) => {
|
|
33
34
|
if (this.disabled) {
|
|
34
35
|
return;
|
|
@@ -86,7 +87,7 @@ export class DsSegmentedControl extends DsElement {
|
|
|
86
87
|
<ds-button
|
|
87
88
|
class="segment"
|
|
88
89
|
part="segment"
|
|
89
|
-
size
|
|
90
|
+
size=${this.small ? 'sm' : 'md'}
|
|
90
91
|
variant=${selected ? 'primary' : 'ghost'}
|
|
91
92
|
full-width
|
|
92
93
|
.roleAttr=${'radio'}
|
|
@@ -134,4 +135,7 @@ __decorate([
|
|
|
134
135
|
__decorate([
|
|
135
136
|
property({ type: Boolean, reflect: true })
|
|
136
137
|
], DsSegmentedControl.prototype, "disabled", void 0);
|
|
138
|
+
__decorate([
|
|
139
|
+
property({ type: Boolean, reflect: true })
|
|
140
|
+
], DsSegmentedControl.prototype, "small", void 0);
|
|
137
141
|
//# sourceMappingURL=segmented-control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/atoms/segmented-control/segmented-control.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAU3B;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAmB,SAAQ,SAAS;IAAjD;;QAGc,UAAK,GAAG,EAAE,CAAC;QACX,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACI,YAAO,GAA6B,EAAE,CAAC;QACtB,aAAQ,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/atoms/segmented-control/segmented-control.ts"],"names":[],"mappings":"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"}
|