@ixfx/components 0.10.2 → 0.10.3
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 +13 -0
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +78 -4
- package/bundle/index.js.map +1 -1
- package/dist/ac-text.d.ts +1 -1
- package/dist/{ac-token--_vCHXWw.d.ts → ac-token-TCLAZeVg.d.ts} +2 -2
- package/dist/{ac-token--_vCHXWw.d.ts.map → ac-token-TCLAZeVg.d.ts.map} +1 -1
- package/dist/ac-token.d.ts +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/button.d.ts.map +1 -1
- package/dist/colour-picker.d.ts +1 -1
- package/dist/crumbs.d.ts +1 -1
- package/dist/{data-grid-pv6eaJCZ.d.ts → data-grid-f9W2uzaR.d.ts} +4 -4
- package/dist/{data-grid-pv6eaJCZ.d.ts.map → data-grid-f9W2uzaR.d.ts.map} +1 -1
- package/dist/data-grid.d.ts +1 -1
- package/dist/{detail-list-BA3RVVCB.d.ts → detail-list-C3tozzBT.d.ts} +4 -4
- package/dist/{detail-list-BA3RVVCB.d.ts.map → detail-list-C3tozzBT.d.ts.map} +1 -1
- package/dist/detail-list.d.ts +2 -2
- package/dist/{grid-list-DWXJoRnK.d.ts → grid-list-CM1XhTaW.d.ts} +15 -2
- package/dist/{grid-list-DWXJoRnK.d.ts.map → grid-list-CM1XhTaW.d.ts.map} +1 -1
- package/dist/{grid-list-CIc4jo-x.js → grid-list-WE92nfX5.js} +79 -5
- package/dist/grid-list-WE92nfX5.js.map +1 -0
- package/dist/grid-list.d.ts +1 -1
- package/dist/grid-list.js +1 -1
- package/dist/{grouped-item-lister-fdZHVxFM.d.ts → grouped-item-lister-CEZ72VOs.d.ts} +2 -2
- package/dist/{grouped-item-lister-fdZHVxFM.d.ts.map → grouped-item-lister-CEZ72VOs.d.ts.map} +1 -1
- package/dist/grouped-item-lister.d.ts +1 -1
- package/dist/{icon-CDGprSdE.d.ts → icon-DR_3rSyZ.d.ts} +2 -2
- package/dist/icon-DR_3rSyZ.d.ts.map +1 -0
- package/dist/icons.d.ts +2 -2
- package/dist/incr-search.d.ts +1 -1
- package/dist/{index-tq6f8007.d.ts → index-BOUaDIW-.d.ts} +2 -2
- package/dist/{index-tq6f8007.d.ts.map → index-BOUaDIW-.d.ts.map} +1 -1
- package/dist/{index-CoqtMSd9.d.ts → index-BUB5SICW.d.ts} +2 -2
- package/dist/{index-CoqtMSd9.d.ts.map → index-BUB5SICW.d.ts.map} +1 -1
- package/dist/{index-CsaQwNkz.d.ts → index-BXafRK-_.d.ts} +2 -2
- package/dist/{index-CsaQwNkz.d.ts.map → index-BXafRK-_.d.ts.map} +1 -1
- package/dist/{index-9AhaHIT2.d.ts → index-C59-JEPl.d.ts} +3 -3
- package/dist/{index-9AhaHIT2.d.ts.map → index-C59-JEPl.d.ts.map} +1 -1
- package/dist/{index-UvnoZUAo.d.ts → index-CJ5fshD3.d.ts} +2 -2
- package/dist/{index-UvnoZUAo.d.ts.map → index-CJ5fshD3.d.ts.map} +1 -1
- package/dist/{index-CYndvTWH.d.ts → index-garxxqgV.d.ts} +2 -2
- package/dist/{index-CYndvTWH.d.ts.map → index-garxxqgV.d.ts.map} +1 -1
- package/dist/index.d.ts +17 -17
- package/dist/index.js +1 -1
- package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-Dp_9KP0G.d.ts} +2 -2
- package/dist/{labelled-input-base-DiTme1JO.d.ts.map → labelled-input-base-Dp_9KP0G.d.ts.map} +1 -1
- package/dist/labelled-radial-input.d.ts +2 -2
- package/dist/labelled-radial-input.d.ts.map +1 -1
- package/dist/labelled-range-input.d.ts +1 -1
- package/dist/labelled-slider-input.d.ts +1 -1
- package/dist/{menu-item-CZi9vy5O.d.ts → menu-item-ZmkXNjek.d.ts} +2 -2
- package/dist/{menu-item-CZi9vy5O.d.ts.map → menu-item-ZmkXNjek.d.ts.map} +1 -1
- package/dist/menu.d.ts +2 -2
- package/dist/miller.d.ts +1 -1
- package/dist/panel.d.ts +1 -1
- package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-C5SYbDrq.d.ts} +2 -2
- package/dist/{split-layout-JK3xWVX2.d.ts.map → split-layout-C5SYbDrq.d.ts.map} +1 -1
- package/dist/split-layout.d.ts +1 -1
- package/dist/{tab-list-CGyPt07Z.d.ts → tab-list-DbMIL520.d.ts} +2 -2
- package/dist/{tab-list-CGyPt07Z.d.ts.map → tab-list-DbMIL520.d.ts.map} +1 -1
- package/dist/tabs.d.ts +1 -1
- package/dist/{titlebar-Tqu-VvMU.d.ts → titlebar-B5zSTZnF.d.ts} +2 -2
- package/dist/{titlebar-Tqu-VvMU.d.ts.map → titlebar-B5zSTZnF.d.ts.map} +1 -1
- package/dist/titlebar.d.ts +1 -1
- package/dist/tree.d.ts +1 -1
- package/dist/{vertical-list-BWLqy3PJ.d.ts → vertical-list-DdaYcvHQ.d.ts} +2 -2
- package/dist/{vertical-list-BWLqy3PJ.d.ts.map → vertical-list-DdaYcvHQ.d.ts.map} +1 -1
- package/dist/vertical-list.d.ts +1 -1
- package/docs-user/grid-list.md +15 -0
- package/docs-user/index.json +2 -2
- package/package.json +1 -1
- package/dist/grid-list-CIc4jo-x.js.map +0 -1
- package/dist/icon-CDGprSdE.d.ts.map +0 -1
package/dist/ac-text.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-DR_3rSyZ.js";
|
|
2
2
|
import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
|
|
3
3
|
import { LitElement, PropertyValues } from "lit";
|
|
4
4
|
//#region src/ac-token/types.d.ts
|
|
@@ -104,4 +104,4 @@ interface AcTokenElement {
|
|
|
104
104
|
}
|
|
105
105
|
//#endregion
|
|
106
106
|
export { AcTokenItem as a, AcTokenizerFn as c, AcTokenElementEventMap as i, AcTokensChangeDetail as l, AcTokenAddDetail as n, AcTokenRemoveDetail as o, AcTokenAddEvent as r, AcTokenRemoveEvent as s, AcTokenElement as t, AcTokensChangeEvent as u };
|
|
107
|
-
//# sourceMappingURL=ac-token
|
|
107
|
+
//# sourceMappingURL=ac-token-TCLAZeVg.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ac-token
|
|
1
|
+
{"version":3,"file":"ac-token-TCLAZeVg.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts"],"mappings":";;;;KAAY;WACD;WACA;WACA;WACA;WACA;WACA,YAAY;;KAGX,iBAAiB;KAEjB;WACD,iBAAiB;;KAEhB,sBAAsB,YAAY;KAElC;WACD,MAAM;WACN;;KAEC,kBAAkB,YAAY;KAE9B;WACD,MAAM;WACN;;KAEC,qBAAqB,YAAY;UAE5B;EACf,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;cCgDR,uBAAuB;;;EAGlC,oBAAoB,sBAAsB;;EAI1C,WAAW;;EAIX;;EAIA;;EAIA;;;;;EAOA;;;;;;EAQA;UAEiB;UACA;UACA;UACA;UAET;;MAqBJ,mBAAmB;MAInB,OAAO,gBAAgB;;;;;;;EAW3B,UAAU,gBAAgB;;MAKtB;EAMK;EAKA;YASU,QAAQ,cAAc;YA6btB,wBAAM;SA+BT,sBAAM;;QAkLhB;YACI;IACR,iBAAiB;;;UAIJ;EACf,oBAAoB,gBAAgB,wBAClC,MAAM,GACN,WAAW,MAAM,gBAAgB,OAAO,uBAAuB,aAC/D,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}
|
package/dist/ac-token.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token
|
|
1
|
+
import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token-TCLAZeVg.js";
|
|
2
2
|
export { type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent };
|
package/dist/button.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ declare class ButtonElement extends LitElement {
|
|
|
7
7
|
hideLabel: boolean;
|
|
8
8
|
hasIcon: boolean;
|
|
9
9
|
subtle: boolean;
|
|
10
|
-
protected _renderIcon():
|
|
10
|
+
protected _renderIcon(): import("lit").TemplateResult<1> | typeof nothing;
|
|
11
11
|
protected render(): import("lit").TemplateResult<1>;
|
|
12
12
|
static styles: import("lit").CSSResult[];
|
|
13
13
|
}
|
package/dist/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;EAGA;YAEU,
|
|
1
|
+
{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;EAGA;YAEU,6BAAW,2BAAA;YAcX,wBAAM;SAQT,sBAAM;;QAMP;YACI;IACR,eAAe"}
|
package/dist/colour-picker.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-
|
|
1
|
+
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-BOUaDIW-.js";
|
|
2
2
|
export { ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, type OklchValue };
|
package/dist/crumbs.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { E as TreeSelectEvent, O as TreeTickleEvent, a as TreeComponent, k as TreeDataModel, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DGmKBbpy.js";
|
|
2
2
|
import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Bc23SI94.js";
|
|
3
|
-
import "./menu-item-
|
|
3
|
+
import "./menu-item-ZmkXNjek.js";
|
|
4
4
|
import "./narrowed-text.js";
|
|
5
5
|
import { LitElement, PropertyValues } from "lit";
|
|
6
6
|
//#region src/crumbs/crumb-navigation.d.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-DR_3rSyZ.js";
|
|
2
2
|
import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-DGmKBbpy.js";
|
|
3
|
-
import { S as ListSearchController } from "./index-
|
|
4
|
-
import "./index-
|
|
3
|
+
import { S as ListSearchController } from "./index-BXafRK-_.js";
|
|
4
|
+
import "./index-C59-JEPl.js";
|
|
5
5
|
import "./pan-text-CoYmt2qd.js";
|
|
6
6
|
import { LitElement } from "lit";
|
|
7
7
|
import { CommandId, CommandRegistry } from "@clinth/ui-commands";
|
|
@@ -331,4 +331,4 @@ interface DataGridElement {
|
|
|
331
331
|
}
|
|
332
332
|
//#endregion
|
|
333
333
|
export { DataGridGroupBy as A, DataGridColumn as C, DataGridEditorFactory as D, DataGridEditorContext as E, DataGridSortState as F, GlobalFormatter as I, DataGridInteractionMode as M, DataGridSelectionMode as N, DataGridEditorType as O, DataGridSortDirection as P, BuiltInFormatterOptions as S, DataGridEditability as T, DataGridSelectDetail as _, DataGridColumnReorderDetail as a, DataGridSortEvent as b, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridRowActivateEvent as g, DataGridRowActivateDetail as h, DataGridCellEditEvent as i, DataGridGroupLabel as j, DataGridGetRowKey as k, DataGridColumnVisibilityDetail as l, DataGridGroupChangeEvent as m, DataGridCellClickEvent as n, DataGridColumnReorderEvent as o, DataGridGroupChangeDetail as p, DataGridCellEditDetail as r, DataGridColumnResizeDetail as s, DataGridCellClickDetail as t, DataGridColumnVisibilityEvent as u, DataGridSelectEvent as v, DataGridColumnMenu as w, BuiltInFormatterName as x, DataGridSortDetail as y };
|
|
334
|
-
//# sourceMappingURL=data-grid-
|
|
334
|
+
//# sourceMappingURL=data-grid-f9W2uzaR.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-
|
|
1
|
+
{"version":3,"file":"data-grid-f9W2uzaR.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":"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"}
|
package/dist/data-grid.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, j as ListDragEntry } from "./tree-component-DGmKBbpy.js";
|
|
2
|
-
import { A as DataGridGroupBy, C as DataGridColumn, D as DataGridEditorFactory, E as DataGridEditorContext, F as DataGridSortState, I as GlobalFormatter, M as DataGridInteractionMode, N as DataGridSelectionMode, O as DataGridEditorType, P as DataGridSortDirection, S as BuiltInFormatterOptions, T as DataGridEditability, _ as DataGridSelectDetail, a as DataGridColumnReorderDetail, b as DataGridSortEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridRowActivateEvent, h as DataGridRowActivateDetail, i as DataGridCellEditEvent, j as DataGridGroupLabel, k as DataGridGetRowKey, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSelectEvent, w as DataGridColumnMenu, x as BuiltInFormatterName, y as DataGridSortDetail } from "./data-grid-
|
|
2
|
+
import { A as DataGridGroupBy, C as DataGridColumn, D as DataGridEditorFactory, E as DataGridEditorContext, F as DataGridSortState, I as GlobalFormatter, M as DataGridInteractionMode, N as DataGridSelectionMode, O as DataGridEditorType, P as DataGridSortDirection, S as BuiltInFormatterOptions, T as DataGridEditability, _ as DataGridSelectDetail, a as DataGridColumnReorderDetail, b as DataGridSortEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridRowActivateEvent, h as DataGridRowActivateDetail, i as DataGridCellEditEvent, j as DataGridGroupLabel, k as DataGridGetRowKey, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSelectEvent, w as DataGridColumnMenu, x as BuiltInFormatterName, y as DataGridSortDetail } from "./data-grid-f9W2uzaR.js";
|
|
3
3
|
export { type BuiltInFormatterName, type BuiltInFormatterOptions, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, type DataGridColumn, type DataGridColumnMenu, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, type DataGridEditability, type DataGridEditorContext, type DataGridEditorFactory, type DataGridEditorType, DataGridElement, DataGridElementEventMap, type DataGridGetRowKey, type DataGridGroupBy, DataGridGroupChangeDetail, DataGridGroupChangeEvent, type DataGridGroupLabel, type DataGridInteractionMode, DataGridRowActivateDetail, DataGridRowActivateEvent, DataGridSelectDetail, DataGridSelectEvent, type DataGridSelectionMode, DataGridSortDetail, type DataGridSortDirection, DataGridSortEvent, type DataGridSortState, type GlobalFormatter, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-DR_3rSyZ.js";
|
|
2
2
|
import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
|
|
3
3
|
import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-DGmKBbpy.js";
|
|
4
|
-
import { S as ListSearchController } from "./index-
|
|
4
|
+
import { S as ListSearchController } from "./index-BXafRK-_.js";
|
|
5
5
|
import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-B5ioL-dG.js";
|
|
6
|
-
import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-
|
|
6
|
+
import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-DdaYcvHQ.js";
|
|
7
7
|
import { LitElement, PropertyValues } from "lit";
|
|
8
8
|
import { CommandId, CommandRegistry } from "@clinth/ui-commands";
|
|
9
9
|
//#region src/detail-list/types.d.ts
|
|
@@ -200,4 +200,4 @@ interface DetailListElementEventMap extends ListElementEventMap {
|
|
|
200
200
|
}
|
|
201
201
|
//#endregion
|
|
202
202
|
export { DetailSortItem as a, DetailSortComparator as i, DetailListElementEventMap as n, DetailSortMode as o, DetailFormatter as r, DetailListElement as t };
|
|
203
|
-
//# sourceMappingURL=detail-list-
|
|
203
|
+
//# sourceMappingURL=detail-list-C3tozzBT.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detail-list-
|
|
1
|
+
{"version":3,"file":"detail-list-C3tozzBT.d.ts","names":[],"sources":["../src/detail-list/types.ts","../src/detail-list/detail-list.ts"],"mappings":";;;;;;;;;;KACY;;KAGA;WACD,SAAS;WACT;WACA;;;KAIC,wBAAwB,GAAG,gBAAgB,GAAG;;KAG9C,mBAAmB,eAAe,2BAA2B;;;;;;;;;;;;;;;;;;;;cC8E5D,0BAA0B;;EAErC,eAAe;EAGf,iBAAiB;EAGjB,MAAM;EAGN;EAGA,gBAAgB;EAGhB;EAGA,UAAU;EAGV;EAGA,WAAW;EAGX;EAGA;EAGA,mBAAmB,IAAI;;;;;;EAQvB;;EAIA,oBAAoB,gCAAgC;;;;;;EAQpD;;;;;;EAQA;;;;;EAOA,qBAAqB,wBAAwB;EAG7C,mBAAmB,8BAA8B;UAGzC;mBAgBS;UAeT;UAmFA;;WAyEC,QAAM,qBAAA;;MAYX,YAAY;EAoBP;EA4DA;EAsBA;EASA,QAAQ,SAAS;;MA0CtB,gBAAgB;;MAKhB,iBAAiB,YAAY;;;;;;EASjC;EAIA,QAAQ,MAAM,kBAAkB,UAAU;;;;;EAuB1C,WAAW,MAAM,UAAU;;EAW3B,YAAY,OAAO,SAAS,WAAW;EAIvC;;;;;EAYA,SAAS,gBAAgB;;;;;EAgBzB,YAAY,MAAM;;;;;;;;;;EAalB;;;;;;EAsBA,SAAS,WAAW,WAAW,OAAO;EAItC,OAAO,MAAM;EAIb,WAAW,OAAO,SAAS;EAI3B,SAAS,MAAM;EAIf;EAIA;;MAQI,gBAAgB;;MAKhB;;EAMJ,WAAW,MAAM;;EAKjB,gBAAgB,MAAM;;EAKtB,mBAAmB,MAAM;;EAKzB,SAAS;EAgBP,eAAe,0CAA0C,UAAU;UAwa7D;;;;;;;;;EAkBF,kBAAkB;UAwBhB;UAMA;UAgCA;UAiBA;;;;;;;UA2DA;;UAoBA;UAcA;UAYA;UAQA;UAWA;UAMA;UAIA;UA4EA;UAWA;UAMA;UAKA;SAUQ,sBAAM;EAiJb,wBAAM;;QAsBT;YACI;IACR,oBAAoB;;YAGZ,4BAA4B;;UAGvB,kCAAkC;EACjD,0BAA0B,yBAAyB"}
|
package/dist/detail-list.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, j as ListDragEntry } from "./tree-component-DGmKBbpy.js";
|
|
2
|
-
import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-
|
|
3
|
-
import { a as DetailSortItem, i as DetailSortComparator, n as DetailListElementEventMap, o as DetailSortMode, r as DetailFormatter, t as DetailListElement } from "./detail-list-
|
|
2
|
+
import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-DdaYcvHQ.js";
|
|
3
|
+
import { a as DetailSortItem, i as DetailSortComparator, n as DetailListElementEventMap, o as DetailSortMode, r as DetailFormatter, t as DetailListElement } from "./detail-list-C3tozzBT.js";
|
|
4
4
|
export { type AddItemOptions, type CustomCheckboxOptions, type DetailFormatter, DetailListElement, DetailListElementEventMap, type DetailSortComparator, type DetailSortItem, type DetailSortMode, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-DGmKBbpy.js";
|
|
2
|
-
import { S as ListSearchController } from "./index-
|
|
2
|
+
import { S as ListSearchController } from "./index-BXafRK-_.js";
|
|
3
3
|
import "./pan-text-CoYmt2qd.js";
|
|
4
4
|
import { i as ListInteractionMode, l as ListSelectionMode } from "./list-selection-types-B5ioL-dG.js";
|
|
5
5
|
import "./list-native-drag-controller-BAuWAtyQ.js";
|
|
@@ -378,6 +378,19 @@ declare class GridListElement<T = unknown> extends LitElement {
|
|
|
378
378
|
* navigation, selection, and `focusKey()` are unaffected.
|
|
379
379
|
*/
|
|
380
380
|
disableHoverTickle: boolean;
|
|
381
|
+
/**
|
|
382
|
+
* Ignore hover-target changes caused by scrolling. With virtualisation, a
|
|
383
|
+
* wheel / trackpad gesture replaces the cell beneath a stationary pointer,
|
|
384
|
+
* and the freshly rendered cell's `pointerenter` would move the cursor and
|
|
385
|
+
* emit `list-tickle` even though the pointer never moved. With this set,
|
|
386
|
+
* `pointerenter`-driven tickling is suppressed while a scroll gesture is
|
|
387
|
+
* active — the host also carries a `data-scroll-hover-suppress` attribute
|
|
388
|
+
* that gates the CSS `:hover` highlight, so the visual cursor holds still
|
|
389
|
+
* too. Hover resumes on the next real pointer movement, or after the pointer
|
|
390
|
+
* leaves and re-enters the list. Click selection, keyboard navigation, and
|
|
391
|
+
* `focusKey()` are unaffected.
|
|
392
|
+
*/
|
|
393
|
+
disableScrollHoverTickle: boolean;
|
|
381
394
|
itemSize: number;
|
|
382
395
|
gap: number;
|
|
383
396
|
/**
|
|
@@ -606,4 +619,4 @@ interface GridListElement {
|
|
|
606
619
|
}
|
|
607
620
|
//#endregion
|
|
608
621
|
export { DragSelectRect as A, TreeKeyboardNavControllerConfig as C, ListSelectionGesture as D, ListSelectionControllerConfig as E, ListDragSelectControllerConfig as M, ListSelectionModes as O, TreeKeyboardNavController as S, ListSelectionController as T, GridListTickleDetail as _, GridListCaptionBackdrop as a, GridListViewportChangeEvent as b, GridListDataAdapter as c, GridListItemClickDetail as d, GridListItemClickEvent as f, GridListSelectEvent as g, GridListSelectDetail as h, GridListCaptionAlign as i, ListDragSelectController as j, isMultiMode as k, GridListElementEventMap as l, GridListOrientation as m, GridListActivateDetail as n, GridListCaptionPosition as o, GridListItemEventDetail as p, GridListActivateEvent as r, GridListCaptionStyle as s, GridListElement as t, GridListFullElementEventMap as u, GridListTickleEvent as v, TreeKeyboardNavItemId as w, TreeKeyboardNavCallbacks as x, GridListViewportChangeDetail as y };
|
|
609
|
-
//# sourceMappingURL=grid-list-
|
|
622
|
+
//# sourceMappingURL=grid-list-CM1XhTaW.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-list-
|
|
1
|
+
{"version":3,"file":"grid-list-CM1XhTaW.d.ts","names":[],"sources":["../src/interaction/list-drag-select-controller.ts","../src/interaction/list-selection-controller.ts","../src/interaction/tree-keyboard-controller.ts","../src/grid-list/types.ts","../src/grid-list/grid-list.ts"],"mappings":"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"}
|
|
@@ -322,6 +322,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
322
322
|
this.selectionMode = `single`;
|
|
323
323
|
this.interactionMode = `standard`;
|
|
324
324
|
this.disableHoverTickle = false;
|
|
325
|
+
this.disableScrollHoverTickle = false;
|
|
325
326
|
this.itemSize = 160;
|
|
326
327
|
this.gap = 8;
|
|
327
328
|
this.orientation = `grid`;
|
|
@@ -378,6 +379,9 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
378
379
|
itemWrap: this.#itemWrap,
|
|
379
380
|
hoverDisabled: () => this.disableHoverTickle || this.#dragSelect.isDragging || this.#nativeDrag.isDragging
|
|
380
381
|
});
|
|
382
|
+
this.#scrollHoverSuppress = false;
|
|
383
|
+
this.#lastPointerX = NaN;
|
|
384
|
+
this.#lastPointerY = NaN;
|
|
381
385
|
this.#marqueePreview = /* @__PURE__ */ new Set();
|
|
382
386
|
this.#nativeDragging = false;
|
|
383
387
|
this.#dragOriginKey = void 0;
|
|
@@ -460,6 +464,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
460
464
|
this.#selectedSnapshot = /* @__PURE__ */ new Set();
|
|
461
465
|
this.#onScroll = (e) => {
|
|
462
466
|
const el = e.target;
|
|
467
|
+
this.#markScrollHoverSuppress();
|
|
463
468
|
this.#cancelScrollRaf();
|
|
464
469
|
this.#scrollRaf = requestAnimationFrame(() => {
|
|
465
470
|
this.#scrollRaf = 0;
|
|
@@ -476,9 +481,23 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
476
481
|
const vp = this.#viewportRef.value ?? e.currentTarget;
|
|
477
482
|
if (!vp) return;
|
|
478
483
|
if (vp.scrollWidth <= vp.clientWidth + 1) return;
|
|
484
|
+
this.#markScrollHoverSuppress();
|
|
479
485
|
vp.scrollLeft += e.deltaX + e.deltaY;
|
|
480
486
|
e.preventDefault();
|
|
481
487
|
};
|
|
488
|
+
this.#onHostPointerMove = (e) => {
|
|
489
|
+
const moved = !Number.isNaN(this.#lastPointerX) && (e.clientX !== this.#lastPointerX || e.clientY !== this.#lastPointerY);
|
|
490
|
+
this.#lastPointerX = e.clientX;
|
|
491
|
+
this.#lastPointerY = e.clientY;
|
|
492
|
+
if (!moved || !this.#scrollHoverSuppress) return;
|
|
493
|
+
this.#endScrollHoverSuppress();
|
|
494
|
+
if (this.disableHoverTickle) return;
|
|
495
|
+
const key = this.shadowRoot?.elementFromPoint?.(e.clientX, e.clientY)?.closest(`.cell`)?.getAttribute(`data-key`);
|
|
496
|
+
if (key) this.tickled.handlePointerEnter(key);
|
|
497
|
+
};
|
|
498
|
+
this.#onHostPointerLeave = () => {
|
|
499
|
+
this.#endScrollHoverSuppress();
|
|
500
|
+
};
|
|
482
501
|
this._onKeyDown = (e) => {
|
|
483
502
|
if ((e.ctrlKey || e.metaKey) && e.key === `f`) return;
|
|
484
503
|
if ((e.ctrlKey || e.metaKey) && e.key === `a`) {
|
|
@@ -724,7 +743,10 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
724
743
|
transition: background var(--transition), border-color var(--transition);
|
|
725
744
|
}
|
|
726
745
|
:host(:not([caption-style="separate"])) .cell.tickled,
|
|
727
|
-
|
|
746
|
+
/* [data-scroll-hover-suppress] is set while a scroll gesture moves
|
|
747
|
+
cells beneath a stationary pointer (see disable-scroll-hover-tickle):
|
|
748
|
+
the :hover highlight is gated so the visual cursor holds still too. */
|
|
749
|
+
:host(:not([caption-style="separate"]):not([disable-hover-tickle]):not([data-scroll-hover-suppress])) .cell:hover {
|
|
728
750
|
background: var(--item-bg-tickled);
|
|
729
751
|
border: var(--item-border-tickled);
|
|
730
752
|
}
|
|
@@ -800,7 +822,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
800
822
|
border: 1px solid transparent;
|
|
801
823
|
}
|
|
802
824
|
:host([caption-style="separate"]) .cell.tickled .thumb,
|
|
803
|
-
:host([caption-style="separate"]:not([disable-hover-tickle])) .cell:hover .thumb {
|
|
825
|
+
:host([caption-style="separate"]:not([disable-hover-tickle]):not([data-scroll-hover-suppress])) .cell:hover .thumb {
|
|
804
826
|
background: var(--grid-list-thumb-bg-tickled, var(--item-bg-tickled));
|
|
805
827
|
border: var(--item-border-tickled);
|
|
806
828
|
}
|
|
@@ -921,6 +943,16 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
921
943
|
*/
|
|
922
944
|
#sourceElement;
|
|
923
945
|
#source;
|
|
946
|
+
/**
|
|
947
|
+
* True while cell `pointerenter` tickling is suppressed by an active or
|
|
948
|
+
* just-finished scroll gesture (`disable-scroll-hover-tickle`). While set,
|
|
949
|
+
* the host carries `[data-scroll-hover-suppress]`, which gates the CSS
|
|
950
|
+
* `:hover` highlight so the visual cursor does not churn either.
|
|
951
|
+
*/
|
|
952
|
+
#scrollHoverSuppress;
|
|
953
|
+
/** Last pointer position seen over the host; real movement ends suppression. */
|
|
954
|
+
#lastPointerX;
|
|
955
|
+
#lastPointerY;
|
|
924
956
|
/** Live drag-select preview: covered keys + the surface-relative rect. */
|
|
925
957
|
#marqueePreview;
|
|
926
958
|
#marqueeRect;
|
|
@@ -1090,6 +1122,8 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1090
1122
|
[`caption-backdrop`, this.captionBackdrop]
|
|
1091
1123
|
]) if (!this.hasAttribute(attr)) this.setAttribute(attr, value);
|
|
1092
1124
|
this.addEventListener(`keydown`, this._onKeyDown);
|
|
1125
|
+
this.addEventListener(`pointermove`, this.#onHostPointerMove, { passive: true });
|
|
1126
|
+
this.addEventListener(`pointerleave`, this.#onHostPointerLeave);
|
|
1093
1127
|
this.#mutationObserver ??= new MutationObserver((records) => this.#onChildrenChanged(records));
|
|
1094
1128
|
this.#mutationObserver.observe(this, {
|
|
1095
1129
|
childList: true,
|
|
@@ -1103,6 +1137,9 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1103
1137
|
super.disconnectedCallback();
|
|
1104
1138
|
this.#stopActiveCaptionPan();
|
|
1105
1139
|
this.removeEventListener(`keydown`, this._onKeyDown);
|
|
1140
|
+
this.removeEventListener(`pointermove`, this.#onHostPointerMove);
|
|
1141
|
+
this.removeEventListener(`pointerleave`, this.#onHostPointerLeave);
|
|
1142
|
+
this.#endScrollHoverSuppress();
|
|
1106
1143
|
this.#resizeObserver?.disconnect();
|
|
1107
1144
|
this.#resizeObserver = void 0;
|
|
1108
1145
|
this.#mutationObserver?.disconnect();
|
|
@@ -1286,6 +1323,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1286
1323
|
this.selection.clearAnchor();
|
|
1287
1324
|
this.#syncAriaMultiselectable();
|
|
1288
1325
|
}
|
|
1326
|
+
if (changed.has(`disableScrollHoverTickle`) && !this.disableScrollHoverTickle) this.#endScrollHoverSuppress();
|
|
1289
1327
|
if (changed.has(`itemsDraggable`)) this.#nativeDrag.refreshDraggable();
|
|
1290
1328
|
if (changed.has(`orientation`)) {
|
|
1291
1329
|
const vp = this.#viewportRef.value;
|
|
@@ -1705,7 +1743,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1705
1743
|
?data-marquee=${marquee}
|
|
1706
1744
|
@click=${(e) => this.#onCellClick(e, key)}
|
|
1707
1745
|
@dblclick=${() => this.#onCellActivate(key)}
|
|
1708
|
-
@pointerenter=${() => this
|
|
1746
|
+
@pointerenter=${() => this.#handleCellPointerEnter(key)}
|
|
1709
1747
|
>
|
|
1710
1748
|
<div class="content" part="content">${this.#source.renderCellContent(index)}</div>
|
|
1711
1749
|
${showCaption ? this.#renderCaption(caption, captionCss, tickled) : ``}
|
|
@@ -1789,7 +1827,7 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1789
1827
|
?data-marquee=${marquee}
|
|
1790
1828
|
@click=${(e) => this.#onCellClick(e, key)}
|
|
1791
1829
|
@dblclick=${() => this.#onCellActivate(key)}
|
|
1792
|
-
@pointerenter=${() => this
|
|
1830
|
+
@pointerenter=${() => this.#handleCellPointerEnter(key)}
|
|
1793
1831
|
>
|
|
1794
1832
|
<div class="thumb" part="thumb" style=${thumbStyle}>
|
|
1795
1833
|
${this.#source.renderCellContent(index)}
|
|
@@ -1810,6 +1848,37 @@ let GridListElement = class GridListElement extends LitElement {
|
|
|
1810
1848
|
* left to the browser when there is no vertical component.
|
|
1811
1849
|
*/
|
|
1812
1850
|
#onWheel;
|
|
1851
|
+
/**
|
|
1852
|
+
* Cell `pointerenter` funnel. While a scroll gesture moves cells beneath a
|
|
1853
|
+
* stationary pointer (`disable-scroll-hover-tickle`), the freshly
|
|
1854
|
+
* virtualised cell's enter event is ignored so the cursor holds still.
|
|
1855
|
+
*/
|
|
1856
|
+
#handleCellPointerEnter(key) {
|
|
1857
|
+
if (this.#scrollHoverSuppress) return;
|
|
1858
|
+
this.tickled.handlePointerEnter(key);
|
|
1859
|
+
}
|
|
1860
|
+
/** Open the scroll-hover suppression window (no-op unless opted in and not already open). */
|
|
1861
|
+
#markScrollHoverSuppress() {
|
|
1862
|
+
if (!this.disableScrollHoverTickle || this.#scrollHoverSuppress) return;
|
|
1863
|
+
this.#scrollHoverSuppress = true;
|
|
1864
|
+
this.toggleAttribute(`data-scroll-hover-suppress`, true);
|
|
1865
|
+
}
|
|
1866
|
+
#endScrollHoverSuppress() {
|
|
1867
|
+
if (!this.#scrollHoverSuppress) return;
|
|
1868
|
+
this.#scrollHoverSuppress = false;
|
|
1869
|
+
this.toggleAttribute(`data-scroll-hover-suppress`, false);
|
|
1870
|
+
}
|
|
1871
|
+
/**
|
|
1872
|
+
* A real pointer movement ends scroll-hover suppression. The first
|
|
1873
|
+
* `pointerenter` on a real move is swallowed by design (it can be
|
|
1874
|
+
* indistinguishable from a virtualisation enter), so the cell already under
|
|
1875
|
+
* the pointer is re-tickled here — otherwise the cursor would lag one cell
|
|
1876
|
+
* boundary behind the pointer. The very first tracked `pointermove` only
|
|
1877
|
+
* establishes the baseline; it cannot know the pointer moved.
|
|
1878
|
+
*/
|
|
1879
|
+
#onHostPointerMove;
|
|
1880
|
+
/** The pointer leaving the list ends suppression, so re-entry hovers normally. */
|
|
1881
|
+
#onHostPointerLeave;
|
|
1813
1882
|
#cancelScrollRaf() {
|
|
1814
1883
|
if (this.#scrollRaf !== 0) {
|
|
1815
1884
|
cancelAnimationFrame(this.#scrollRaf);
|
|
@@ -1893,6 +1962,11 @@ __decorate([property({
|
|
|
1893
1962
|
attribute: `disable-hover-tickle`,
|
|
1894
1963
|
reflect: true
|
|
1895
1964
|
})], GridListElement.prototype, "disableHoverTickle", void 0);
|
|
1965
|
+
__decorate([property({
|
|
1966
|
+
type: Boolean,
|
|
1967
|
+
attribute: `disable-scroll-hover-tickle`,
|
|
1968
|
+
reflect: true
|
|
1969
|
+
})], GridListElement.prototype, "disableScrollHoverTickle", void 0);
|
|
1896
1970
|
__decorate([property({
|
|
1897
1971
|
type: Number,
|
|
1898
1972
|
attribute: `item-size`
|
|
@@ -1964,4 +2038,4 @@ GridListElement = __decorate([safeCustomElement(`ixfx-grid-list`)], GridListElem
|
|
|
1964
2038
|
//#endregion
|
|
1965
2039
|
export { GridListElement as t };
|
|
1966
2040
|
|
|
1967
|
-
//# sourceMappingURL=grid-list-
|
|
2041
|
+
//# sourceMappingURL=grid-list-WE92nfX5.js.map
|