@ixfx/components 0.16.5 → 0.17.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 +4093 -1746
- package/bundle/index.js +1083 -226
- package/bundle/rolldown-runtime-CAoDHAWh.js +1 -0
- package/dist/ac-text.d.ts +11 -14
- package/dist/ac-text.js +8 -9
- package/dist/{ac-token-qEs3FsQv.d.ts → ac-token-CTBa93hF.d.ts} +2 -6
- package/dist/ac-token.d.ts +1 -1
- package/dist/ac-token.js +8 -9
- package/dist/{button-ikByJJPN.js → button-BOX1dfyd.js} +5 -7
- package/dist/{button-N92DKoWb.d.ts → button-DyJyyCsb.d.ts} +0 -4
- package/dist/button.d.ts +1 -1
- package/dist/button.js +1 -2
- package/dist/checkbox.d.ts +42 -9
- package/dist/checkbox.js +4 -5
- package/dist/{checked-select-CBUidG7n.js → checked-select-BmwqpgGr.js} +8 -10
- package/dist/{checked-select-CglRukbP.d.ts → checked-select-CNv5zNvR.d.ts} +0 -4
- package/dist/checked-select.d.ts +33 -1
- package/dist/checked-select.js +1 -2
- package/dist/{colour-picker-DwAa6RDh.js → colour-picker-D8g-bTSF.js} +6 -9
- package/dist/colour-picker.d.ts +1 -1
- package/dist/colour-picker.js +1 -2
- package/dist/{crumb-navigation-D3ndPgFg.js → crumb-navigation-D7dAC0H-.js} +11 -13
- package/dist/{crumb-navigation-BbqfmkYs.d.ts → crumb-navigation-Tm4fnsvN.d.ts} +6 -10
- package/dist/crumbs.d.ts +1 -1
- package/dist/crumbs.js +1 -2
- package/dist/{data-controller-DOlmqNKb.js → data-controller-q-rXRMzJ.js} +1 -2
- package/dist/data-display.d.ts +5 -8
- package/dist/data-display.js +3 -4
- package/dist/{data-grid-8TsiF2ES.js → data-grid-BcO3SMac.js} +20 -23
- package/dist/{data-grid-CslzF16R.d.ts → data-grid-vasJtjFP.d.ts} +9 -15
- package/dist/data-grid.d.ts +2 -2
- package/dist/data-grid.js +1 -2
- package/dist/{data-provider-35TyWclX.js → data-provider-C6ZNAcaT.js} +1 -2
- package/dist/{data-provider-BAn_-oR1.d.ts → data-provider-Cq_ylpET.d.ts} +0 -2
- package/dist/date-input.d.ts +9 -12
- package/dist/date-input.js +3 -4
- package/dist/{decorate-VRK8rslU.js → decorate-Dxs8sFX8.js} +2 -4
- package/dist/{defaults-B4ePs4LB.js → defaults-_6ELsqLb.js} +2 -3
- package/dist/{detail-list-n1MbNbhF.d.ts → detail-list-E9WdMVbE.d.ts} +10 -16
- package/dist/{detail-list-w3GXKO2k.js → detail-list-vPVwE1CP.js} +17 -20
- package/dist/detail-list.d.ts +5 -5
- package/dist/detail-list.js +1 -2
- package/dist/{drag-ghost-DtSDvjri.js → drag-ghost-DNWu_RyN.js} +1 -2
- package/dist/{editable-label-rzXkjf1H.d.ts → editable-label-CiHCDlhC.d.ts} +0 -2
- package/dist/editable-label.d.ts +31 -1
- package/dist/editable-label.js +3 -4
- package/dist/{fallbacks-DQ_5OsmR.js → fallbacks-BPjjBoED.js} +1 -2
- package/dist/{flat-list-D_4y3wgn.d.ts → flat-list-CfutGqKY.d.ts} +8 -12
- package/dist/flat-list.d.ts +1 -1
- package/dist/flat-list.js +10 -11
- package/dist/{form-CY0nibZ5.js → form-Cxx2sO8_.js} +5 -9
- package/dist/{form-BGZK3jZd.d.ts → form-raTQNAWF.d.ts} +0 -4
- package/dist/form.d.ts +1 -1
- package/dist/form.js +1 -2
- package/dist/{grid-list-Cz2tKcNZ.js → grid-list-D2hinM64.js} +275 -41
- package/dist/{grid-list-CqYS28NY.d.ts → grid-list-OCdjuhng.d.ts} +60 -24
- package/dist/grid-list.d.ts +5 -5
- package/dist/grid-list.js +1 -2
- package/dist/{grouped-item-lister-CS4yInuw.d.ts → grouped-item-lister-1MlvJORP.d.ts} +2 -6
- package/dist/grouped-item-lister.d.ts +1 -1
- package/dist/grouped-item-lister.js +3 -4
- package/dist/{grouping-CUKgmkMm.d.ts → grouping-OoQ8WaKc.d.ts} +0 -2
- package/dist/{grouping-RYPnHkrS.js → grouping-kENdqzSV.js} +1 -2
- package/dist/{handle-DAXs7kbJ.js → handle-BVUWv97X.js} +1 -2
- package/dist/{hex-editor-Caq8vNQk.d.ts → hex-editor-BCBKRU9D.d.ts} +0 -4
- package/dist/{hex-editor-DiYpgIKs.js → hex-editor-DephDhuu.js} +12 -13
- package/dist/hex.d.ts +1 -1
- package/dist/hex.js +1 -2
- package/dist/{highlight-B-eQrhhb.js → highlight-noLHFSKZ.js} +1 -2
- package/dist/{icon-CDGprSdE.d.ts → icon-Bhz0c6Yf.d.ts} +0 -2
- package/dist/{icon-1gpwtPx8.js → icon-DvTQuylG.js} +4 -5
- package/dist/icons.d.ts +2 -2
- package/dist/icons.js +4 -5
- package/dist/{incr-search-Dc6gYpJG.js → incr-search-C5114RxZ.js} +14 -26
- package/dist/incr-search.d.ts +1 -1
- package/dist/incr-search.js +2 -2
- package/dist/{index-ZaA90u09.d.ts → index-0smh4WCH.d.ts} +3 -21
- package/dist/{index-VAs9akt4.d.ts → index-88ra6YHP.d.ts} +8 -22
- package/dist/{index-UvnoZUAo.d.ts → index-B7odjrlg.d.ts} +4 -8
- package/dist/{index-Bm9a9S3_.d.ts → index-CRLTVAyt.d.ts} +4 -30
- package/dist/{index-9ttcdwlL.d.ts → index-Cdcek1Oj.d.ts} +1 -3
- package/dist/index-Cn0qsz9a.d.ts +1632 -0
- package/dist/{index-YCDugjdu.d.ts → index-CzhYJJsx.d.ts} +7 -17
- package/dist/{index-CYndvTWH.d.ts → index-D6N4Lzek.d.ts} +1 -5
- package/dist/{index-CoqtMSd9.d.ts → index-DN6kC6an.d.ts} +1 -3
- package/dist/{index-DV3iaUBW2.d.ts → index-DrYQBts2.d.ts} +0 -14
- package/dist/{index-o-CWDt11.d.ts → index-DzocgUef.d.ts} +0 -4
- package/dist/{index-DN2BWctP.d.ts → index-PIrgX1bP.d.ts} +1 -7
- package/dist/index.d.ts +364 -491
- package/dist/index.js +139 -207
- package/dist/interaction-8Kbbf6xN.js +3 -0
- package/dist/{item-appearance-BjcMyauw.js → item-appearance-FRO3TRFI.js} +1 -2
- package/dist/{keyboard-B5xD7Fz-.js → keyboard-DMwjIYh7.js} +0 -1
- package/dist/{labelled-input-base-BFa4xlYV.js → labelled-input-base-KUhD02dh.js} +3 -5
- package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-jyr_SR6t.d.ts} +0 -2
- package/dist/labelled-radial-input.d.ts +4 -7
- package/dist/labelled-radial-input.js +5 -6
- package/dist/labelled-range-input.d.ts +1 -1
- package/dist/labelled-range-input.js +3 -4
- package/dist/{labelled-slider-input-FdCRi6st.js → labelled-slider-input-CfRKd5kC.js} +9 -11
- package/dist/labelled-slider-input.d.ts +1 -1
- package/dist/labelled-slider-input.js +1 -2
- package/dist/led.d.ts +3 -6
- package/dist/led.js +2 -3
- package/dist/list-group-header.d.ts +3 -6
- package/dist/list-group-header.js +3 -4
- package/dist/{list-native-drag-controller-CcXoS0YX.js → list-native-drag-controller-ByftBooJ.js} +5 -9
- package/dist/{list-native-drag-controller-D_UrXipS.d.ts → list-native-drag-controller-CgXKdmjr.d.ts} +1 -3
- package/dist/{list-selection-controller-D4iIrvJH.js → list-selection-controller-Dkh3m3hX.js} +3 -5
- package/dist/{list-selection-types-Dnamh2Lu.d.ts → list-selection-types-CKTt7Rrw.d.ts} +0 -2
- package/dist/{list-viewport-types-BRZsLcvp.d.ts → list-viewport-types-BJ8c6qur.d.ts} +0 -2
- package/dist/{menu-BX1FHxY8.js → menu-C3DhTjHx.js} +17 -27
- package/dist/{menu-item-oxU1VKiJ.js → menu-item-BSxhlWnW.js} +30 -15
- package/dist/{menu-item-bF6narIz.d.ts → menu-item-DJhaWy9z.d.ts} +10 -7
- package/dist/menu.d.ts +2 -2
- package/dist/menu.js +2 -2
- package/dist/{miller-BrmBywNZ.js → miller-DqDEaXqT.js} +15 -19
- package/dist/miller.d.ts +3 -3
- package/dist/miller.js +1 -2
- package/dist/narrowed-text.d.ts +1 -1
- package/dist/narrowed-text.js +8 -9
- package/dist/node-graph-DqEGv5QR.js +5369 -0
- package/dist/node-graph.d.ts +2 -0
- package/dist/node-graph.js +1 -0
- package/dist/{notification-pill-DyZydXoZ.d.ts → notification-pill-BiHEJk-o.d.ts} +0 -4
- package/dist/notifier.d.ts +1 -1
- package/dist/notifier.js +4 -5
- package/dist/{pan-text-CoYmt2qd.d.ts → pan-text-DKe2zinH.d.ts} +0 -2
- package/dist/{pan-text-CqtvjPyK.js → pan-text-DrJYKQKN.js} +3 -4
- package/dist/panel.d.ts +11 -14
- package/dist/panel.js +3 -4
- package/dist/{partial-keys-Ck6CiprB.js → partial-keys-D4l_ede_.js} +2 -3
- package/dist/{pending-BGidHppL.js → pending-Afl4LT64.js} +1 -2
- package/dist/plots.d.ts +1 -1
- package/dist/plots.js +1 -2
- package/dist/polar-pad.d.ts +5 -7
- package/dist/polar-pad.js +6 -7
- package/dist/{popup-D80sj2QC.js → popup-D8IxN1Eq.js} +1 -2
- package/dist/{prominence-DlFShic3.js → prominence-BOOQVWF-.js} +1 -2
- package/dist/{radial-input-KMVltQfe.js → radial-input-Cxys4TOG.js} +7 -9
- package/dist/{radial-input-DU6t2hYO.d.ts → radial-input-DNCSwRGF.d.ts} +1 -5
- package/dist/radial-input.d.ts +10 -1
- package/dist/radial-input.js +1 -2
- package/dist/range-input.d.ts +4 -6
- package/dist/range-input.js +5 -6
- package/dist/range.d.ts +4 -6
- package/dist/range.js +6 -7
- package/dist/{registry-BEtb8_wB.js → registry-DcF0fO7l.js} +1 -2
- package/dist/rolldown-runtime-D3KUYPsf.js +12 -0
- package/dist/{scroll-fade-Xx28D7mH.js → scroll-fade-DH8OXSqL.js} +1 -2
- package/dist/{scroll-hover-guard-Cjw6179Q.js → scroll-hover-guard-BGAjtyXT.js} +1 -2
- package/dist/select-horiz.d.ts +7 -9
- package/dist/select-horiz.js +8 -9
- package/dist/{slider-input-ByHdotzp.js → slider-input-C3mbUBZi.js} +6 -8
- package/dist/{slider-input-BxURAAmD.d.ts → slider-input-DHLGJKWF.d.ts} +1 -5
- package/dist/slider-input.d.ts +34 -1
- package/dist/slider-input.js +1 -2
- package/dist/snackbar.d.ts +5 -8
- package/dist/snackbar.js +4 -5
- package/dist/snap-container.d.ts +8 -11
- package/dist/snap-container.js +2 -3
- package/dist/{split-layout-DTY4PJRp.js → split-layout-BMN_s6d7.js} +10 -15
- package/dist/{split-layout-CophkNeU.d.ts → split-layout-HytcG1Bn.d.ts} +2 -8
- package/dist/split-layout.d.ts +1 -1
- package/dist/split-layout.js +1 -2
- package/dist/sunburst-tree.d.ts +1 -1
- package/dist/sunburst-tree.js +1 -2
- package/dist/{sunbursttree-list-DQF6DcsS.js → sunbursttree-list-C-FuZB5z.js} +23 -32
- package/dist/{sunbursttree-list-Bk20giTF.d.ts → sunbursttree-list-CsrmVSB8.d.ts} +5 -11
- package/dist/swipe.d.ts +7 -9
- package/dist/swipe.js +5 -6
- package/dist/{tab-list-Df371rqw.d.ts → tab-list-BXMRYJeR.d.ts} +1 -5
- package/dist/{tab-list-R_bGbDvO.js → tab-list-CFJy3hVm.js} +6 -15
- package/dist/tabs.d.ts +1 -1
- package/dist/tabs.js +1 -2
- package/dist/{tickled-controller-D-HZymaZ.js → tickled-controller-BVhGKzjZ.js} +1 -2
- package/dist/{tickled-controller-DodxD3eQ.d.ts → tickled-controller-DSPoG551.d.ts} +0 -2
- package/dist/{tickled-styles-BrAHEj1q.js → tickled-styles-pnieYweS.js} +1 -2
- package/dist/{timeline-BP1Ux2EV.js → timeline-Br5JIeLI.js} +9 -15
- package/dist/timeline.d.ts +1 -1
- package/dist/timeline.js +1 -2
- package/dist/{titlebar-Tqu-VvMU.d.ts → titlebar-BtLAF2ws.d.ts} +1 -3
- package/dist/titlebar.d.ts +1 -1
- package/dist/titlebar.js +4 -5
- package/dist/{tooltip-CJt3WLmN.js → tooltip-B7t_u6EY.js} +1 -2
- package/dist/{tooltip-BlvBUQxx.d.ts → tooltip-Bl4HpBue.d.ts} +0 -2
- package/dist/transitory-label.d.ts +3 -6
- package/dist/transitory-label.js +2 -3
- package/dist/{tree-BaXYyt5U.js → tree-BP5fxvEX.js} +24 -34
- package/dist/{tree-CftHwtEb.js → tree-DUc-iQcg.js} +2 -3
- package/dist/{tree-component-DgfkxmVY.d.ts → tree-component-DNuzfo6R.d.ts} +2 -8
- package/dist/tree.d.ts +3 -3
- package/dist/tree.js +1 -2
- package/dist/{types-LU1u0CB8.d.ts → types-16GC5k1z.d.ts} +0 -2
- package/dist/{types-Jky6oNAp.d.ts → types-6hpXRKt7.d.ts} +1 -3
- package/dist/unit-input.d.ts +11 -14
- package/dist/unit-input.js +3 -4
- package/dist/{vertical-list-o5hfqH87.js → vertical-list-B9z1lbjM.js} +13 -15
- package/dist/{vertical-list-DtHX26JO.d.ts → vertical-list-BzeXehBt.d.ts} +7 -13
- package/dist/vertical-list.d.ts +4 -4
- package/dist/vertical-list.js +1 -2
- package/dist/{view-state-controller-BdyXWUUM.js → view-state-controller-DiPAPiA7.js} +3 -6
- package/dist/{wheel-nudge-D5rmht3v.js → wheel-nudge-DgJzrL28.js} +2 -3
- package/dist/{wheel-nudge-By5s_ioH.d.ts → wheel-nudge-oMFKat9P.d.ts} +1 -3
- package/dist/{xy-axis-DQqd2yXJ.d.ts → xy-axis-Bf6WfOS2.d.ts} +0 -12
- package/dist/{xy-axis-CyMd_Bn1.js → xy-axis-CBpml-3S.js} +11 -20
- package/dist/xy-pad.d.ts +7 -9
- package/dist/xy-pad.js +6 -7
- package/docs-user/README.md +1 -0
- package/docs-user/grid-list.md +65 -0
- package/docs-user/index.json +7 -2
- package/docs-user/llms.txt +1 -0
- package/docs-user/node-graph.md +376 -0
- package/llms.txt +1 -0
- package/package.json +39 -24
- package/bundle/rolldown-runtime-CEoa-xHZ.js +0 -1
- package/dist/interaction-E-uMGHkJ.js +0 -3
- package/dist/rolldown-runtime-D7D4PA-g.js +0 -13
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "lit";
|
|
2
|
-
|
|
2
|
+
// src/interaction/tickled-styles.ts
|
|
3
3
|
/**
|
|
4
4
|
* Shared CSS styles for tickled interaction pattern.
|
|
5
5
|
*
|
|
@@ -83,5 +83,4 @@ const tickledItemStyles = css`
|
|
|
83
83
|
outline-offset: -2px;
|
|
84
84
|
}
|
|
85
85
|
`;
|
|
86
|
-
//#endregion
|
|
87
86
|
export { tickledStyles as n, tickledItemStyles as t };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import {
|
|
3
|
-
import { t as handleStyles } from "./handle-
|
|
1
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
2
|
+
import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
|
|
3
|
+
import { t as handleStyles } from "./handle-BVUWv97X.js";
|
|
4
4
|
import { LitElement, css, html, nothing } from "lit";
|
|
5
5
|
import { property, state } from "lit/decorators.js";
|
|
6
6
|
import "@clinth/vcanvas";
|
|
7
|
-
|
|
7
|
+
// src/timeline/timeline-controller.ts
|
|
8
8
|
/**
|
|
9
9
|
* External adapter class that can configure a timeline element
|
|
10
10
|
* with musical time, custom label formatting, etc.
|
|
@@ -67,8 +67,7 @@ var TimelineController = class {
|
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
|
|
71
|
-
//#region src/timeline/timeline-draw.ts
|
|
70
|
+
// src/timeline/timeline-draw.ts
|
|
72
71
|
const NICE_STEPS = [
|
|
73
72
|
1,
|
|
74
73
|
2,
|
|
@@ -340,8 +339,7 @@ function resolveCssVars(host) {
|
|
|
340
339
|
for (const v of TIMELINE_CSS_VARS) vars[v] = computed.getPropertyValue(v).trim();
|
|
341
340
|
return vars;
|
|
342
341
|
}
|
|
343
|
-
|
|
344
|
-
//#region src/timeline/timeline-interactions.ts
|
|
342
|
+
// src/timeline/timeline-interactions.ts
|
|
345
343
|
/** Hit zone near the edge of an event (px in screen space) */
|
|
346
344
|
const EDGE_HIT_PX = 8;
|
|
347
345
|
/**
|
|
@@ -688,8 +686,7 @@ function fireSelectionChange(host) {
|
|
|
688
686
|
composed: true
|
|
689
687
|
}));
|
|
690
688
|
}
|
|
691
|
-
|
|
692
|
-
//#region src/timeline/timeline-styles.ts
|
|
689
|
+
// src/timeline/timeline-styles.ts
|
|
693
690
|
const timelineStyles = css`
|
|
694
691
|
:host {
|
|
695
692
|
/* Layout */
|
|
@@ -841,8 +838,7 @@ const timelineStyles = css`
|
|
|
841
838
|
display: block;
|
|
842
839
|
}
|
|
843
840
|
`;
|
|
844
|
-
|
|
845
|
-
//#region src/timeline/timeline-track-tabs.ts
|
|
841
|
+
// src/timeline/timeline-track-tabs.ts
|
|
846
842
|
/** Minimum track height in px */
|
|
847
843
|
const MIN_TRACK_HEIGHT = 24;
|
|
848
844
|
/** How close to the bottom edge the pointer must be (px) to trigger resize */
|
|
@@ -1016,8 +1012,7 @@ __decorate([property({
|
|
|
1016
1012
|
reflect: true
|
|
1017
1013
|
})], TimelineTrackTabElement.prototype, "resizable", void 0);
|
|
1018
1014
|
TimelineTrackTabElement = __decorate([safeCustomElement(`ixfx-timeline-track-tab`)], TimelineTrackTabElement);
|
|
1019
|
-
|
|
1020
|
-
//#region src/timeline/timeline-element.ts
|
|
1015
|
+
// src/timeline/timeline-element.ts
|
|
1021
1016
|
/** Reasonable maximum ppu to prevent infinite zoom-in */
|
|
1022
1017
|
const MAX_PPU = 1e4;
|
|
1023
1018
|
/** Minimum rendered track height (~1.5em) at max zoom-out */
|
|
@@ -1752,5 +1747,4 @@ __decorate([state()], IxfxTimelineElement.prototype, "_trackLayout", void 0);
|
|
|
1752
1747
|
__decorate([state()], IxfxTimelineElement.prototype, "_internalEvents", void 0);
|
|
1753
1748
|
__decorate([state()], IxfxTimelineElement.prototype, "_internalTracks", void 0);
|
|
1754
1749
|
IxfxTimelineElement = __decorate([safeCustomElement(`ixfx-timeline`)], IxfxTimelineElement);
|
|
1755
|
-
//#endregion
|
|
1756
1750
|
export { resolveCssVars as a, attachTimelineInteractions as i, TimelineTrackTabElement as n, resolveGrid as o, timelineStyles as r, TimelineController as s, IxfxTimelineElement as t };
|
package/dist/timeline.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-
|
|
1
|
+
import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-DrYQBts2.js";
|
|
2
2
|
export { type CssVars, DragSnappingFn, DragTarget, GridMode, GridResolution, IxfxTimelineElement, type Rect, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TrackHeightMode, TrackLayout, UserScale, ViewRange, attachTimelineInteractions, resolveCssVars, resolveGrid, timelineStyles };
|
package/dist/timeline.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { IxfxTimelineElement, TimelineController, TimelineTrackTabElement, attachTimelineInteractions, resolveCssVars, resolveGrid, timelineStyles };
|
|
1
|
+
export { t as IxfxTimelineElement, s as TimelineController, n as TimelineTrackTabElement, i as attachTimelineInteractions, a as resolveCssVars, o as resolveGrid, r as timelineStyles } from "./timeline-Br5JIeLI.js";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-Bhz0c6Yf.js";
|
|
2
2
|
import { LitElement } from "lit";
|
|
3
|
-
//#region src/titlebar/titlebar.d.ts
|
|
4
3
|
type TitlebarOrientation = `horizontal` | `vertical`;
|
|
5
4
|
type TitlebarVariant = `titlebar` | `midline` | `tree`;
|
|
6
5
|
type TitlebarToggleInteraction = `implicit` | `explicit` | `disabled`;
|
|
@@ -49,5 +48,4 @@ declare global {
|
|
|
49
48
|
interface TitlebarElement {
|
|
50
49
|
addEventListener: (<K extends keyof TitlebarElementEventMap>(type: K, listener: (this: TitlebarElement, event: TitlebarElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
|
|
51
50
|
}
|
|
52
|
-
//#endregion
|
|
53
51
|
export { TitlebarToggleDetail as a, TitlebarVariant as c, TitlebarOrientation as i, TitlebarElement as n, TitlebarToggleEvent as o, TitlebarElementEventMap as r, TitlebarToggleInteraction as s, TitlebarCloseEvent as t };
|
package/dist/titlebar.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-
|
|
1
|
+
import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-BtLAF2ws.js";
|
|
2
2
|
export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };
|
package/dist/titlebar.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { t as themeFallbacks } from "./fallbacks-
|
|
2
|
-
import { n as safeCustomElement, t as __decorate } from "./decorate-
|
|
3
|
-
import "./icon-
|
|
1
|
+
import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
|
|
2
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
3
|
+
import "./icon-DvTQuylG.js";
|
|
4
4
|
import { LitElement, css, html, nothing } from "lit";
|
|
5
5
|
import { property } from "lit/decorators.js";
|
|
6
|
-
|
|
6
|
+
// src/titlebar/titlebar.ts
|
|
7
7
|
let TitlebarElement = class TitlebarElement extends LitElement {
|
|
8
8
|
constructor(..._args) {
|
|
9
9
|
super(..._args);
|
|
@@ -400,5 +400,4 @@ __decorate([property({
|
|
|
400
400
|
attribute: `toggle-interaction`
|
|
401
401
|
})], TitlebarElement.prototype, "toggleInteraction", void 0);
|
|
402
402
|
TitlebarElement = __decorate([safeCustomElement(`ixfx-titlebar`)], TitlebarElement);
|
|
403
|
-
//#endregion
|
|
404
403
|
export { TitlebarElement };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "lit";
|
|
2
|
-
|
|
2
|
+
// src/styles/tooltip.ts
|
|
3
3
|
const tooltipValueStyles = css`
|
|
4
4
|
|
|
5
5
|
output.tooltip {
|
|
@@ -98,5 +98,4 @@ const tooltipValueStyles = css`
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
`;
|
|
101
|
-
//#endregion
|
|
102
101
|
export { tooltipValueStyles as t };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
|
-
//#region src/util/tooltip.d.ts
|
|
3
2
|
type FormatValueForHuman = (v: unknown) => string;
|
|
4
3
|
type TooltipOrientations = `top` | `right` | `bottom` | `left`;
|
|
5
4
|
declare class TooltipElement extends LitElement {
|
|
@@ -20,5 +19,4 @@ declare global {
|
|
|
20
19
|
"ixfx-tooltip": TooltipElement;
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
|
-
//#endregion
|
|
24
22
|
export { TooltipElement as n, TooltipOrientations as r, FormatValueForHuman as t };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from "lit";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
declare class TransitoryLabelElement extends LitElement {
|
|
2
|
+
export type Effect = `slide-right` | `slide-left` | `slide-up` | `slide-down` | `fade` | `character-swap`;
|
|
3
|
+
export declare class TransitoryLabelElement extends LitElement {
|
|
5
4
|
#private;
|
|
6
5
|
text: string;
|
|
7
6
|
effect: Effect;
|
|
@@ -24,6 +23,4 @@ declare global {
|
|
|
24
23
|
interface HTMLElementTagNameMap {
|
|
25
24
|
'ixfx-transitory-label': TransitoryLabelElement;
|
|
26
25
|
}
|
|
27
|
-
}
|
|
28
|
-
//#endregion
|
|
29
|
-
export { Effect, TransitoryLabelElement };
|
|
26
|
+
}
|
package/dist/transitory-label.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { n as safeCustomElement, t as __decorate } from "./decorate-
|
|
1
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
2
2
|
import { LitElement, css, html, nothing } from "lit";
|
|
3
3
|
import { property, state } from "lit/decorators.js";
|
|
4
4
|
import { keyed } from "lit/directives/keyed.js";
|
|
5
|
-
|
|
5
|
+
// src/transitory-label/transitory-label.ts
|
|
6
6
|
let TransitoryLabelElement = class TransitoryLabelElement extends LitElement {
|
|
7
7
|
constructor(..._args) {
|
|
8
8
|
super(..._args);
|
|
@@ -243,5 +243,4 @@ __decorate([state()], TransitoryLabelElement.prototype, "_outgoingText", void 0)
|
|
|
243
243
|
__decorate([state()], TransitoryLabelElement.prototype, "_activeEffect", void 0);
|
|
244
244
|
__decorate([state()], TransitoryLabelElement.prototype, "_transitionId", void 0);
|
|
245
245
|
TransitoryLabelElement = __decorate([safeCustomElement(`ixfx-transitory-label`)], TransitoryLabelElement);
|
|
246
|
-
//#endregion
|
|
247
246
|
export { TransitoryLabelElement };
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { t as TickledController } from "./tickled-controller-
|
|
2
|
-
import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-
|
|
3
|
-
import { t as themeFallbacks } from "./fallbacks-
|
|
4
|
-
import { n as safeCustomElement, t as __decorate } from "./decorate-
|
|
5
|
-
import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-
|
|
6
|
-
import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-
|
|
7
|
-
import { a as capKeys, c as keysAsFlags, f as withoutFlag, i as capFlags, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, s as flagsToRecord, t as EMPTY_FLAGS } from "./pending-
|
|
8
|
-
import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-
|
|
9
|
-
import { n as createScrollHoverGuard } from "./scroll-hover-guard-
|
|
10
|
-
import "./interaction-
|
|
11
|
-
import { t as collectDataResult } from "./data-provider-
|
|
12
|
-
import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-
|
|
13
|
-
import { i as reconcileSelection, r as reconcileExpansion } from "./tree-
|
|
1
|
+
import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
|
|
2
|
+
import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
|
|
3
|
+
import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
|
|
4
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
5
|
+
import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C5114RxZ.js";
|
|
6
|
+
import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
|
|
7
|
+
import { a as capKeys, c as keysAsFlags, f as withoutFlag, i as capFlags, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, s as flagsToRecord, t as EMPTY_FLAGS } from "./pending-Afl4LT64.js";
|
|
8
|
+
import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-D4l_ede_.js";
|
|
9
|
+
import { n as createScrollHoverGuard } from "./scroll-hover-guard-BGAjtyXT.js";
|
|
10
|
+
import "./interaction-8Kbbf6xN.js";
|
|
11
|
+
import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
|
|
12
|
+
import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
|
|
13
|
+
import { i as reconcileSelection, r as reconcileExpansion } from "./tree-DUc-iQcg.js";
|
|
14
14
|
import { LitElement, css, html, nothing } from "lit";
|
|
15
15
|
import { property, state } from "lit/decorators.js";
|
|
16
16
|
import { createCommandRegistry } from "@clinth/ui-commands";
|
|
17
17
|
import { repeat } from "lit/directives/repeat.js";
|
|
18
|
-
|
|
18
|
+
// src/common/tree-drop-apply.ts
|
|
19
19
|
function findNode(root, key) {
|
|
20
20
|
if (root.item.key === key) return root;
|
|
21
21
|
for (const child of root.children ?? []) {
|
|
@@ -145,8 +145,7 @@ function dropTargetFor(referenceKey, position, index = position === `inside` ? N
|
|
|
145
145
|
depth: 0
|
|
146
146
|
};
|
|
147
147
|
}
|
|
148
|
-
|
|
149
|
-
//#region src/common/tree-data-model.ts
|
|
148
|
+
// src/common/tree-data-model.ts
|
|
150
149
|
/** Return a new root with the node at `key` replaced by `replacer(node)`. */
|
|
151
150
|
function mapNode(root, key, replacer) {
|
|
152
151
|
if (root.item.key === key) return replacer(root);
|
|
@@ -409,8 +408,7 @@ var TreeDataModel = class {
|
|
|
409
408
|
for (const sub of this.#subscribers) sub(event);
|
|
410
409
|
}
|
|
411
410
|
};
|
|
412
|
-
|
|
413
|
-
//#region src/tree/tree-drag-registry.ts
|
|
411
|
+
// src/tree/tree-drag-registry.ts
|
|
414
412
|
const TREE_DRAG_MIME = `application/x-ixfx-tree`;
|
|
415
413
|
const registry = /* @__PURE__ */ new Map();
|
|
416
414
|
const weakRefs = /* @__PURE__ */ new Map();
|
|
@@ -451,8 +449,7 @@ function treeDragCurrent() {
|
|
|
451
449
|
element: weakRefs.get(currentSourceId)?.deref()
|
|
452
450
|
};
|
|
453
451
|
}
|
|
454
|
-
|
|
455
|
-
//#region src/tree/edge-scroll.ts
|
|
452
|
+
// src/tree/edge-scroll.ts
|
|
456
453
|
/**
|
|
457
454
|
* Edge auto-scroll maths for drag-and-drop in a scrollable list: how far into
|
|
458
455
|
* a trigger zone the pointer is, and how fast to scroll given how long it has
|
|
@@ -496,8 +493,7 @@ function edgeScrollSpeed(depth, heldMs) {
|
|
|
496
493
|
const ramp = Math.min(1, Math.max(0, heldMs) / EDGE_SCROLL_RAMP_MS);
|
|
497
494
|
return (120 + 3080 * ramp * ramp) * (DEPTH_FLOOR + .65 * Math.min(1, Math.max(0, depth)));
|
|
498
495
|
}
|
|
499
|
-
|
|
500
|
-
//#region src/tree/tree-drop-controller.ts
|
|
496
|
+
// src/tree/tree-drop-controller.ts
|
|
501
497
|
/** Longest frame step used when integrating scroll, so a stalled tab doesn't jump the list. */
|
|
502
498
|
const MAX_FRAME_MS = 50;
|
|
503
499
|
function clamp(value, min, max) {
|
|
@@ -846,8 +842,7 @@ var TreeDropController = class {
|
|
|
846
842
|
if (!unchanged || this.#active) this.#config.onDropStateChange(state);
|
|
847
843
|
}
|
|
848
844
|
};
|
|
849
|
-
|
|
850
|
-
//#region src/tree/tree-flat.ts
|
|
845
|
+
// src/tree/tree-flat.ts
|
|
851
846
|
/**
|
|
852
847
|
* Flatten the visible rows under `root` (root itself excluded).
|
|
853
848
|
*
|
|
@@ -1161,8 +1156,7 @@ function treeRowReader(params) {
|
|
|
1161
1156
|
bottomOf: (i) => treeRowBottom(params, i)
|
|
1162
1157
|
};
|
|
1163
1158
|
}
|
|
1164
|
-
|
|
1165
|
-
//#region src/tree/tree-row-geometry.ts
|
|
1159
|
+
// src/tree/tree-row-geometry.ts
|
|
1166
1160
|
/**
|
|
1167
1161
|
* First index whose bottom is greater than `y` (binary search; rows are
|
|
1168
1162
|
* monotonic). Returns `reader.count` when no row qualifies.
|
|
@@ -1197,8 +1191,7 @@ function rowRangeOverlapping(reader, top, bottom, margin = 0) {
|
|
|
1197
1191
|
last: Math.min(reader.count - 1, lastHit + margin)
|
|
1198
1192
|
};
|
|
1199
1193
|
}
|
|
1200
|
-
|
|
1201
|
-
//#region src/tree/tree-base.ts
|
|
1194
|
+
// src/tree/tree-base.ts
|
|
1202
1195
|
/** Above this many rows entering / leaving at once, skip the animation entirely. */
|
|
1203
1196
|
const MAX_ANIMATED_ROWS = 50;
|
|
1204
1197
|
const EMPTY_FLAT = {
|
|
@@ -2434,7 +2427,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
|
|
|
2434
2427
|
types = Array.from(dataTransfer.types);
|
|
2435
2428
|
} catch {}
|
|
2436
2429
|
const current = treeDragCurrent();
|
|
2437
|
-
const looksInternal = types.includes(
|
|
2430
|
+
const looksInternal = types.includes("application/x-ixfx-tree") || current !== void 0;
|
|
2438
2431
|
if (canInternal && looksInternal) {
|
|
2439
2432
|
if (current && current.keys.length > 0) {
|
|
2440
2433
|
const keys = this.root ? pruneDraggedDescendants(this.root, current.keys) : current.keys;
|
|
@@ -3906,8 +3899,7 @@ __decorate([state()], TreeBaseElement.prototype, "_scrollTop", void 0);
|
|
|
3906
3899
|
__decorate([state()], TreeBaseElement.prototype, "_focusedDepth", void 0);
|
|
3907
3900
|
__decorate([state()], TreeBaseElement.prototype, "_stickyKeys", void 0);
|
|
3908
3901
|
TreeBaseElement = __decorate([safeCustomElement(`ixfx-tree-base`)], TreeBaseElement);
|
|
3909
|
-
|
|
3910
|
-
//#region src/tree/tree-list.ts
|
|
3902
|
+
// src/tree/tree-list.ts
|
|
3911
3903
|
let TreeListElement = class TreeListElement extends TreeBaseElement {
|
|
3912
3904
|
constructor(..._args) {
|
|
3913
3905
|
super(..._args);
|
|
@@ -4149,8 +4141,7 @@ __decorate([property({
|
|
|
4149
4141
|
})], TreeListElement.prototype, "alignCheckboxes", void 0);
|
|
4150
4142
|
__decorate([state()], TreeListElement.prototype, "_partialKeys", void 0);
|
|
4151
4143
|
TreeListElement = __decorate([safeCustomElement(`ixfx-tree-list`)], TreeListElement);
|
|
4152
|
-
|
|
4153
|
-
//#region src/tree/tree-controller.ts
|
|
4144
|
+
// src/tree/tree-controller.ts
|
|
4154
4145
|
var TreeController = class {
|
|
4155
4146
|
#root;
|
|
4156
4147
|
#element;
|
|
@@ -4295,5 +4286,4 @@ var TreeController = class {
|
|
|
4295
4286
|
}
|
|
4296
4287
|
}
|
|
4297
4288
|
};
|
|
4298
|
-
//#endregion
|
|
4299
4289
|
export { TreeDataModel as a, pruneDraggedDescendants as c, TreeDropController as i, TreeListElement as n, applyTreeDrop as o, TreeBaseElement as r, dropTargetFor as s, TreeController as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as capKeys, i as capFlags, n as EMPTY_KEYS } from "./pending-
|
|
2
|
-
|
|
1
|
+
import { a as capKeys, i as capFlags, n as EMPTY_KEYS } from "./pending-Afl4LT64.js";
|
|
2
|
+
// src/common/view-state/tree.ts
|
|
3
3
|
/**
|
|
4
4
|
* - live expanded keys that are no longer loaded → pending `true`
|
|
5
5
|
* - pending keys that are now loaded → applied (`true` opens, `false` closes)
|
|
@@ -142,5 +142,4 @@ function resolveKeyPath(root, keys, canLoad) {
|
|
|
142
142
|
nodes
|
|
143
143
|
};
|
|
144
144
|
}
|
|
145
|
-
//#endregion
|
|
146
145
|
export { resolveKeyPath as a, reconcileSelection as i, reconcileCursor as n, reconcileExpansion as r, pathFromJson as t };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-
|
|
2
|
-
import { l as ViewStateful } from "./types-
|
|
3
|
-
//#region src/interaction/list-drag-types.d.ts
|
|
1
|
+
import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
|
|
2
|
+
import { l as ViewStateful } from "./types-16GC5k1z.js";
|
|
4
3
|
interface ListDragEntry<T> {
|
|
5
4
|
readonly key: string;
|
|
6
5
|
readonly index: number;
|
|
@@ -54,8 +53,6 @@ interface ListNativeDragStartDetail<T = unknown> {
|
|
|
54
53
|
readonly preview?: ListDragPreview;
|
|
55
54
|
}
|
|
56
55
|
type ListNativeDragStartEvent<T = unknown> = CustomEvent<ListNativeDragStartDetail<T>>;
|
|
57
|
-
//#endregion
|
|
58
|
-
//#region src/common/tree-data-model.d.ts
|
|
59
56
|
type InvalidateEvent = {
|
|
60
57
|
type: `invalidate`;
|
|
61
58
|
key: string;
|
|
@@ -173,8 +170,6 @@ declare class TreeDataModel {
|
|
|
173
170
|
*/
|
|
174
171
|
_subscribe(callback: ModelSubscriber): () => void;
|
|
175
172
|
}
|
|
176
|
-
//#endregion
|
|
177
|
-
//#region src/common/tree-component.d.ts
|
|
178
173
|
type TreeDndMode = `none` | `internal` | `external` | `both`;
|
|
179
174
|
type TreeDropPosition = `before` | `after` | `inside`;
|
|
180
175
|
interface TreeDropTarget {
|
|
@@ -440,5 +435,4 @@ interface TreeSearchHost extends TreeComponent {
|
|
|
440
435
|
readonly shadowRoot: ShadowRoot | null;
|
|
441
436
|
readonly updateComplete: Promise<boolean>;
|
|
442
437
|
}
|
|
443
|
-
//#endregion
|
|
444
438
|
export { TreeTickleDetail as A, ListNativeDragStartDetail as B, TreeItemDblClickEvent as C, TreeSelectAllOptions as D, TreeSearchHost as E, ListDragPreview as F, ListDragPreviewContext as I, ListDragPreviewRenderer as L, TreeDataModel as M, TreeDataModelOptions as N, TreeSelectDetail as O, ListDragEntry as P, ListDragPreviewSourceResolver as R, TreeItemDblClickDetail as S, TreeRevealMode as T, ListNativeDragStartEvent as V, TreeDropTarget as _, TreeComponent as a, TreeItemClickDetail as b, TreeDragContext as c, TreeDragStartEvent as d, TreeDropApplyContext as f, TreeDropPosition as g, TreeDropEvent as h, TreeCollapseEvent as i, TreeTickleEvent as j, TreeSelectEvent as k, TreeDragEndEvent as l, TreeDropDetail as m, TreeActivateEvent as n, TreeComponentEventMap as o, TreeDropContext as p, TreeCollapseDetail as r, TreeDndMode as s, TreeActivateDetail as t, TreeDragOverEvent as u, TreeExpandDetail as v, TreeNavigateOptions as w, TreeItemClickEvent as x, TreeExpandEvent as y, ListDragSource as z };
|
package/dist/tree.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as TreeTickleDetail, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, T as TreeRevealMode, _ as TreeDropTarget, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-
|
|
2
|
-
import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-
|
|
3
|
-
import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-
|
|
1
|
+
import { A as TreeTickleDetail, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, T as TreeRevealMode, _ as TreeDropTarget, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DNuzfo6R.js";
|
|
2
|
+
import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
|
|
3
|
+
import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-88ra6YHP.js";
|
|
4
4
|
export { type LoadChildrenCallback, type TreeActivateDetail, type TreeActivateEvent, TreeAnimation, TreeBaseElement, TreeBaseElementEventMap, type TreeCheckboxState, type TreeCollapseDetail, type TreeCollapseEvent, type TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, type TreeDataModelOptions, type TreeDndMode, type TreeDragContext, type TreeDragEndEvent, type TreeDragOverEvent, type TreeDragStartEvent, type TreeDropContext, TreeDropController, TreeDropControllerConfig, type TreeDropDetail, type TreeDropEvent, type TreeDropPosition, TreeDropResolvedDrag, TreeDropRowInfo, type TreeDropTarget, TreeDropVisibleRow, type TreeExclusivity, type TreeExpandDetail, type TreeExpandEvent, type TreeFilterPredicate, type TreeItem, type TreeItemClickDetail, type TreeItemClickEvent, TreeListElement, type TreeListViewState, type TreeNavigateOptions, type TreeNode, type TreeRevealMode, type TreeSelectDetail, type TreeSelectEvent, type TreeSelectionFilter, type TreeTickleDetail, type TreeTickleEvent, TreeVirtualize };
|
package/dist/tree.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { TreeBaseElement, TreeController, TreeDataModel, TreeDropController, TreeListElement };
|
|
1
|
+
export { r as TreeBaseElement, t as TreeController, a as TreeDataModel, i as TreeDropController, n as TreeListElement } from "./tree-BP5fxvEX.js";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
//#region src/common/view-state/types.d.ts
|
|
2
1
|
/**
|
|
3
2
|
* Shared view-state contract for list-like components.
|
|
4
3
|
*
|
|
@@ -83,5 +82,4 @@ type ViewStateful<S extends ViewStateBase = ViewStateBase> = {
|
|
|
83
82
|
/** Drop all pending (not-yet-matched) state. */
|
|
84
83
|
clearPendingViewState: () => void;
|
|
85
84
|
};
|
|
86
|
-
//#endregion
|
|
87
85
|
export { ViewStateBase as a, ViewStateChangeReason as c, VIEW_STATE_VERSION as i, ViewStateful as l, ScrollState as n, ViewStateChangeDetail as o, VIEW_STATE_CHANGE as r, ViewStateChangeEvent as s, GetViewStateOptions as t };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { r as IDataProvider } from "./data-provider-
|
|
2
|
-
//#region src/common/types.d.ts
|
|
1
|
+
import { r as IDataProvider } from "./data-provider-Cq_ylpET.js";
|
|
3
2
|
type TreeItem = {
|
|
4
3
|
/** Unique identifier within the tree. */
|
|
5
4
|
key: string;
|
|
@@ -107,5 +106,4 @@ type TreeSelectionFilter = `none` | `leaf` | `branch` | `all`;
|
|
|
107
106
|
* - `'vscode'` — like `standard` for clicks; Shift+arrow uses snapshot-based toggle-range
|
|
108
107
|
*/
|
|
109
108
|
type TreeInteractionMode = `implicit` | `standard` | `manual` | `checked` | `vscode`;
|
|
110
|
-
//#endregion
|
|
111
109
|
export { TreeItem as a, TreeInteractionMode as i, TreeExclusivity as n, TreeNode as o, TreeFilterPredicate as r, TreeSelectionFilter as s, LoadChildrenCallback as t };
|
package/dist/unit-input.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
|
-
|
|
3
|
-
type UnitInputUnit = {
|
|
2
|
+
export type UnitInputUnit = {
|
|
4
3
|
/** Stable id, reported in events. */
|
|
5
4
|
readonly id: string;
|
|
6
5
|
/** Text shown in the unit picker. */
|
|
@@ -9,10 +8,10 @@ type UnitInputUnit = {
|
|
|
9
8
|
readonly factor?: number;
|
|
10
9
|
};
|
|
11
10
|
/** Byte sizes: base unit is the byte. */
|
|
12
|
-
declare const SIZE_UNITS: readonly UnitInputUnit[];
|
|
11
|
+
export declare const SIZE_UNITS: readonly UnitInputUnit[];
|
|
13
12
|
/** Durations: base unit is the minute. */
|
|
14
|
-
declare const AGE_UNITS: readonly UnitInputUnit[];
|
|
15
|
-
type UnitInputChangeDetail = {
|
|
13
|
+
export declare const AGE_UNITS: readonly UnitInputUnit[];
|
|
14
|
+
export type UnitInputChangeDetail = {
|
|
16
15
|
/** The number as typed, or `null` when empty or not a number. */
|
|
17
16
|
readonly value: number | null;
|
|
18
17
|
/** Id of the selected unit. */
|
|
@@ -20,14 +19,14 @@ type UnitInputChangeDetail = {
|
|
|
20
19
|
/** `value` times the unit's `factor`, or `null` when `value` is. */
|
|
21
20
|
readonly baseValue: number | null;
|
|
22
21
|
};
|
|
23
|
-
type UnitInputChangeEvent = CustomEvent<UnitInputChangeDetail>;
|
|
22
|
+
export type UnitInputChangeEvent = CustomEvent<UnitInputChangeDetail>;
|
|
24
23
|
/** `value` expressed in base units. */
|
|
25
|
-
declare function toBase(value: number | null, unit: UnitInputUnit | undefined): number | null;
|
|
24
|
+
export declare function toBase(value: number | null, unit: UnitInputUnit | undefined): number | null;
|
|
26
25
|
/**
|
|
27
26
|
* The largest unit in `units` that `baseValue` is a whole number of (or the
|
|
28
27
|
* smallest unit when none fits), with the value in that unit.
|
|
29
28
|
*/
|
|
30
|
-
declare function bestUnit(baseValue: number, units: readonly UnitInputUnit[]): {
|
|
29
|
+
export declare function bestUnit(baseValue: number, units: readonly UnitInputUnit[]): {
|
|
31
30
|
value: number;
|
|
32
31
|
unit: string;
|
|
33
32
|
} | undefined;
|
|
@@ -44,7 +43,7 @@ declare function bestUnit(baseValue: number, units: readonly UnitInputUnit[]): {
|
|
|
44
43
|
* el.addEventListener('change', e => console.log(e.detail.baseValue));
|
|
45
44
|
* ```
|
|
46
45
|
*/
|
|
47
|
-
declare class UnitInputElement extends LitElement {
|
|
46
|
+
export declare class UnitInputElement extends LitElement {
|
|
48
47
|
#private;
|
|
49
48
|
/** The number, in the selected unit. `null` for empty. */
|
|
50
49
|
value: number | null;
|
|
@@ -70,11 +69,9 @@ declare global {
|
|
|
70
69
|
'ixfx-unit-input': UnitInputElement;
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
|
-
interface UnitInputElementEventMap {
|
|
72
|
+
export interface UnitInputElementEventMap {
|
|
74
73
|
change: UnitInputChangeEvent;
|
|
75
74
|
}
|
|
76
|
-
interface UnitInputElement {
|
|
75
|
+
export interface UnitInputElement {
|
|
77
76
|
addEventListener: (<K extends keyof UnitInputElementEventMap>(type: K, listener: (this: UnitInputElement, event: UnitInputElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
|
|
78
|
-
}
|
|
79
|
-
//#endregion
|
|
80
|
-
export { AGE_UNITS, SIZE_UNITS, UnitInputChangeDetail, UnitInputChangeEvent, UnitInputElement, UnitInputElementEventMap, UnitInputUnit, bestUnit, toBase };
|
|
77
|
+
}
|
package/dist/unit-input.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as themeFallbacks } from "./fallbacks-
|
|
2
|
-
import { n as safeCustomElement, t as __decorate } from "./decorate-
|
|
1
|
+
import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
|
|
2
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
3
3
|
import { LitElement, css, html, nothing } from "lit";
|
|
4
4
|
import { property } from "lit/decorators.js";
|
|
5
|
-
|
|
5
|
+
// src/unit-input/unit-input.ts
|
|
6
6
|
/** Byte sizes: base unit is the byte. */
|
|
7
7
|
const SIZE_UNITS = [
|
|
8
8
|
{
|
|
@@ -227,5 +227,4 @@ __decorate([property({
|
|
|
227
227
|
reflect: true
|
|
228
228
|
})], UnitInputElement.prototype, "disabled", void 0);
|
|
229
229
|
UnitInputElement = __decorate([safeCustomElement(`ixfx-unit-input`)], UnitInputElement);
|
|
230
|
-
//#endregion
|
|
231
230
|
export { AGE_UNITS, SIZE_UNITS, UnitInputElement, bestUnit, toBase };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import {
|
|
3
|
-
import { n as
|
|
4
|
-
import {
|
|
5
|
-
import { i as
|
|
6
|
-
import {
|
|
7
|
-
import { l as keysToArray } from "./pending-
|
|
8
|
-
import {
|
|
9
|
-
import { t as scrollFadeStyles } from "./scroll-fade-
|
|
10
|
-
import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-
|
|
11
|
-
import { n as
|
|
1
|
+
import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
|
|
2
|
+
import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-C5114RxZ.js";
|
|
3
|
+
import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-Dkh3m3hX.js";
|
|
4
|
+
import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
|
|
5
|
+
import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-D4l_ede_.js";
|
|
6
|
+
import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
|
|
7
|
+
import { l as keysToArray } from "./pending-Afl4LT64.js";
|
|
8
|
+
import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
|
|
9
|
+
import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
|
|
10
|
+
import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
|
|
11
|
+
import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
|
|
12
12
|
import "./editable-label.js";
|
|
13
13
|
import { LitElement, css, html, render } from "lit";
|
|
14
14
|
import { property } from "lit/decorators.js";
|
|
15
15
|
import { createCommandRegistry } from "@clinth/ui-commands";
|
|
16
16
|
import { ifDefined } from "lit/directives/if-defined.js";
|
|
17
|
-
|
|
17
|
+
// src/vertical-list/vertical-list-view-state.ts
|
|
18
18
|
/** Key → row over `rows`. Keyless rows are skipped; the first row with a key wins. */
|
|
19
19
|
function indexByKey(rows, getKey) {
|
|
20
20
|
const out = /* @__PURE__ */ new Map();
|
|
@@ -93,8 +93,7 @@ function virtualScrollTarget(scroll, stride, indexOf) {
|
|
|
93
93
|
const index = indexOf(scroll.anchor.key);
|
|
94
94
|
return index < 0 ? void 0 : index * stride + scroll.anchor.offset;
|
|
95
95
|
}
|
|
96
|
-
|
|
97
|
-
//#region src/vertical-list/vertical-list.ts
|
|
96
|
+
// src/vertical-list/vertical-list.ts
|
|
98
97
|
const ITEM_SELECTOR = `li:not([data-virtual-spacer]), [data-list-item]:not([data-virtual-spacer])`;
|
|
99
98
|
/**
|
|
100
99
|
* Rows rendered above/below the viewport as scroll margin. Grid-list uses 2;
|
|
@@ -2024,5 +2023,4 @@ __decorate([property({
|
|
|
2024
2023
|
__decorate([property({ attribute: false })], VerticalListElement.prototype, "editValidator", void 0);
|
|
2025
2024
|
__decorate([property({ attribute: false })], VerticalListElement.prototype, "canDrop", void 0);
|
|
2026
2025
|
VerticalListElement = __decorate([safeCustomElement(`ixfx-vertical-list`)], VerticalListElement);
|
|
2027
|
-
//#endregion
|
|
2028
2026
|
export { VerticalListElement as t };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-
|
|
2
|
-
import { a as ViewStateBase, t as GetViewStateOptions } from "./types-
|
|
3
|
-
import "./
|
|
4
|
-
import { n as ListViewportChangeEvent } from "./list-viewport-types-
|
|
5
|
-
import
|
|
6
|
-
import { S as ListSearchController } from "./index-
|
|
7
|
-
import "./editable-label-
|
|
1
|
+
import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as ListNativeDragStartEvent } from "./tree-component-DNuzfo6R.js";
|
|
2
|
+
import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
|
|
3
|
+
import { h as ListSelectionMode, i as ListInteractionMode, r as ListElementEventMap } from "./list-selection-types-CKTt7Rrw.js";
|
|
4
|
+
import { n as ListViewportChangeEvent } from "./list-viewport-types-BJ8c6qur.js";
|
|
5
|
+
import "./index-Cdcek1Oj.js";
|
|
6
|
+
import { S as ListSearchController } from "./index-CRLTVAyt.js";
|
|
7
|
+
import "./editable-label-CiHCDlhC.js";
|
|
8
8
|
import { LitElement, PropertyValues } from "lit";
|
|
9
9
|
import { CommandId, CommandRegistry } from "@clinth/ui-commands";
|
|
10
|
-
//#region src/vertical-list/types.d.ts
|
|
11
10
|
/**
|
|
12
11
|
* `list-drag-over` / `list-drop`. `key` and `item` are `undefined` when the
|
|
13
12
|
* drag is over empty list space rather than a row.
|
|
@@ -42,8 +41,6 @@ type ListDragLeaveEvent = CustomEvent<ListDragLeaveDetail>;
|
|
|
42
41
|
type ListContextMenuEvent = CustomEvent<ListContextMenuDetail>;
|
|
43
42
|
type ListEditCommitEvent = CustomEvent<ListEditCommitDetail>;
|
|
44
43
|
type ListEditCancelEvent = CustomEvent<ListEditCancelDetail>;
|
|
45
|
-
//#endregion
|
|
46
|
-
//#region src/vertical-list/vertical-list-view-state.d.ts
|
|
47
44
|
/**
|
|
48
45
|
* Pure helpers behind `ixfx-vertical-list`'s view state. The component runs
|
|
49
46
|
* them whenever its items change (light-DOM edits, `addItem` / `setItems` /
|
|
@@ -56,8 +53,6 @@ type ListEditCancelEvent = CustomEvent<ListEditCancelDetail>;
|
|
|
56
53
|
* and `scroll`. Keys are each row's `data-key` / `data-value`.
|
|
57
54
|
*/
|
|
58
55
|
type VerticalListViewState = ViewStateBase;
|
|
59
|
-
//#endregion
|
|
60
|
-
//#region src/vertical-list/vertical-list.d.ts
|
|
61
56
|
interface CustomCheckboxOptions {
|
|
62
57
|
renderer: (checked: boolean) => unknown;
|
|
63
58
|
margin?: string;
|
|
@@ -394,5 +389,4 @@ interface VerticalListElementEventMap extends ListElementEventMap {
|
|
|
394
389
|
'list-edit-commit': ListEditCommitEvent;
|
|
395
390
|
'list-edit-cancel': ListEditCancelEvent;
|
|
396
391
|
}
|
|
397
|
-
//#endregion
|
|
398
392
|
export { VerticalListViewState as a, ListDragLeaveDetail as c, ListDropDetail as d, ListDropEvent as f, ListEditCommitEvent as g, ListEditCommitDetail as h, VerticalListElementEventMap as i, ListDragLeaveEvent as l, ListEditCancelEvent as m, CustomCheckboxOptions as n, ListContextMenuDetail as o, ListEditCancelDetail as p, VerticalListElement as r, ListContextMenuEvent as s, AddItemOptions as t, ListDragOverEvent as u };
|