@ixfx/components 0.5.20 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/index.d.ts +586 -261
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +8306 -6624
- package/bundle/index.js.map +1 -1
- package/dist/ac-text.d.ts +12 -7
- package/dist/ac-text.d.ts.map +1 -1
- package/dist/ac-text.js +3 -4
- package/dist/ac-text.js.map +1 -1
- package/dist/ac-token-DVbmHmky.d.ts +107 -0
- package/dist/ac-token-DVbmHmky.d.ts.map +1 -0
- package/dist/ac-token.d.ts +2 -0
- package/dist/ac-token.js +646 -0
- package/dist/ac-token.js.map +1 -0
- package/dist/{button-pcDaCemT.js → button-Bn0BuLpO.js} +3 -4
- package/dist/{button-pcDaCemT.js.map → button-Bn0BuLpO.js.map} +1 -1
- package/dist/button.d.ts +2 -3
- package/dist/button.d.ts.map +1 -1
- package/dist/button.js +1 -1
- package/dist/checkbox.d.ts +0 -1
- package/dist/checkbox.d.ts.map +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/{colour-picker-D43Q96r0.js → colour-picker-0stHB90J.js} +11 -14
- package/dist/{colour-picker-D43Q96r0.js.map → colour-picker-0stHB90J.js.map} +1 -1
- package/dist/colour-picker.d.ts +1 -1
- package/dist/colour-picker.js +1 -1
- package/dist/crumbs.d.ts +4 -2
- package/dist/crumbs.d.ts.map +1 -1
- package/dist/crumbs.js +1152 -1
- package/dist/crumbs.js.map +1 -0
- package/dist/data-controller-DOlmqNKb.js +171 -0
- package/dist/data-controller-DOlmqNKb.js.map +1 -0
- package/dist/data-display.d.ts +1 -2
- package/dist/data-display.d.ts.map +1 -1
- package/dist/data-display.js +24 -22
- package/dist/data-display.js.map +1 -1
- package/dist/data-grid-BeAkORz2.d.ts +215 -0
- package/dist/data-grid-BeAkORz2.d.ts.map +1 -0
- package/dist/data-grid.d.ts +2 -0
- package/dist/data-grid.js +1225 -0
- package/dist/data-grid.js.map +1 -0
- package/dist/data-provider-BAn_-oR1.d.ts +61 -0
- package/dist/data-provider-BAn_-oR1.d.ts.map +1 -0
- package/dist/{decorate-DdjvVHS-.js → decorate-VRK8rslU.js} +2 -2
- package/dist/{decorate-DdjvVHS-.js.map → decorate-VRK8rslU.js.map} +1 -1
- package/dist/{defaults-BkWCPJFL.js → defaults-BCiDhZbF.js} +20 -3
- package/dist/defaults-BCiDhZbF.js.map +1 -0
- package/dist/drag-ghost-DtSDvjri.js +85 -0
- package/dist/drag-ghost-DtSDvjri.js.map +1 -0
- package/dist/editable-label.d.ts +1 -2
- package/dist/editable-label.d.ts.map +1 -1
- package/dist/editable-label.js +1 -1
- package/dist/editable-label.js.map +1 -1
- package/dist/{incr-search-CeERfijK.js → element-search-Y8SRfPGM.js} +7 -135
- package/dist/element-search-Y8SRfPGM.js.map +1 -0
- package/dist/form-CsXJX15p.js +64 -0
- package/dist/form-CsXJX15p.js.map +1 -0
- package/dist/form.d.ts +15 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +2 -0
- package/dist/grouped-item-lister-CNLMgdIr.d.ts +121 -0
- package/dist/grouped-item-lister-CNLMgdIr.d.ts.map +1 -0
- package/dist/grouped-item-lister.d.ts +2 -0
- package/dist/grouped-item-lister.js +177 -0
- package/dist/grouped-item-lister.js.map +1 -0
- package/dist/{hex-editor-B-UI4OZu.js → hex-editor-Bk6rxhfg.js} +6 -8
- package/dist/{hex-editor-B-UI4OZu.js.map → hex-editor-Bk6rxhfg.js.map} +1 -1
- package/dist/{hex-editor-CMIxtNgT.d.ts → hex-editor-Caq8vNQk.d.ts} +2 -3
- package/dist/hex-editor-Caq8vNQk.d.ts.map +1 -0
- package/dist/hex.d.ts +1 -1
- package/dist/hex.js +1 -1
- package/dist/highlight-B-eQrhhb.js.map +1 -1
- package/dist/{icon-Bd5BiU4b.d.ts → icon-BUwP1CZ1.d.ts} +3 -4
- package/dist/icon-BUwP1CZ1.d.ts.map +1 -0
- package/dist/{icon-CK14NUcE.js → icons-Bm2ByQ3s.js} +10 -5
- package/dist/icons-Bm2ByQ3s.js.map +1 -0
- package/dist/icons.d.ts +2 -2
- package/dist/icons.js +2 -8
- package/dist/incr-search-vCzuao-2.js +137 -0
- package/dist/incr-search-vCzuao-2.js.map +1 -0
- package/dist/incr-search.d.ts +1 -1
- package/dist/incr-search.js +2 -1
- package/dist/{index-DrKRD8_a.d.ts → index-BOUaDIW-.d.ts} +4 -4
- package/dist/index-BOUaDIW-.d.ts.map +1 -0
- package/dist/{index-CkMIKEWp.d.ts → index-BUB5SICW.d.ts} +3 -4
- package/dist/index-BUB5SICW.d.ts.map +1 -0
- package/dist/{index-tX6fKF8m.d.ts → index-BeuCXtiO.d.ts} +3 -3
- package/dist/index-BeuCXtiO.d.ts.map +1 -0
- package/dist/{index-BslNaMLo.d.ts → index-Cu5i8zZY.d.ts} +3 -3
- package/dist/index-Cu5i8zZY.d.ts.map +1 -0
- package/dist/{index-D87kRcEs.d.ts → index-RqMh1i-O.d.ts} +2 -1
- package/dist/index-RqMh1i-O.d.ts.map +1 -0
- package/dist/{index-Cdmrn0SZ.d.ts → index-ovq_GTdl.d.ts} +11 -11
- package/dist/index-ovq_GTdl.d.ts.map +1 -0
- package/dist/index.d.ts +139 -599
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +789 -2845
- package/dist/index.js.map +1 -1
- package/dist/{labelled-input-base-ORb1rGq6.d.ts → labelled-input-base-Dp_9KP0G.d.ts} +2 -3
- package/dist/labelled-input-base-Dp_9KP0G.d.ts.map +1 -0
- package/dist/{labelled-input-base-9K_w3oLj.js → labelled-input-base-hoKGwyKT.js} +2 -2
- package/dist/{labelled-input-base-9K_w3oLj.js.map → labelled-input-base-hoKGwyKT.js.map} +1 -1
- package/dist/labelled-radial-input.d.ts +4 -5
- package/dist/labelled-radial-input.d.ts.map +1 -1
- package/dist/labelled-radial-input.js +2 -3
- package/dist/labelled-radial-input.js.map +1 -1
- package/dist/labelled-range-input.d.ts +1 -1
- package/dist/labelled-range-input.js +2 -2
- package/dist/labelled-range-input.js.map +1 -1
- package/dist/led.d.ts +1 -2
- package/dist/led.d.ts.map +1 -1
- package/dist/led.js +1 -1
- package/dist/led.js.map +1 -1
- package/dist/menu-DIfU70AA.js +1609 -0
- package/dist/menu-DIfU70AA.js.map +1 -0
- package/dist/{menu-item-AtoP6bD4.d.ts → menu-item-BG5w7fi4.d.ts} +4 -4
- package/dist/menu-item-BG5w7fi4.d.ts.map +1 -0
- package/dist/menu.d.ts +2 -2
- package/dist/menu.js +1 -2
- package/dist/miller.d.ts +7 -5
- package/dist/miller.d.ts.map +1 -1
- package/dist/miller.js +23 -25
- package/dist/miller.js.map +1 -1
- package/dist/narrowed-text.d.ts +1 -2
- package/dist/narrowed-text.d.ts.map +1 -1
- package/dist/narrowed-text.js +14 -13
- package/dist/narrowed-text.js.map +1 -1
- package/dist/notification-pill-DyZydXoZ.d.ts +68 -0
- package/dist/notification-pill-DyZydXoZ.d.ts.map +1 -0
- package/dist/notifier.d.ts +2 -0
- package/dist/notifier.js +146 -0
- package/dist/notifier.js.map +1 -0
- package/dist/panel.d.ts +1 -1
- package/dist/panel.d.ts.map +1 -1
- package/dist/panel.js +1 -2
- package/dist/panel.js.map +1 -1
- package/dist/plots.d.ts +1 -1
- package/dist/plots.js +1 -1
- package/dist/polar-pad.d.ts +1 -2
- package/dist/polar-pad.d.ts.map +1 -1
- package/dist/polar-pad.js +2 -2
- package/dist/polar-pad.js.map +1 -1
- package/dist/{radial-input-Dhu5ZGP5.d.ts → radial-input-BhZeyyP-.d.ts} +2 -3
- package/dist/radial-input-BhZeyyP-.d.ts.map +1 -0
- package/dist/{radial-input-C4f-2Bya.js → radial-input-Dk8Wydp5.js} +26 -16
- package/dist/radial-input-Dk8Wydp5.js.map +1 -0
- package/dist/radial-input.d.ts +1 -1
- package/dist/radial-input.js +1 -1
- package/dist/range-input.d.ts +2 -3
- package/dist/range-input.d.ts.map +1 -1
- package/dist/range-input.js +2 -2
- package/dist/range-input.js.map +1 -1
- package/dist/range.d.ts +2 -3
- package/dist/range.d.ts.map +1 -1
- package/dist/range.js +2 -2
- package/dist/range.js.map +1 -1
- package/dist/scroll-fade-CAs1EabA.js +70 -0
- package/dist/scroll-fade-CAs1EabA.js.map +1 -0
- package/dist/select-horiz.d.ts +50 -0
- package/dist/select-horiz.d.ts.map +1 -0
- package/dist/select-horiz.js +263 -0
- package/dist/select-horiz.js.map +1 -0
- package/dist/{slider-input-SW7e2Ac2.js → slider-input-CT4gcF-o.js} +30 -27
- package/dist/{slider-input-SW7e2Ac2.js.map → slider-input-CT4gcF-o.js.map} +1 -1
- package/dist/{slider-input-BEaztT-g.d.ts → slider-input-TidGhvXt.d.ts} +2 -3
- package/dist/slider-input-TidGhvXt.d.ts.map +1 -0
- package/dist/slider-input.d.ts +1 -1
- package/dist/slider-input.js +1 -1
- package/dist/snackbar.d.ts +58 -0
- package/dist/snackbar.d.ts.map +1 -0
- package/dist/snackbar.js +265 -0
- package/dist/snackbar.js.map +1 -0
- package/dist/snap-container.d.ts +1 -2
- package/dist/snap-container.d.ts.map +1 -1
- package/dist/snap-container.js +6 -5
- package/dist/snap-container.js.map +1 -1
- package/dist/split-layout.d.ts +1 -2
- package/dist/split-layout.d.ts.map +1 -1
- package/dist/split-layout.js +5 -3
- package/dist/split-layout.js.map +1 -1
- package/dist/swipe.d.ts +1 -2
- package/dist/swipe.d.ts.map +1 -1
- package/dist/swipe.js +4 -3
- package/dist/swipe.js.map +1 -1
- package/dist/{tab-list-B8v9KntS.d.ts → tab-list-Beuh2nom.d.ts} +4 -4
- package/dist/tab-list-Beuh2nom.d.ts.map +1 -0
- package/dist/tabs.d.ts +1 -1
- package/dist/tabs.js +533 -1
- package/dist/tabs.js.map +1 -0
- package/dist/{tickled-controller-JDOR9B8V.d.ts → tickled-controller-BtevrRLV.d.ts} +1 -2
- package/dist/tickled-controller-BtevrRLV.d.ts.map +1 -0
- package/dist/{tickled-styles-Bgo_Lpw-.js → tickled-controller-DkAU-0qL.js} +2 -88
- package/dist/tickled-controller-DkAU-0qL.js.map +1 -0
- package/dist/tickled-styles-BrAHEj1q.js +89 -0
- package/dist/tickled-styles-BrAHEj1q.js.map +1 -0
- package/dist/{timeline-CdSI003L.js → timeline-B2fgDL4U.js} +3 -3
- package/dist/{timeline-CdSI003L.js.map → timeline-B2fgDL4U.js.map} +1 -1
- package/dist/timeline.d.ts +1 -1
- package/dist/timeline.js +1 -1
- package/dist/{tooltip-BMTSUPBU.d.ts → tooltip-BlvBUQxx.d.ts} +2 -3
- package/dist/tooltip-BlvBUQxx.d.ts.map +1 -0
- package/dist/transitory-label.d.ts +30 -0
- package/dist/transitory-label.d.ts.map +1 -0
- package/dist/transitory-label.js +249 -0
- package/dist/transitory-label.js.map +1 -0
- package/dist/{tree-CqPhQRHo.js → tree-BO6BXI2b.js} +9 -10
- package/dist/{tree-CqPhQRHo.js.map → tree-BO6BXI2b.js.map} +1 -1
- package/dist/{tree-component-CDLO1ITF.d.ts → tree-component-BvV4muxx.d.ts} +8 -124
- package/dist/tree-component-BvV4muxx.d.ts.map +1 -0
- package/dist/tree.d.ts +9 -4
- package/dist/tree.d.ts.map +1 -1
- package/dist/tree.js +1 -1
- package/dist/types-Bc23SI94.d.ts +72 -0
- package/dist/types-Bc23SI94.d.ts.map +1 -0
- package/dist/types-DlVNJez_.d.ts +41 -0
- package/dist/types-DlVNJez_.d.ts.map +1 -0
- package/dist/vertical-list.d.ts +122 -0
- package/dist/vertical-list.d.ts.map +1 -0
- package/dist/vertical-list.js +737 -0
- package/dist/vertical-list.js.map +1 -0
- package/dist/{wheel-nudge-Dhzi5nHc.js → wheel-nudge-BlSCe_hD.js} +2 -2
- package/dist/{wheel-nudge-Dhzi5nHc.js.map → wheel-nudge-BlSCe_hD.js.map} +1 -1
- package/dist/{wheel-nudge-C-ra_1os.d.ts → wheel-nudge-DgMTRYlh.d.ts} +1 -2
- package/dist/wheel-nudge-DgMTRYlh.d.ts.map +1 -0
- package/dist/{xy-axis-CtDDQzGZ.d.ts → xy-axis-5KhVTNoX.d.ts} +8 -6
- package/dist/xy-axis-5KhVTNoX.d.ts.map +1 -0
- package/dist/{xy-axis-BpA2eJq6.js → xy-axis-B6yMjckW.js} +8 -112
- package/dist/xy-axis-B6yMjckW.js.map +1 -0
- package/dist/xy-pad.d.ts +1 -2
- package/dist/xy-pad.d.ts.map +1 -1
- package/dist/xy-pad.js +2 -2
- package/dist/xy-pad.js.map +1 -1
- package/docs-user/README.md +4 -2
- package/docs-user/data-grid.md +248 -0
- package/docs-user/index.json +222 -0
- package/docs-user/llms.txt +58 -0
- package/docs-user/rating.md +102 -0
- package/docs-user/toolbar.md +135 -0
- package/llms.txt +58 -0
- package/package.json +21 -11
- package/dist/crumb-navigation-Pif-kupA.js +0 -1221
- package/dist/crumb-navigation-Pif-kupA.js.map +0 -1
- package/dist/defaults-BkWCPJFL.js.map +0 -1
- package/dist/hex-editor-CMIxtNgT.d.ts.map +0 -1
- package/dist/icon-Bd5BiU4b.d.ts.map +0 -1
- package/dist/icon-CK14NUcE.js.map +0 -1
- package/dist/icons.js.map +0 -1
- package/dist/incr-search-CeERfijK.js.map +0 -1
- package/dist/index-BslNaMLo.d.ts.map +0 -1
- package/dist/index-Cdmrn0SZ.d.ts.map +0 -1
- package/dist/index-CkMIKEWp.d.ts.map +0 -1
- package/dist/index-D87kRcEs.d.ts.map +0 -1
- package/dist/index-DrKRD8_a.d.ts.map +0 -1
- package/dist/index-tX6fKF8m.d.ts.map +0 -1
- package/dist/interaction-_Y2qO3QI.js +0 -1
- package/dist/labelled-input-base-ORb1rGq6.d.ts.map +0 -1
- package/dist/menu-BiFarLUA.js +0 -826
- package/dist/menu-BiFarLUA.js.map +0 -1
- package/dist/menu-item-AtoP6bD4.d.ts.map +0 -1
- package/dist/menu-item-yHSPV8nS.js +0 -783
- package/dist/menu-item-yHSPV8nS.js.map +0 -1
- package/dist/radial-input-C4f-2Bya.js.map +0 -1
- package/dist/radial-input-Dhu5ZGP5.d.ts.map +0 -1
- package/dist/registry-CkW7q09Q.js +0 -21
- package/dist/registry-CkW7q09Q.js.map +0 -1
- package/dist/selecthorizontal.d.ts +0 -16
- package/dist/selecthorizontal.d.ts.map +0 -1
- package/dist/selecthorizontal.js +0 -43
- package/dist/selecthorizontal.js.map +0 -1
- package/dist/slider-input-BEaztT-g.d.ts.map +0 -1
- package/dist/tab-list-B8v9KntS.d.ts.map +0 -1
- package/dist/tab-list-CR0v53KJ.js +0 -615
- package/dist/tab-list-CR0v53KJ.js.map +0 -1
- package/dist/tickled-controller-JDOR9B8V.d.ts.map +0 -1
- package/dist/tickled-styles-Bgo_Lpw-.js.map +0 -1
- package/dist/tooltip-BMTSUPBU.d.ts.map +0 -1
- package/dist/tree-component-CDLO1ITF.d.ts.map +0 -1
- package/dist/types-DSfbtHs3.d.ts +0 -8
- package/dist/types-DSfbtHs3.d.ts.map +0 -1
- package/dist/wheel-nudge-C-ra_1os.d.ts.map +0 -1
- package/dist/xy-axis-BpA2eJq6.js.map +0 -1
- package/dist/xy-axis-CtDDQzGZ.d.ts.map +0 -1
- package/docs-user/selecthorizontal.md +0 -32
- /package/bundle/{chunk-D7D4PA-g.js → rolldown-runtime-D7D4PA-g.js} +0 -0
- /package/dist/{chunk-D7D4PA-g.js → rolldown-runtime-D7D4PA-g.js} +0 -0
package/dist/tree.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","names":[],"sources":["../src/tree/tree-base.ts","../src/tree/tree-list.ts","../src/tree/tree-controller.ts"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"tree.d.ts","names":[],"sources":["../src/tree/types.ts","../src/tree/tree-base.ts","../src/tree/tree-list.ts","../src/tree/tree-controller.ts"],"mappings":";;;;;;;;KAqCY;EACV;;;;cCEW,wBAAwB,sBAAsB,eAAe;;EAExE,MAAM;EAGN,OAAO;;EAIP,cAAc;EAGd,aAAa;EAGb,iBAAiB;;EAIjB,iBAAiB;EAGjB,cAAc;YAGJ,gBAAc,IAAA;MAEpB,iBAAiB,YAAY;EAKjC,iBAAiB;EAGjB;EAGA,UAAU;YAGA,eAAa;YAEb,SAAO;YAWP;EAaD,QAAQ,cAAc;EA4CtB;EAmBA;EAYT,aAAa;EAIb,UAAU,QAAQ,QAAQ;EAO1B,OAAO,MAAM;EAWb,SAAS,MAAM;EAYf;EASA;EAoBA;EAiBA,WAAW;EAoCX,eAAe,YAAY,MAAM;EASjC,YAAY;IAAgB,MAAM;IAAU;;YA6DlC,kBAAkB,MAAM,UAAU,iBAAiB,wBAAwB;YAW3E,iBAAiB,MAAM,UAAU,eAAe,QAAQ;YAuJxD,qBAAqB,OAAO,YAAY,MAAM,UAAU;YAsJxD,YAAY,MAAM;YAIlB,WAAW,MAAM;YAIjB,YAAY,MAAM;gBAiBd,gBAAgB;YAsRpB,0BAA0B,wBAAwB;YAIzC,UAAM;YAoDf,YAAY,MAAM,UAAU,gBAAgB;SAiCtC,sBAAM;;QA4GhB;YACI;IACR,kBAAkB;;;UAIL,gCAAgC;EAC/C,cAAc;EACd,UAAU;EACV,YAAY;EACZ,UAAU;EACV,UAAU;EACV,YAAY;;UAGG;EACf,oBAAoB,gBAAgB,yBAClC,MAAM,GACN,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aACjE,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB;EAEtB,uBAAuB,gBAAgB,yBACrC,MAAM,GACN,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aACjE,oBAAoB,mCAEpB,cACA,UAAU,oCACV,oBAAoB;;;;;KCjrCZ;cAiBC,wBAAwB;;;;;;;;;;;;;;;;;;;;;EAqBnC,oBAAoB,OAAO;YAIR,UAAM;YAsBN,kBAAkB,MAAM,UAAU,gBAAgB;YAsDlD,YAAY,MAAM,UAAU,gBAAgB;SA0B/C,sBAAM;;QAqFhB;YACI;IACR,kBAAkB;;;UAIL;EACf,oBAAoB,gBAAgB,yBAClC,MAAM,GACN,WAAW,MAAM,iBAAiB,OAAO,wBAAwB,aACjE,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB;;;;KC1PZ,sBAAsB;EAChC,cAAc,OAAO,GAAG,MAAM,gBAAgB,OAAO;;cAG1C,eAAe;;EAWxB,YAAA,MAAM,gBAAgB,IACtB,SAAS,iBACT,SAAS,sBAAsB;EAOjC;EAwBA;EAKA,gBAAgB,YAAY,OAAO"}
|
package/dist/tree.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-
|
|
1
|
+
import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-BO6BXI2b.js";
|
|
2
2
|
export { TreeBaseElement, TreeController, TreeDataModel, TreeListElement };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
|
|
2
|
+
//#region src/common/types.d.ts
|
|
3
|
+
type TreeItem = {
|
|
4
|
+
/** Unique identifier within the tree. */
|
|
5
|
+
key: string;
|
|
6
|
+
/** Visible label text. */
|
|
7
|
+
label: string;
|
|
8
|
+
/** When true the node cannot have children and will not show an expand affordance. */
|
|
9
|
+
isLeaf?: boolean;
|
|
10
|
+
/** Arbitrary application data associated with this node. */
|
|
11
|
+
data?: unknown;
|
|
12
|
+
/** Icon name passed to an icon component, if icons are enabled. */
|
|
13
|
+
icon?: string;
|
|
14
|
+
/** Tooltip text shown on hover. */
|
|
15
|
+
tooltip?: string;
|
|
16
|
+
/** Optional string value, e.g. for use as a command/route. */
|
|
17
|
+
value?: string;
|
|
18
|
+
};
|
|
19
|
+
/** A node in the tree, potentially containing lazily-loaded children. */
|
|
20
|
+
type TreeNode = {
|
|
21
|
+
item: TreeItem;
|
|
22
|
+
/**
|
|
23
|
+
* Child nodes.
|
|
24
|
+
* - `undefined` = children not yet loaded (component will call loadChildren if set)
|
|
25
|
+
* - `[]` = confirmed leaf / empty branch
|
|
26
|
+
* - non-empty array = loaded children
|
|
27
|
+
*/
|
|
28
|
+
children?: TreeNode[];
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* Callback invoked when a node's children need to be loaded.
|
|
32
|
+
* The AbortSignal is cancelled if the request is superseded (e.g. node collapsed before load completes).
|
|
33
|
+
* May return children synchronously, as a promise, or as a streaming async iterable of batches.
|
|
34
|
+
*/
|
|
35
|
+
type LoadChildrenCallback = IDataProvider<{
|
|
36
|
+
node: TreeNode;
|
|
37
|
+
depth: number;
|
|
38
|
+
}, TreeNode>;
|
|
39
|
+
/**
|
|
40
|
+
* Predicate used by search/filter controllers to determine whether a node should be visible.
|
|
41
|
+
* Receives depth so column-scoped filtering (e.g. in ixfx-miller-list) is possible.
|
|
42
|
+
* Tree implementations that do not need depth can simply ignore the parameter.
|
|
43
|
+
*/
|
|
44
|
+
type TreeFilterPredicate = (node: TreeNode, depth: number) => boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Controls how expanding a node affects its siblings.
|
|
47
|
+
* - `'none'` — no constraint; any number of nodes may be expanded simultaneously
|
|
48
|
+
* - `'depth'` — only one sibling at the same depth may be expanded at a time (accordion)
|
|
49
|
+
* - `'global'` — only one node anywhere in the tree may be expanded at a time
|
|
50
|
+
*/
|
|
51
|
+
type TreeExclusivity = `none` | `depth` | `global`;
|
|
52
|
+
/**
|
|
53
|
+
* Restricts which kinds of nodes may enter the selection.
|
|
54
|
+
* Applied as a guard in all interaction modes.
|
|
55
|
+
* - `'none'` — no node can be selected (read-only / display-only)
|
|
56
|
+
* - `'leaf'` — only leaf nodes are selectable
|
|
57
|
+
* - `'branch'` — only branch nodes (nodes with children) are selectable
|
|
58
|
+
* - `'all'` — both leaf and branch nodes are selectable
|
|
59
|
+
*/
|
|
60
|
+
type TreeSelectionFilter = `none` | `leaf` | `branch` | `all`;
|
|
61
|
+
/**
|
|
62
|
+
* Controls how pointer and keyboard gestures map to selection changes.
|
|
63
|
+
* - `'implicit'` — single selection that follows the click; clicking always selects + toggles expand
|
|
64
|
+
* - `'standard'` — single click selects+toggles; Ctrl/Cmd+click toggles item; Shift+click range-selects
|
|
65
|
+
* - `'manual'` — component never auto-selects; use `select()`/`deselect()`/`clearSelection()` to drive state
|
|
66
|
+
* - `'checked'` — checkboxes on every item; checkbox click toggles selection recursively; row click only expands/collapses
|
|
67
|
+
* - `'vscode'` — like `standard` for clicks; Shift+arrow uses snapshot-based toggle-range
|
|
68
|
+
*/
|
|
69
|
+
type TreeInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
|
|
70
|
+
//#endregion
|
|
71
|
+
export { TreeItem as a, TreeInteractionMode as i, TreeExclusivity as n, TreeNode as o, TreeFilterPredicate as r, TreeSelectionFilter as s, LoadChildrenCallback as t };
|
|
72
|
+
//# sourceMappingURL=types-Bc23SI94.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types-Bc23SI94.d.ts","names":[],"sources":["../src/common/types.ts"],"mappings":";;KAQY;;EAEV;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;KAIU;EACV,MAAM;;;;;;;EAON,WAAW;;;;;;;KAQD,uBAAuB;EAAgB,MAAM;EAAU;GAAiB;;;;;;KAOxE,uBAAuB,MAAM,UAAU;;;;;;;KAQvC;;;;;;;;;KAUA;;;;;;;;;KAUA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
//#region src/vertical-list/types.d.ts
|
|
2
|
+
type ListSelectionMode = `none` | `single` | `multiple`;
|
|
3
|
+
/**
|
|
4
|
+
* Controls how pointer and keyboard gestures map to selection changes.
|
|
5
|
+
*
|
|
6
|
+
* - `implicit` — click always replaces selection (no modifier support)
|
|
7
|
+
* - `standard` — click replaces; Ctrl/Cmd+click toggles; Shift+click range-selects (multiple only)
|
|
8
|
+
* - `manual` — no auto-selection; drive state via select()/deselect()/clearSelection()
|
|
9
|
+
* - `checked` — every click toggles; implies multiple selection regardless of selectionMode
|
|
10
|
+
* - `sticky` — every tap/click toggles (no checkbox column); implies multiple selection, for touchscreens
|
|
11
|
+
* - `vscode` — like standard for clicks; Shift+Arrow extends range from the keyboard anchor
|
|
12
|
+
*
|
|
13
|
+
* Switching interactionMode clears the current selection.
|
|
14
|
+
*/
|
|
15
|
+
type ListInteractionMode = `implicit` | `standard` | `manual` | `checked` | `sticky` | `vscode`;
|
|
16
|
+
type ListSelectDetail = {
|
|
17
|
+
readonly selected: ReadonlySet<Element>;
|
|
18
|
+
readonly previous: ReadonlySet<Element>;
|
|
19
|
+
};
|
|
20
|
+
type ListTickleDetail = {
|
|
21
|
+
readonly item: Element;
|
|
22
|
+
};
|
|
23
|
+
type ListActivateDetail = {
|
|
24
|
+
readonly item: Element;
|
|
25
|
+
};
|
|
26
|
+
type ListItemClickDetail = {
|
|
27
|
+
readonly item: Element;
|
|
28
|
+
};
|
|
29
|
+
type ListSelectEvent = CustomEvent<ListSelectDetail>;
|
|
30
|
+
type ListTickleEvent = CustomEvent<ListTickleDetail>;
|
|
31
|
+
type ListActivateEvent = CustomEvent<ListActivateDetail>;
|
|
32
|
+
type ListItemClickEvent = CustomEvent<ListItemClickDetail>;
|
|
33
|
+
interface ListElementEventMap {
|
|
34
|
+
'list-select': ListSelectEvent;
|
|
35
|
+
'list-tickle': ListTickleEvent;
|
|
36
|
+
'list-activate': ListActivateEvent;
|
|
37
|
+
'list-item-click': ListItemClickEvent;
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { ListItemClickDetail as a, ListSelectEvent as c, ListTickleEvent as d, ListInteractionMode as i, ListSelectionMode as l, ListActivateEvent as n, ListItemClickEvent as o, ListElementEventMap as r, ListSelectDetail as s, ListActivateDetail as t, ListTickleDetail as u };
|
|
41
|
+
//# sourceMappingURL=types-DlVNJez_.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types-DlVNJez_.d.ts","names":[],"sources":["../src/vertical-list/types.ts"],"mappings":";KAAY;;;;;;;;;;;;;KAcA;KAEA;WACD,UAAU,YAAY;WACtB,UAAU,YAAY;;KAGrB;WACD,MAAM;;KAGL;WACD,MAAM;;KAGL;WACD,MAAM;;KAGL,kBAAkB,YAAY;KAC9B,kBAAkB,YAAY;KAC9B,oBAAoB,YAAY;KAChC,qBAAqB,YAAY;UAE5B;EACf,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,mBAAmB"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./types-DlVNJez_.js";
|
|
2
|
+
import { LitElement, PropertyValues } from "lit";
|
|
3
|
+
import { CommandId } from "@clinth/ui-commands";
|
|
4
|
+
//#region src/vertical-list/vertical-list.d.ts
|
|
5
|
+
interface CustomCheckboxOptions {
|
|
6
|
+
renderer: (checked: boolean) => unknown;
|
|
7
|
+
margin?: string;
|
|
8
|
+
width?: string;
|
|
9
|
+
}
|
|
10
|
+
interface AddItemOptions {
|
|
11
|
+
/**
|
|
12
|
+
* In `checked` interaction mode, adds the item without a checkbox column and
|
|
13
|
+
* without the ability to be checked/selected. Equivalent to setting the
|
|
14
|
+
* `not-checked` attribute on the item. Ignored outside `checked` mode.
|
|
15
|
+
*/
|
|
16
|
+
notChecked?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare class VerticalListElement extends LitElement {
|
|
19
|
+
#private;
|
|
20
|
+
selectionMode: ListSelectionMode;
|
|
21
|
+
interactionMode: ListInteractionMode;
|
|
22
|
+
filterPredicate: ((el: Element) => boolean) | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* Optional renderer for the checkbox shown in `checked` interactionMode.
|
|
25
|
+
* Receives the current `checked` state and returns a Lit template result.
|
|
26
|
+
*
|
|
27
|
+
* When set, the per-row checkbox becomes a `<span role="checkbox">` whose
|
|
28
|
+
* contents are whatever this returns (rendered with `lit`'s `render()`).
|
|
29
|
+
* When unset, a native `<input type="checkbox">` is used.
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* list.checkboxRenderer = (checked) => checked
|
|
33
|
+
* ? html`<svg viewBox="0 0 16 16" width="14" height="14"
|
|
34
|
+
* fill="none" stroke="currentColor" stroke-width="2"
|
|
35
|
+
* stroke-linecap="round" stroke-linejoin="round"
|
|
36
|
+
* style="opacity:0.5">
|
|
37
|
+
* <polyline points="3,8 7,12 13,4" />
|
|
38
|
+
* </svg>`
|
|
39
|
+
* : html``;
|
|
40
|
+
*/
|
|
41
|
+
checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
|
|
42
|
+
private _selectedItems;
|
|
43
|
+
private _searchVisible;
|
|
44
|
+
private _searchQuery;
|
|
45
|
+
private _searchInputEl;
|
|
46
|
+
private tickled;
|
|
47
|
+
connectedCallback(): void;
|
|
48
|
+
disconnectedCallback(): void;
|
|
49
|
+
firstUpdated(): void;
|
|
50
|
+
updated(changed: PropertyValues): void;
|
|
51
|
+
/** The most recently selected item, or `undefined` if nothing is selected. */
|
|
52
|
+
get selectedItem(): Element | undefined;
|
|
53
|
+
/** The full current selection set (read-only). */
|
|
54
|
+
get selectedItems(): ReadonlySet<Element>;
|
|
55
|
+
addItem(item: Element | string, options?: AddItemOptions): void;
|
|
56
|
+
removeItem(item: Element): void;
|
|
57
|
+
clearItems(): void;
|
|
58
|
+
/**
|
|
59
|
+
* Replace the entire item list in one call.
|
|
60
|
+
* Equivalent to `clearItems()` followed by `addItem()` for each element.
|
|
61
|
+
* Preserves `interactionMode` checkbox wrapping.
|
|
62
|
+
*/
|
|
63
|
+
setItems(items: readonly Element[]): void;
|
|
64
|
+
/**
|
|
65
|
+
* Dispatch a command to this list. No-op by default.
|
|
66
|
+
* Intended for use with `ixfx-grouped-item-lister`'s `dispatch()` method,
|
|
67
|
+
* which forwards commands to all sub-components.
|
|
68
|
+
*/
|
|
69
|
+
dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
|
|
70
|
+
select(item: Element): void;
|
|
71
|
+
selectMany(items: Iterable<Element>): void;
|
|
72
|
+
deselect(item: Element): void;
|
|
73
|
+
clearSelection(): void;
|
|
74
|
+
selectAll(): void;
|
|
75
|
+
selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
|
|
76
|
+
private _replaceSelection;
|
|
77
|
+
private _toggleItem;
|
|
78
|
+
private _rangeSelectTo;
|
|
79
|
+
private _clearSelection;
|
|
80
|
+
private _selectAll;
|
|
81
|
+
private _handleClickSelection;
|
|
82
|
+
private _handleSpaceKey;
|
|
83
|
+
private _getVisibleItems;
|
|
84
|
+
private _isCheckable;
|
|
85
|
+
private _syncItemStates;
|
|
86
|
+
private _syncCheckboxes;
|
|
87
|
+
/**
|
|
88
|
+
* Native checkbox cell: a span that stretches to the row's full cross-axis
|
|
89
|
+
* (so the entire column height is a click target) with a real `<input>`
|
|
90
|
+
* centred inside. The span owns the click; the input is purely visual and
|
|
91
|
+
* has `pointer-events:none` so a single click produces one toggle.
|
|
92
|
+
*/
|
|
93
|
+
private _createNativeCheckboxCell;
|
|
94
|
+
/**
|
|
95
|
+
* Custom checkbox cell: same shape as the native cell (a stretching span)
|
|
96
|
+
* so behaviour is identical. The renderer's content goes inside.
|
|
97
|
+
*/
|
|
98
|
+
private _createCustomCheckbox;
|
|
99
|
+
private _findListItem;
|
|
100
|
+
private _dispatch;
|
|
101
|
+
private _openSearch;
|
|
102
|
+
private _closeSearch;
|
|
103
|
+
private _onPointerOver;
|
|
104
|
+
private _onPointerLeave;
|
|
105
|
+
private _onKeyDown;
|
|
106
|
+
private _onClick;
|
|
107
|
+
private _onDblClick;
|
|
108
|
+
private _activateItem;
|
|
109
|
+
private _onSearchInput;
|
|
110
|
+
private _onSearchKeydown;
|
|
111
|
+
static styles: import("lit").CSSResult[];
|
|
112
|
+
render(): import("lit").TemplateResult<1>;
|
|
113
|
+
}
|
|
114
|
+
declare global {
|
|
115
|
+
interface HTMLElementTagNameMap {
|
|
116
|
+
'ixfx-vertical-list': VerticalListElement;
|
|
117
|
+
}
|
|
118
|
+
interface HTMLElementEventMap extends ListElementEventMap {}
|
|
119
|
+
}
|
|
120
|
+
//#endregion
|
|
121
|
+
export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, VerticalListElement };
|
|
122
|
+
//# sourceMappingURL=vertical-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-list.d.ts","names":[],"sources":["../src/vertical-list/vertical-list.ts"],"mappings":";;;;UAiCiB;EACf,WAAW;EACX;EACA;;UAGe;;;;;;EAMf;;cAWW,4BAA4B;;EAEvC,eAAe;EAGf,iBAAiB;EAGjB,mBAAmB,IAAI;;;;;;;;;;;;;;;;;;;EAqBvB,oBAAoB,gCAAgC;UAEnC;UACA;UACA;UAGT;UAQA;EAUC;EAWA;EAWA;EAcA,QAAQ,SAAS;;MAoCtB,gBAAgB;;MAKhB,iBAAiB,YAAY;EAIjC,QAAQ,MAAM,kBAAkB,UAAU;EAgB1C,WAAW,MAAM;EAIjB;;;;;;EAaA,SAAS,gBAAgB;;;;;;EAczB,SAAS,YAAY,WAAW,QAAQ;EAExC,OAAO,MAAM;EAIb,WAAW,OAAO,SAAS;EAc3B,SAAS,MAAM;EAWf;EAIA;EAME,eAAe,0CAA0C,UAAU;UAsB7D;UAcA;UAwBA;UAuBA;UASA;UAeA;UA0CA;UAeA;UAgBA;UAOA;UAiBA;;;;;;;UA6FA;;;;;UAuBA;UAcA;UAYA;UAQA;UAKA;UASA;UAMA;UAIA;UA+DA;UAQA;UAMA;UAQA;UAMA;SAwBQ,sBAAM;EAoKb,wBAAM;;QA0BT;YACI;IACR,sBAAsB;;YAGd,4BAA4B"}
|