cursedbelt 5.105.0 → 5.106.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/dist/react/components/Drawer.d.ts.map +1 -1
- package/dist/react/components/Drawer.js +6 -1
- package/dist/react/components/Drawer.js.map +1 -1
- package/dist/react/components/DropdownMenu.d.ts.map +1 -1
- package/dist/react/components/DropdownMenu.js +7 -3
- package/dist/react/components/DropdownMenu.js.map +1 -1
- package/dist/react/components/Page.d.ts +10 -1
- package/dist/react/components/Page.d.ts.map +1 -1
- package/dist/react/components/Page.js +5 -3
- package/dist/react/components/Page.js.map +1 -1
- package/dist/react/file-tree/fileTree.css +9 -0
- package/dist/react/filter-rail/FilterRail.d.ts +15 -1
- package/dist/react/filter-rail/FilterRail.d.ts.map +1 -1
- package/dist/react/filter-rail/FilterRail.js +22 -16
- package/dist/react/filter-rail/FilterRail.js.map +1 -1
- package/dist/react/media/DenseGalleryShell.d.ts +13 -1
- package/dist/react/media/DenseGalleryShell.d.ts.map +1 -1
- package/dist/react/media/DenseGalleryShell.js +13 -11
- package/dist/react/media/DenseGalleryShell.js.map +1 -1
- package/dist/react/media/VideoPlayer.d.ts +1 -0
- package/dist/react/media/VideoPlayer.d.ts.map +1 -1
- package/dist/react/media/VideoPlayer.js +10 -1
- package/dist/react/media/VideoPlayer.js.map +1 -1
- package/dist/react/media/denseGallery.css +71 -25
- package/dist/react/media-gallery/MediaGallery.d.ts +17 -1
- package/dist/react/media-gallery/MediaGallery.d.ts.map +1 -1
- package/dist/react/media-gallery/MediaGallery.js +6 -5
- package/dist/react/media-gallery/MediaGallery.js.map +1 -1
- package/dist/react/nav/TopBar.d.ts +26 -3
- package/dist/react/nav/TopBar.d.ts.map +1 -1
- package/dist/react/nav/TopBar.js +18 -2
- package/dist/react/nav/TopBar.js.map +1 -1
- package/dist/react/nav/index.d.ts +1 -1
- package/dist/react/nav/index.d.ts.map +1 -1
- package/dist/react/nav/index.js +1 -1
- package/dist/react/nav/index.js.map +1 -1
- package/dist/styles-areas/core.css +19 -17
- package/dist/styles-areas/filter-rail.css +2 -2
- package/dist/styles-areas/nav.css +5 -2
- package/dist/styles-utilities.css +18 -0
- package/package.json +1 -1
- package/src/react/components/Drawer.tsx +5 -1
- package/src/react/components/DropdownMenu.spec.tsx +5 -0
- package/src/react/components/DropdownMenu.tsx +7 -3
- package/src/react/components/Page.spec.tsx +16 -0
- package/src/react/components/Page.tsx +34 -16
- package/src/react/file-tree/fileTree.css +9 -0
- package/src/react/file-tree/fileTreeGeometry.spec.ts +8 -0
- package/src/react/filter-rail/FilterRail.spec.tsx +30 -0
- package/src/react/filter-rail/FilterRail.tsx +37 -8
- package/src/react/media/DenseGalleryShell.spec.tsx +44 -0
- package/src/react/media/DenseGalleryShell.tsx +28 -15
- package/src/react/media/VideoPlayer.spec.tsx +9 -0
- package/src/react/media/VideoPlayer.tsx +15 -2
- package/src/react/media/denseGallery.css +71 -25
- package/src/react/media-gallery/MediaGallery.spec.tsx +16 -0
- package/src/react/media-gallery/MediaGallery.tsx +24 -3
- package/src/react/nav/TopBar.spec.tsx +30 -1
- package/src/react/nav/TopBar.tsx +49 -4
- package/src/react/nav/index.ts +2 -0
- package/src/styles-areas/core.css +19 -17
- package/src/styles-areas/filter-rail.css +2 -2
- package/src/styles-areas/nav.css +5 -2
- package/src/styles-utilities.css +18 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAmB5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAW,EACX,IAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAiB,EACjB,GAAG,IAAI,EACR,EAAE,WAAW,+
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAmB5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAW,EACX,IAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAiB,EACjB,GAAG,IAAI,EACR,EAAE,WAAW,+BAiGb"}
|
|
@@ -51,11 +51,14 @@ export function Drawer({ open, onClose, title, actions, size = 'md', side = 'rig
|
|
|
51
51
|
guardedClose();
|
|
52
52
|
}, children: _jsxs(DialogContent, { className: cn('flex flex-col gap-0 overflow-hidden bg-popover text-popover-foreground shadow-overlay', DRAWER_MOTION, side === 'left' && [
|
|
53
53
|
'fixed top-0 left-0 h-full w-full rounded-r-xl border-r border-border',
|
|
54
|
+
// A phone on its side puts the notch on this edge.
|
|
55
|
+
'pl-[env(safe-area-inset-left,0px)]',
|
|
54
56
|
DRAWER_WIDTH[size],
|
|
55
57
|
'data-[state=open]:animate-in data-[state=open]:slide-in-from-left',
|
|
56
58
|
'data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left',
|
|
57
59
|
], side === 'right' && [
|
|
58
60
|
'fixed top-0 right-0 h-full w-full rounded-l-xl border-l border-border',
|
|
61
|
+
'pr-[env(safe-area-inset-right,0px)]',
|
|
59
62
|
DRAWER_WIDTH[size],
|
|
60
63
|
'data-[state=open]:animate-in data-[state=open]:slide-in-from-right',
|
|
61
64
|
'data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right',
|
|
@@ -73,6 +76,8 @@ export function Drawer({ open, onClose, title, actions, size = 'md', side = 'rig
|
|
|
73
76
|
cancelDiscard();
|
|
74
77
|
else
|
|
75
78
|
guardedClose();
|
|
76
|
-
}, children: [_jsxs("div", { ref: swipeRef, "data-cb-drawer-handle": '',
|
|
79
|
+
}, children: [_jsxs("div", { ref: swipeRef, "data-cb-drawer-handle": '',
|
|
80
|
+
// On a phone held sideways the sheet is a postcard tall, and this head is not what it is for.
|
|
81
|
+
className: 'flex flex-none touch-none flex-col gap-2 border-b border-border px-5 py-4 [@media(orientation:landscape)_and_(max-height:500px)]:py-1.5', children: [side === 'bottom' && (_jsx("span", { "aria-hidden": true, className: 'mx-auto h-1 w-9 shrink-0 rounded-full bg-border' })), _jsxs("div", { className: 'flex items-center justify-between gap-3', children: [title ? (_jsx(DialogTitle, { className: 'min-w-0 flex-1 wrap-break-word text-base font-semibold', children: title })) : (_jsx(DialogTitle, { className: 'sr-only', children: "Panel" })), actions ? (_jsx("div", { "data-cb-drawer-actions": '', className: 'flex shrink-0 items-center gap-0.5', children: actions })) : null, _jsx(IconButton, { label: 'Close', onClick: guardedClose, children: _jsx(X, {}) })] })] }), scrollBody ? (_jsx(ScrollArea, { className: 'px-5 py-4', children: children })) : (_jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: children })), _jsx(FooterSlot, { footer: footer }), discardOverlay] }) }));
|
|
77
82
|
}
|
|
78
83
|
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAA8B,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC9F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK7C,yFAAyF;AACzF,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;CAChB,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;CAChC,CAAC;AACF,MAAM,eAAe,GAA8C;IACjE,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;CACf,CAAC;AAoCF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,OAAO,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,GAAG,IAAI,EACK;IACZ,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC;QACpF,IAAI;QACJ,OAAO;QACP,OAAO;QACP,MAAM;KACP,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;IAE/F,OAAO,CACL,KAAC,MAAM,OACD,IAAI,EACR,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,CAAC;gBAAE,YAAY,EAAE,CAAC;QACzB,CAAC,YAED,MAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,aAAa,EACb,IAAI,KAAK,MAAM,IAAI;gBACjB,sEAAsE;gBACtE,YAAY,CAAC,IAAI,CAAC;gBAClB,mEAAmE;gBACnE,uEAAuE;aACxE,EACD,IAAI,KAAK,OAAO,IAAI;gBAClB,uEAAuE;gBACvE,YAAY,CAAC,IAAI,CAAC;gBAClB,oEAAoE;gBACpE,wEAAwE;aACzE,EACD,IAAI,KAAK,QAAQ,IAAI;gBACnB,0EAA0E;gBAC1E,aAAa,CAAC,IAAI,CAAC;gBACnB,qEAAqE;gBACrE,yEAAyE;aAC1E,CACF,EACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC,EACD,eAAe,EAAE,gBAAgB,EACjC,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY;oBAAE,aAAa,EAAE,CAAC;;oBAC7B,YAAY,EAAE,CAAC;YACtB,CAAC,aAED,eACE,GAAG,EAAE,QAAQ,2BACS,EAAE,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/react/components/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAazF,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,gEAAgE;AAChE,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;IACd;qFACiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,KAAe,EACf,IAAe,EACf,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,iBAAiB,+
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/react/components/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAazF,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,gEAAgE;AAChE,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;IACd;qFACiF;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,KAAe,EACf,IAAe,EACf,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAsEnB"}
|
|
@@ -45,14 +45,18 @@ export function DropdownMenu({ trigger, items, align = 'start', side = 'bottom',
|
|
|
45
45
|
/*
|
|
46
46
|
* 🔴 Radix's Select makes this split and its menu does not: a menu opened by a finger's press
|
|
47
47
|
* lands under the finger, and the release picks what is there — one tap on a phone's row `⋯`
|
|
48
|
-
* pressed Remove (forge task 4184).
|
|
49
|
-
*
|
|
48
|
+
* pressed Remove (forge task 4184). A click whose press never reached the trigger is the tap that
|
|
49
|
+
* closed this modal menu: it stays closed.
|
|
50
|
+
*
|
|
51
|
+
* 🔴 Radix leaves a press alone when the event READS as prevented, so that flag is all this sets.
|
|
52
|
+
* `preventDefault()` would cancel the browser's press too, and the click this menu opens on goes
|
|
53
|
+
* with it: under Playwright's WebKit a finger's tap then opened nothing at all (forge task 4193).
|
|
50
54
|
*/
|
|
51
55
|
const fingerPressed = useRef(false);
|
|
52
56
|
return (_jsxs(RDrop.Root, { open: isOpen, onOpenChange: setOpen, children: [_jsx(RDrop.Trigger, { asChild: true, ref: triggerRef, onPointerDown: (event) => {
|
|
53
57
|
fingerPressed.current = isFingerPress(event);
|
|
54
58
|
if (fingerPressed.current)
|
|
55
|
-
event.
|
|
59
|
+
event.defaultPrevented = true;
|
|
56
60
|
}, onClick: () => {
|
|
57
61
|
if (fingerPressed.current)
|
|
58
62
|
setOpen(!isOpen);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/react/components/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAkB,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AA4ElC;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACW;IAClB,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAC;IACzC,gFAAgF;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,IAAI,IAAI,OAAO,CAAC;IAC/B,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,IAAI,KAAK,SAAS;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,IAAI,EAAE,YAAY,CAAC,CACrB,CAAC;IACF;;;;;OAKG;IACH,MAAM,UAAU,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,eAAe,CAAC;QAClC,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/B,MAAM,EAAE,CAAC,UAAU,CAAC;QACpB,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IACH
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/react/components/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -116,6 +116,15 @@ export interface PageHeaderProps {
|
|
|
116
116
|
* stacked (owner mobile teardown 2026-07-15 §"double header"). The `meta`
|
|
117
117
|
* pills and `actions` stay. Default `true` (title always shown). */
|
|
118
118
|
titleOnMobile?: boolean;
|
|
119
|
+
/**
|
|
120
|
+
* Where the page's name is drawn. Default `'page'`.
|
|
121
|
+
*
|
|
122
|
+
* `'bar'` is for a shell whose top bar names the page itself (`TopBarTitle`): the `h1` is the
|
|
123
|
+
* bar's (NAV-11), and this header keeps the sentence and the actions on one tight row. A width
|
|
124
|
+
* cannot ask that for a shell that also treats a phone on its side as a phone, which
|
|
125
|
+
* `titleOnMobile` does, so the shell decides. A header left with nothing to draw draws nothing.
|
|
126
|
+
*/
|
|
127
|
+
titleIn?: 'page' | 'bar';
|
|
119
128
|
/** Pin the header to the top of the nearest scroll container (translucent bg +
|
|
120
129
|
* backdrop blur) so title, telemetry, and actions stay reachable deep in a long
|
|
121
130
|
* list. Pair with `DataTable`'s `stickyHeader` for a fully anchored data page. */
|
|
@@ -132,6 +141,6 @@ export interface PageHeaderProps {
|
|
|
132
141
|
* A bottom border separates it from the body; the sticky footer of actions is
|
|
133
142
|
* `ActionBar`'s job (task 06), not this.
|
|
134
143
|
*/
|
|
135
|
-
export declare function PageHeader({ title, leading, subtitle, meta, actions, guide, dense, titleOnMobile, sticky, level, className, ...rest }: PageHeaderProps): import("react").JSX.Element;
|
|
144
|
+
export declare function PageHeader({ title, leading, subtitle, meta, actions, guide, dense, titleOnMobile, titleIn, sticky, level, className, ...rest }: PageHeaderProps): import("react").JSX.Element | null;
|
|
136
145
|
export {};
|
|
137
146
|
//# sourceMappingURL=Page.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AAM1H;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEvE;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU;IACd,qDAAqD;;;;;IAErD,6DAA6D;;;;;IAE7D,yEAAyE;;;;;IAEzE;;;;;;OAMG;;;;;IAEH,0EAA0E;;;;;CAElE,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhD;;;iDAGiD;AACjD,eAAO,MAAM,eAAe,kCAAuB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE;uDACmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;sEACsE;AACtE,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAYzF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAWjF;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;gEAC4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;yEAGqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;uFAEmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;mEAE+D;IAC/D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAa,EACb,aAAoB,EACpB,MAAc,EACd,KAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AAM1H;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEvE;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU;IACd,qDAAqD;;;;;IAErD,6DAA6D;;;;;IAE7D,yEAAyE;;;;;IAEzE;;;;;;OAMG;;;;;IAEH,0EAA0E;;;;;CAElE,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhD;;;iDAGiD;AACjD,eAAO,MAAM,eAAe,kCAAuB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE;uDACmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;sEACsE;AACtE,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAYzF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAWjF;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;gEAC4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;yEAGqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB;;uFAEmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;mEAE+D;IAC/D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAa,EACb,aAAoB,EACpB,OAAgB,EAChB,MAAc,EACd,KAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,sCA+DjB"}
|
|
@@ -77,10 +77,12 @@ const SHORT_LANDSCAPE_TITLE = '[@media(orientation:landscape)_and_(max-height:50
|
|
|
77
77
|
* A bottom border separates it from the body; the sticky footer of actions is
|
|
78
78
|
* `ActionBar`'s job (task 06), not this.
|
|
79
79
|
*/
|
|
80
|
-
export function PageHeader({ title, leading, subtitle, meta, actions, guide, dense = false, titleOnMobile = true, sticky = false, level = 1, className, ...rest }) {
|
|
80
|
+
export function PageHeader({ title, leading, subtitle, meta, actions, guide, dense = false, titleOnMobile = true, titleIn = 'page', sticky = false, level = 1, className, ...rest }) {
|
|
81
81
|
const Heading = level === 2 ? 'h2' : 'h1';
|
|
82
82
|
const inContainer = useContext(InPageContainer);
|
|
83
|
-
|
|
83
|
+
if (titleIn === 'bar' && !subtitle && !meta && !actions && !guide && leading == null)
|
|
84
|
+
return null;
|
|
85
|
+
const titleBlock = titleIn === 'bar' ? (_jsxs("div", { className: 'flex min-w-0 items-center gap-2 [&_[data-cb-page-subtitle]]:mt-0', children: [subtitle ? _jsx(PageSubtitle, { dense: dense, children: subtitle }) : null, meta ? _jsx("span", { className: 'flex shrink-0 items-center gap-1.5', children: meta }) : null] })) : (_jsxs("div", { className: 'min-w-0', children: [_jsxs("div", { className: 'flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1', children: [_jsx(Heading, { className: cn('font-bold tracking-tight text-foreground', dense ? 'text-h3' : cn('text-h1', SHORT_LANDSCAPE_TITLE), !titleOnMobile && 'hidden sm:block'), children: title }), meta && _jsx("span", { className: 'flex flex-wrap items-center gap-1.5', children: meta })] }), subtitle && _jsx(PageSubtitle, { dense: dense, children: subtitle })] }));
|
|
84
86
|
return (_jsxs(Split, { ...rest, className: cn(
|
|
85
87
|
// Wrap on narrow screens so the actions drop below the title instead of
|
|
86
88
|
// pushing off-viewport (phone-overflow bug class).
|
|
@@ -89,7 +91,7 @@ export function PageHeader({ title, leading, subtitle, meta, actions, guide, den
|
|
|
89
91
|
// took a quarter of it. Owner, 2026-10-10, collections on an iPhone: *"landscape view
|
|
90
92
|
// has the scrollable content area too short … the outer rows should be much shorter."*
|
|
91
93
|
// One tight line there: the same title, at h3 scale (below).
|
|
92
|
-
!dense && SHORT_LANDSCAPE_PAD, sticky && 'sticky top-0 z-20 bg-background/90 backdrop-blur-md', className), children: [leading != null ? (_jsxs("div", { className: 'flex min-w-0 items-center gap-2', children: [_jsx("span", { "data-cb-page-header-leading": '', className: 'flex shrink-0 items-center', children: leading }), titleBlock] })) : (titleBlock), (actions || guide) && (_jsxs("div", { className: 'flex items-center gap-2', children: [guide ? _jsx(PageGuideButton, { children: guide }) : null, actions] }))] }));
|
|
94
|
+
!dense && SHORT_LANDSCAPE_PAD, titleIn === 'bar' && 'py-2', sticky && 'sticky top-0 z-20 bg-background/90 backdrop-blur-md', className), children: [leading != null ? (_jsxs("div", { className: 'flex min-w-0 items-center gap-2', children: [_jsx("span", { "data-cb-page-header-leading": '', className: 'flex shrink-0 items-center', children: leading }), titleBlock] })) : (titleBlock), (actions || guide) && (_jsxs("div", { className: 'flex items-center gap-2', children: [guide ? _jsx(PageGuideButton, { children: guide }) : null, actions] }))] }));
|
|
93
95
|
}
|
|
94
96
|
/**
|
|
95
97
|
* The subtitle's one line. Measured, not guessed: when the text is wider than the line it
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAuC,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1H,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAkC;IACtE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAAM,CAAC,GAAI,CAAC;AAC1F,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,GAAG;IACjB,qDAAqD;IACrD,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,4BAA4B,EAAE;IAC1D,6DAA6D;IAC7D,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,iCAAiC,EAAE;IACrE,yEAAyE;IACzE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,4BAA4B,EAAE;IAC3D;;;;;;OAMG;IACH,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,6BAA6B,EAAE;IAC7D,0EAA0E;IAC1E,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,8BAA8B,EAAE;CACrD,CAAC;AAIX;;;iDAGiD;AACjD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAQpD;sEACsE;AACtE,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG,CAAC,EAAsB;IACxF,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,CAEL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,kBAC7B,oCACsB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAChC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,KAC7E,CAAC,GACL,GACuB,CAC5B,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAkC;IAChF,OAAO,CACL,kCACmB,EAAE,wBAGA,KAAK,EACxB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,CAAC,GACL,CACH,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -861,6 +861,15 @@
|
|
|
861
861
|
align-items: center;
|
|
862
862
|
justify-content: center;
|
|
863
863
|
}
|
|
864
|
+
|
|
865
|
+
/*
|
|
866
|
+
* 🔴 The shelf spends the row's own padding, as `.cbft-grip` does. Without this a 44px button
|
|
867
|
+
* sat INSIDE the row's 8px bands, so every row with a tool drew 60px where `--cbft-row` says
|
|
868
|
+
* 44: three rows of a tree on an iPhone, in the sheet the owner could barely scroll.
|
|
869
|
+
*/
|
|
870
|
+
.cbft-tools {
|
|
871
|
+
margin-block: calc(var(--cbft-pad) * -1);
|
|
872
|
+
}
|
|
864
873
|
}
|
|
865
874
|
|
|
866
875
|
/*
|
|
@@ -189,6 +189,20 @@ export interface FilterRailProps {
|
|
|
189
189
|
* must keep (settings, the account) — return the icon-only version when it is `true`.
|
|
190
190
|
*/
|
|
191
191
|
footer?: ReactNode | ((collapsed: boolean) => ReactNode);
|
|
192
|
+
/**
|
|
193
|
+
* Who scrolls the rail. Default `'own'`: the rail's body scrolls inside the rail, as
|
|
194
|
+
* {@link RailBody} says.
|
|
195
|
+
*
|
|
196
|
+
* `'host'` draws the rail at its natural height for a scroller outside it, and pairs with
|
|
197
|
+
* `FileTree`'s own `scroll='host'`: places, the search box and every section then move as one.
|
|
198
|
+
* {@link FilterRailSection.fill} is ignored, because there is no leftover height to take.
|
|
199
|
+
*
|
|
200
|
+
* 🔴 For a rail in a sheet (cb's `Drawer`), where the height is small and a fixed head leaves a
|
|
201
|
+
* tree three rows to scroll in. Owner, 2026-10-31, on an iPhone: *"the scrollable area should
|
|
202
|
+
* include everything but it's only including files and that makes the files section so small I
|
|
203
|
+
* can barely scroll or read it"*.
|
|
204
|
+
*/
|
|
205
|
+
scroll?: 'own' | 'host';
|
|
192
206
|
/** Expanded width. Default `w-56` (14rem). */
|
|
193
207
|
width?: string;
|
|
194
208
|
/**
|
|
@@ -244,7 +258,7 @@ export interface FilterRailProps {
|
|
|
244
258
|
* remainder. See {@link FilterRailItem.depth}, {@link FilterRailItem.branch} and
|
|
245
259
|
* {@link FilterRailSection.selected}.
|
|
246
260
|
*/
|
|
247
|
-
export declare function FilterRail({ sections, selected, onSelect, label, collapsed, onCollapsedChange, places, header, footer, width, resizeKey, className, ...rest }: FilterRailProps): import("react").JSX.Element;
|
|
261
|
+
export declare function FilterRail({ sections, selected, onSelect, label, collapsed, onCollapsedChange, places, header, footer, scroll, width, resizeKey, className, ...rest }: FilterRailProps): import("react").JSX.Element;
|
|
248
262
|
/**
|
|
249
263
|
* One rail row on its own — the row `FilterRail` draws, for a sidebar that cannot be a
|
|
250
264
|
* `FilterRail` as a whole (music's: its tag rows toggle and take drops, its folder area is a
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterRail.d.ts","sourceRoot":"","sources":["../../../src/react/filter-rail/FilterRail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjE,OAAO,EAAE,KAAK,wBAAwB,EAAwB,MAAM,wBAAwB,CAAC;AAI7F,MAAM,WAAW,cAAc;IAC7B,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mFAAmF;IACnF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjD,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"FilterRail.d.ts","sourceRoot":"","sources":["../../../src/react/filter-rail/FilterRail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,9 @@ import { RAW_BUTTON } from '../lib/cn.js';
|
|
|
16
16
|
* avoid: the outer one scrolls the inner one's viewport out of the window, so the tree's
|
|
17
17
|
* autoscroll edges end up somewhere the pointer can never be. See {@link FilterRailSection.fill}.
|
|
18
18
|
*/
|
|
19
|
-
function RailBody({ filling, children }) {
|
|
19
|
+
function RailBody({ filling, host, children, }) {
|
|
20
|
+
if (host)
|
|
21
|
+
return _jsx("div", { className: 'px-2 py-2', children: children });
|
|
20
22
|
if (!filling)
|
|
21
23
|
return (_jsx(ScrollArea, { fade: true, space: 'compact', className: 'px-2 py-2', children: children }));
|
|
22
24
|
return _jsx("div", { className: 'flex min-h-0 flex-1 flex-col px-2 py-2', children: children });
|
|
@@ -66,26 +68,30 @@ function RailBody({ filling, children }) {
|
|
|
66
68
|
* remainder. See {@link FilterRailItem.depth}, {@link FilterRailItem.branch} and
|
|
67
69
|
* {@link FilterRailSection.selected}.
|
|
68
70
|
*/
|
|
69
|
-
export function FilterRail({ sections, selected, onSelect, label, collapsed = false, onCollapsedChange, places, header, footer, width = 'w-56', resizeKey, className, ...rest }) {
|
|
71
|
+
export function FilterRail({ sections, selected, onSelect, label, collapsed = false, onCollapsedChange, places, header, footer, scroll = 'own', width = 'w-56', resizeKey, className, ...rest }) {
|
|
70
72
|
// The drag, the keys, the clamp, the storage and the reset are `railResize.tsx`, shared with
|
|
71
73
|
// every sidebar that is not a FilterRail (music's LibraryRail).
|
|
72
74
|
const rail = useRailResize({ resizeKey, label, enabled: !collapsed });
|
|
73
|
-
|
|
75
|
+
const host = scroll === 'host';
|
|
76
|
+
return (_jsxs("nav", { ...rest, ref: rail.railRef, "aria-label": label, "data-cb-filter-rail": collapsed ? 'collapsed' : 'expanded', className: cn('flex shrink-0 flex-col border-r border-border bg-surface', host ? 'min-h-full' : 'h-full min-h-0', collapsed ? 'w-14' : rail.width !== null ? undefined : width, rail.active && 'relative', className), ...(rail.style ? { style: rail.style } : {}), children: [_jsx(RailResizeHandle, { rail: rail }), places, onCollapsedChange ? (_jsxs("div", { className: cn('flex flex-none items-center px-2 pt-2', collapsed && 'justify-center'), children: [!collapsed && _jsx("span", { className: 'flex-1' }), _jsx(Tooltip, { content: collapsed ? `Expand ${label}` : `Collapse ${label}`, children: _jsx("button", { type: 'button',
|
|
74
77
|
// guardrails-ignore no-raw-action-button: the rail's own chrome control — an
|
|
75
78
|
// IconButton here would pull the Button/Tooltip graph into every rail consumer.
|
|
76
|
-
onClick: () => onCollapsedChange(!collapsed), "aria-label": collapsed ? `Expand ${label}` : `Collapse ${label}`, "aria-expanded": !collapsed, className: cn(RAW_BUTTON, `grid size-8 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-card-raised hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${TAP_TARGET} [&_svg]:size-4`), children: collapsed ? _jsx(ChevronsRight, {}) : _jsx(ChevronsLeft, {}) }) })] })) : null, header && !collapsed ? _jsx("div", { className: 'flex-none px-2 pt-2', children: header }) : null, _jsx(RailBody, { filling: sections.some((section) => section.fill === true), children: sections.map((section) =>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
79
|
+
onClick: () => onCollapsedChange(!collapsed), "aria-label": collapsed ? `Expand ${label}` : `Collapse ${label}`, "aria-expanded": !collapsed, className: cn(RAW_BUTTON, `grid size-8 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-card-raised hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${TAP_TARGET} [&_svg]:size-4`), children: collapsed ? _jsx(ChevronsRight, {}) : _jsx(ChevronsLeft, {}) }) })] })) : null, header && !collapsed ? _jsx("div", { className: 'flex-none px-2 pt-2', children: header }) : null, _jsx(RailBody, { filling: sections.some((section) => section.fill === true), host: host, children: sections.map((section) => {
|
|
80
|
+
const fills = section.fill === true && !host;
|
|
81
|
+
return (_jsx("div", { className: cn('mb-3 last:mb-0',
|
|
82
|
+
// The filling section becomes the flex child that absorbs the leftover height;
|
|
83
|
+
// `min-h-0` is what lets whatever is inside it actually shrink and scroll.
|
|
84
|
+
//
|
|
85
|
+
// 🔴 `-mx-2` cancels `RailBody`'s own `px-2`, and it is load-bearing rather than
|
|
86
|
+
// cosmetic. A scrollbar is painted at its SCROLL CONTAINER's border-box edge, so
|
|
87
|
+
// 8px of ancestor padding puts the tree's gutter 8px short of the rail's edge —
|
|
88
|
+
// owner, 2026-09-11: *"The scrollbar should be very thin in the file tree and
|
|
89
|
+
// against the right edge."* A filling section owns its own scroller (that is what
|
|
90
|
+
// `fill` means), so it owns its own inset too: the tree indents its ROWS with
|
|
91
|
+
// `--cbft-inset`, which is why the row text still lines up under the section
|
|
92
|
+
// heading above it. The heading keeps its own `px-2` and is unaffected.
|
|
93
|
+
fills && 'flex min-h-0 flex-1 flex-col -mx-2'), children: section.label && section.collapsible && !collapsed ? (_jsxs(RailSection, { label: section.label, action: section.action, persistKey: section.persistKey, defaultOpen: section.defaultOpen, headerClassName: 'px-1', ...(section.onHeaderContextMenu ? { onHeaderContextMenu: section.onHeaderContextMenu } : {}), className: cn(fills && 'flex min-h-0 flex-1 flex-col'), contentClassName: cn(fills && 'flex min-h-0 flex-1 flex-col'), children: [sectionRows(section, selected, onSelect, collapsed), section.children] })) : (_jsxs(_Fragment, { children: [section.label && !collapsed ? (_jsx(SectionHeading, { label: section.label, action: section.action, onContextMenu: section.onHeaderContextMenu })) : null, section.label && collapsed ? (_jsx("div", { "aria-hidden": 'true', className: 'mx-2 mb-1 border-t border-rule' })) : null, sectionRows(section, selected, onSelect, collapsed), !collapsed ? section.children : null] })) }, section.id));
|
|
94
|
+
}) }), typeof footer === 'function' ? (_jsx("div", { className: cn('flex-none border-t border-rule px-2 py-2', collapsed && 'flex flex-col items-center gap-1'), children: footer(collapsed) })) : footer && !collapsed ? (_jsx("div", { className: 'flex-none border-t border-rule px-2 py-2', children: footer })) : null] }));
|
|
89
95
|
}
|
|
90
96
|
/** A section's flat rows — the one list both the plain and the collapsible heading draw. */
|
|
91
97
|
function sectionRows(section, selected, onSelect, collapsed) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterRail.js","sourceRoot":"","sources":["../../../src/react/filter-rail/FilterRail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAiC,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAuK1C;;;;;;;GAOG;AACH,SAAS,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"FilterRail.js","sourceRoot":"","sources":["../../../src/react/filter-rail/FilterRail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -261,7 +261,19 @@ export interface DenseGalleryDetailProps {
|
|
|
261
261
|
* titlebar's toggle is below the fold whenever the picture fills the window's height.
|
|
262
262
|
*/
|
|
263
263
|
stageOffersFullStageToggle?: boolean;
|
|
264
|
+
/**
|
|
265
|
+
* Where the titlebar lives. Default `'inline'`: under the picture, with the title, the meta line
|
|
266
|
+
* and every action, as it always has been.
|
|
267
|
+
*
|
|
268
|
+
* `'hidden'` and `'open'` are for a shell that draws the file's name and a reveal button in its
|
|
269
|
+
* own top row, which saves the titlebar's whole band on a phone. Owner, 2026-10-31, on an iPhone:
|
|
270
|
+
* *"The tool icons should be hidden unless I push a button to reveal them because I rarely use
|
|
271
|
+
* them on iphone."* `'hidden'` puts the titlebar and the resize rail away, and `'open'` brings
|
|
272
|
+
* them back, every action showing and no title, since the top row already has it. The actions
|
|
273
|
+
* stay MOUNTED while hidden: one of them may hold a dialog or a half-typed rename.
|
|
274
|
+
*/
|
|
275
|
+
tools?: 'inline' | 'hidden' | 'open';
|
|
264
276
|
}
|
|
265
277
|
/** The selected/detail view: a stage on top, titlebar + optional rail, related grid below. */
|
|
266
|
-
export declare function DenseGalleryDetail({ stage, title, meta, actions, onStep, canStep, rail, stageHeight, sticky, relatedLabel, itemCount, renderTile, relatedBody, onNearEnd, loading, minColumnWidth, rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClick, stageOffersFullStageToggle, ...passThrough }: DenseGalleryDetailProps): import("react").JSX.Element;
|
|
278
|
+
export declare function DenseGalleryDetail({ stage, title, meta, actions, onStep, canStep, rail, stageHeight, sticky, relatedLabel, itemCount, renderTile, relatedBody, onNearEnd, loading, minColumnWidth, rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClick, stageOffersFullStageToggle, tools, ...passThrough }: DenseGalleryDetailProps): import("react").JSX.Element;
|
|
267
279
|
//# sourceMappingURL=DenseGalleryShell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DenseGalleryShell.d.ts","sourceRoot":"","sources":["../../../src/react/media/DenseGalleryShell.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DenseGalleryShell.d.ts","sourceRoot":"","sources":["../../../src/react/media/DenseGalleryShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -72,7 +72,7 @@ const PINNED_STAGE_FLOOR_PX = 96;
|
|
|
72
72
|
/** The selected/detail view: a stage on top, titlebar + optional rail, related grid below. */
|
|
73
73
|
export function DenseGalleryDetail({ stage, title, meta, actions, onStep, canStep = true, rail, stageHeight, sticky, relatedLabel, itemCount, renderTile, relatedBody, onNearEnd, loading, minColumnWidth = 160,
|
|
74
74
|
// 🔴 Deliberately NOT defaulted here — see the prop's doc comment.
|
|
75
|
-
rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClick = false, stageOffersFullStageToggle = false, ...passThrough }) {
|
|
75
|
+
rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClick = false, stageOffersFullStageToggle = false, tools = 'inline', ...passThrough }) {
|
|
76
76
|
// The watch view is ONE scroll container; the related grid windows against it so the
|
|
77
77
|
// stage scrolls off in normal flow rather than the grid owning a nested inner scroller.
|
|
78
78
|
const [watchEl, setWatchEl] = useState(null);
|
|
@@ -149,11 +149,11 @@ rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClic
|
|
|
149
149
|
const top = watchEl.querySelector('.cbgd-watch-top');
|
|
150
150
|
const frame = watchEl.querySelector('.cbgd-watch-player-box');
|
|
151
151
|
/*
|
|
152
|
-
* 🔴 A phone on its SIDE puts the titlebar
|
|
153
|
-
* `denseGallery.css`'s short-landscape block), so nothing
|
|
154
|
-
* picture: only the
|
|
155
|
-
*
|
|
156
|
-
*
|
|
152
|
+
* 🔴 A phone on its SIDE puts the titlebar and the files BESIDE the frame
|
|
153
|
+
* (`--cbgd-stage-beside`, set by `denseGallery.css`'s short-landscape block), so nothing is
|
|
154
|
+
* under the picture: only the scroller's own padding is. Measuring the column there would
|
|
155
|
+
* be a loop — its width is whatever the frame leaves it, so its height depends on the
|
|
156
|
+
* frame's — and the stylesheet's share (`--cbgd-stage-share`) is the whole height.
|
|
157
157
|
*/
|
|
158
158
|
const style = getComputedStyle(watchEl);
|
|
159
159
|
const beside = style.getPropertyValue('--cbgd-stage-beside').trim() === '1';
|
|
@@ -161,7 +161,7 @@ rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClic
|
|
|
161
161
|
const share = Number.isFinite(shareVar) && shareVar > 0 ? shareVar : STAGE_SHARE;
|
|
162
162
|
const topStyle = top ? getComputedStyle(top) : null;
|
|
163
163
|
const chromePx = beside
|
|
164
|
-
? Math.round(Number.parseFloat(
|
|
164
|
+
? Math.round(Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom))
|
|
165
165
|
: top && frame
|
|
166
166
|
? Math.round(top.getBoundingClientRect().height - frame.getBoundingClientRect().height)
|
|
167
167
|
: gripPx;
|
|
@@ -358,6 +358,8 @@ rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClic
|
|
|
358
358
|
const [actionsEl, setActionsEl] = useState(null);
|
|
359
359
|
const [actionsOpen, setActionsOpen] = useState(false);
|
|
360
360
|
const [actionsFold, setActionsFold] = useState(false);
|
|
361
|
+
// `tools='open'` is already somebody pressing a button to see these; a second fold is no use.
|
|
362
|
+
const unfolded = actionsOpen || tools === 'open';
|
|
361
363
|
const measureFold = useCallback(() => {
|
|
362
364
|
if (!actionsEl)
|
|
363
365
|
return;
|
|
@@ -369,10 +371,10 @@ rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClic
|
|
|
369
371
|
folds ||= folded;
|
|
370
372
|
// A control on a folded line is out of reach, so it is out of the tab order and the
|
|
371
373
|
// accessibility tree too (`visibility: hidden` in the phone block), not merely clipped.
|
|
372
|
-
kid.toggleAttribute('data-cbgd-folded', folded && !
|
|
374
|
+
kid.toggleAttribute('data-cbgd-folded', folded && !unfolded);
|
|
373
375
|
}
|
|
374
376
|
setActionsFold((current) => (current === folds ? current : folds));
|
|
375
|
-
}, [actionsEl,
|
|
377
|
+
}, [actionsEl, unfolded]);
|
|
376
378
|
// No dependency list: every render, on purpose — see above.
|
|
377
379
|
useLayoutEffect(() => {
|
|
378
380
|
measureFold();
|
|
@@ -395,12 +397,12 @@ rowExtraHeight, fullStage: fullStageProp, onFullStageChange, stageOwnsDoubleClic
|
|
|
395
397
|
is why double-clicking a photograph did nothing — the handler that would have
|
|
396
398
|
made it fullscreen only existed once it already was. `onStageDoubleClick`
|
|
397
399
|
decides; see it for the three rules. */
|
|
398
|
-
onDoubleClick: onStageDoubleClick, children: stage }), fullStage ? null : (_jsxs("div", { className: 'cbmr-rail', children: [_jsx(MediaResizeBar, { ...resizeHandle, label: 'Viewer height' }), _jsx(MediaResizeCorner, { ...resizeHandle, label: 'Viewer height' })] }))] }), _jsxs("div", { className: 'cbgd-watch-titlebar', children: [_jsx("span", { className: 'cbgd-watch-title', children: title }), meta ? _jsx("span", { className: 'cbgd-meta-line', children: meta }) : null, _jsxs("span", { ref: setActionsEl, className: `cbgd-watch-actions${
|
|
400
|
+
onDoubleClick: onStageDoubleClick, children: stage }), fullStage || tools === 'hidden' ? null : (_jsxs("div", { className: 'cbmr-rail', children: [_jsx(MediaResizeBar, { ...resizeHandle, label: 'Viewer height' }), _jsx(MediaResizeCorner, { ...resizeHandle, label: 'Viewer height' })] }))] }), _jsxs("div", { className: 'cbgd-watch-titlebar', hidden: tools === 'hidden', children: [tools === 'inline' ? _jsx("span", { className: 'cbgd-watch-title', children: title }) : null, meta ? _jsx("span", { className: 'cbgd-meta-line', children: meta }) : null, _jsxs("span", { ref: setActionsEl, className: `cbgd-watch-actions${unfolded ? ' is-open' : ''}`, id: actionsId, children: [onStep ? (_jsxs("span", { className: 'cbgd-watch-step', children: [_jsx(GalleryActionButton, { iconOnly: true, tooltip: 'Previous file (\u21E7\u2190)', "aria-label": 'Previous file', disabled: !canStep, onClick: () => onStep(-1), children: _jsx(ChevronLeft, { "aria-hidden": true }) }), _jsx(GalleryActionButton, { iconOnly: true, tooltip: 'Next file (\u21E7\u2192)', "aria-label": 'Next file', disabled: !canStep, onClick: () => onStep(1), children: _jsx(ChevronRight, { "aria-hidden": true }) })] })) : null, actions, _jsx(Tooltip, { content: fullStage
|
|
399
401
|
? 'Leave full window (Esc)'
|
|
400
402
|
: 'Fill the window — the picture as big as the window, the files below', children: _jsx("button", {
|
|
401
403
|
// guardrails-ignore no-raw-action-button: same self-contained `.cbgd-`
|
|
402
404
|
// pill styling as the sort pills above — a UI-preference toggle (not
|
|
403
405
|
// persisted, not destructive) styled by this module's own plain CSS.
|
|
404
|
-
type: 'button', className: cn(RAW_BUTTON, 'cbgd-order-btn is-icon'), "aria-pressed": fullStage, "aria-label": 'Full window', onClick: () => setFullStage(!fullStage), children: fullStage ? _jsx(Minimize2, { "aria-hidden": true }) : _jsx(Maximize2, { "aria-hidden": true }) }) })] }), actionsFold || actionsOpen ? (_jsx("span", { className: 'cbgd-actions-more', children: _jsx(GalleryActionButton, { iconOnly: true, tooltip: actionsOpen ? 'Fold the actions back to one line' : 'Show every action', "aria-label": actionsOpen ? 'Fewer actions' : 'More actions', "aria-expanded": actionsOpen, "aria-controls": actionsId, onClick: () => setActionsOpen(!actionsOpen), children: actionsOpen ? _jsx(ChevronUp, { "aria-hidden": true }) : _jsx(ChevronDown, { "aria-hidden": true }) }) })) : null] })] }), rail ? (_jsx("aside", { className: 'cbgd-watch-rail', "aria-label": 'Up next', children: rail })) : null] }), fullStage && !stageOffersFullStageToggle ? (_jsx("span", { className: 'cbgd-full-exit', children: _jsx(GalleryActionButton, { iconOnly: true, tooltip: 'Leave full window (Esc)', "aria-label": 'Leave full window', onClick: () => setFullStage(false), children: _jsx(Minimize2, { "aria-hidden": true }) }) })) : null, _jsxs("div", { className: 'cbgd-related', children: [relatedLabel ? _jsx("div", { className: 'cbgd-section-head', children: relatedLabel }) : null, relatedBody ?? (_jsx(VirtualMediaGrid, { scrollElement: watchEl, itemCount: itemCount, minColumnWidth: minColumnWidth, rowExtraHeight: rowExtraHeight, onNearEnd: onNearEnd, renderItem: renderTile, footer: loading ? _jsx("div", { className: 'cbgd-loading', children: "Loading\u2026" }) : null }))] })] }));
|
|
406
|
+
type: 'button', className: cn(RAW_BUTTON, 'cbgd-order-btn is-icon'), "aria-pressed": fullStage, "aria-label": 'Full window', onClick: () => setFullStage(!fullStage), children: fullStage ? _jsx(Minimize2, { "aria-hidden": true }) : _jsx(Maximize2, { "aria-hidden": true }) }) })] }), tools === 'inline' && (actionsFold || actionsOpen) ? (_jsx("span", { className: 'cbgd-actions-more', children: _jsx(GalleryActionButton, { iconOnly: true, tooltip: actionsOpen ? 'Fold the actions back to one line' : 'Show every action', "aria-label": actionsOpen ? 'Fewer actions' : 'More actions', "aria-expanded": actionsOpen, "aria-controls": actionsId, onClick: () => setActionsOpen(!actionsOpen), children: actionsOpen ? _jsx(ChevronUp, { "aria-hidden": true }) : _jsx(ChevronDown, { "aria-hidden": true }) }) })) : null] })] }), rail ? (_jsx("aside", { className: 'cbgd-watch-rail', "aria-label": 'Up next', children: rail })) : null] }), fullStage && !stageOffersFullStageToggle ? (_jsx("span", { className: 'cbgd-full-exit', children: _jsx(GalleryActionButton, { iconOnly: true, tooltip: 'Leave full window (Esc)', "aria-label": 'Leave full window', onClick: () => setFullStage(false), children: _jsx(Minimize2, { "aria-hidden": true }) }) })) : null, _jsxs("div", { className: 'cbgd-related', children: [relatedLabel ? _jsx("div", { className: 'cbgd-section-head', children: relatedLabel }) : null, relatedBody ?? (_jsx(VirtualMediaGrid, { scrollElement: watchEl, itemCount: itemCount, minColumnWidth: minColumnWidth, rowExtraHeight: rowExtraHeight, onNearEnd: onNearEnd, renderItem: renderTile, footer: loading ? _jsx("div", { className: 'cbgd-loading', children: "Loading\u2026" }) : null }))] })] }));
|
|
405
407
|
}
|
|
406
408
|
//# sourceMappingURL=DenseGalleryShell.js.map
|