@ixfx/components 0.8.3 → 0.8.5

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.
Files changed (67) hide show
  1. package/bundle/index.d.ts +78 -9
  2. package/bundle/index.d.ts.map +1 -1
  3. package/bundle/index.js +241 -47
  4. package/bundle/index.js.map +1 -1
  5. package/dist/ac-text.d.ts +1 -1
  6. package/dist/{ac-token--_vCHXWw.d.ts → ac-token-TCLAZeVg.d.ts} +2 -2
  7. package/dist/{ac-token--_vCHXWw.d.ts.map → ac-token-TCLAZeVg.d.ts.map} +1 -1
  8. package/dist/ac-token.d.ts +1 -1
  9. package/dist/button.d.ts +1 -1
  10. package/dist/button.d.ts.map +1 -1
  11. package/dist/colour-picker.d.ts +1 -1
  12. package/dist/crumbs.d.ts +1 -1
  13. package/dist/{data-grid-D-z7bx5-.d.ts → data-grid-DCt0oack.d.ts} +2 -2
  14. package/dist/{data-grid-D-z7bx5-.d.ts.map → data-grid-DCt0oack.d.ts.map} +1 -1
  15. package/dist/data-grid.d.ts +1 -1
  16. package/dist/{detail-list-_ZJHYEBr.d.ts → detail-list-CqRzhFnv.d.ts} +2 -2
  17. package/dist/{detail-list-_ZJHYEBr.d.ts.map → detail-list-CqRzhFnv.d.ts.map} +1 -1
  18. package/dist/detail-list.d.ts +1 -1
  19. package/dist/{grid-list-BXfY3XXX.js → grid-list-j5C7qtlG.js} +148 -29
  20. package/dist/grid-list-j5C7qtlG.js.map +1 -0
  21. package/dist/grid-list-x550wJ0X.d.ts.map +1 -1
  22. package/dist/grid-list.js +1 -1
  23. package/dist/{grouped-item-lister-fdZHVxFM.d.ts → grouped-item-lister-CEZ72VOs.d.ts} +2 -2
  24. package/dist/{grouped-item-lister-fdZHVxFM.d.ts.map → grouped-item-lister-CEZ72VOs.d.ts.map} +1 -1
  25. package/dist/grouped-item-lister.d.ts +1 -1
  26. package/dist/{icon-CDGprSdE.d.ts → icon-DR_3rSyZ.d.ts} +2 -2
  27. package/dist/icon-DR_3rSyZ.d.ts.map +1 -0
  28. package/dist/icons.d.ts +2 -2
  29. package/dist/{index-tq6f8007.d.ts → index-BOUaDIW-.d.ts} +2 -2
  30. package/dist/{index-tq6f8007.d.ts.map → index-BOUaDIW-.d.ts.map} +1 -1
  31. package/dist/{index-CoqtMSd9.d.ts → index-BUB5SICW.d.ts} +2 -2
  32. package/dist/{index-CoqtMSd9.d.ts.map → index-BUB5SICW.d.ts.map} +1 -1
  33. package/dist/{index-9AhaHIT2.d.ts → index-C59-JEPl.d.ts} +3 -3
  34. package/dist/{index-9AhaHIT2.d.ts.map → index-C59-JEPl.d.ts.map} +1 -1
  35. package/dist/{index-UvnoZUAo.d.ts → index-CJ5fshD3.d.ts} +2 -2
  36. package/dist/{index-UvnoZUAo.d.ts.map → index-CJ5fshD3.d.ts.map} +1 -1
  37. package/dist/{index-CS9yM8L-.d.ts → index-DsjpDksO.d.ts} +2 -2
  38. package/dist/{index-CS9yM8L-.d.ts.map → index-DsjpDksO.d.ts.map} +1 -1
  39. package/dist/index.d.ts +92 -23
  40. package/dist/index.d.ts.map +1 -1
  41. package/dist/index.js +95 -20
  42. package/dist/index.js.map +1 -1
  43. package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-Dp_9KP0G.d.ts} +2 -2
  44. package/dist/{labelled-input-base-DiTme1JO.d.ts.map → labelled-input-base-Dp_9KP0G.d.ts.map} +1 -1
  45. package/dist/labelled-radial-input.d.ts +2 -2
  46. package/dist/labelled-radial-input.d.ts.map +1 -1
  47. package/dist/labelled-range-input.d.ts +1 -1
  48. package/dist/labelled-slider-input.d.ts +1 -1
  49. package/dist/{menu-item-CZi9vy5O.d.ts → menu-item-ZmkXNjek.d.ts} +2 -2
  50. package/dist/{menu-item-CZi9vy5O.d.ts.map → menu-item-ZmkXNjek.d.ts.map} +1 -1
  51. package/dist/menu.d.ts +2 -2
  52. package/dist/panel.d.ts +1 -1
  53. package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-C5SYbDrq.d.ts} +2 -2
  54. package/dist/{split-layout-JK3xWVX2.d.ts.map → split-layout-C5SYbDrq.d.ts.map} +1 -1
  55. package/dist/split-layout.d.ts +1 -1
  56. package/dist/{tab-list-CGyPt07Z.d.ts → tab-list-DbMIL520.d.ts} +2 -2
  57. package/dist/{tab-list-CGyPt07Z.d.ts.map → tab-list-DbMIL520.d.ts.map} +1 -1
  58. package/dist/tabs.d.ts +1 -1
  59. package/dist/{titlebar-Tqu-VvMU.d.ts → titlebar-B5zSTZnF.d.ts} +2 -2
  60. package/dist/{titlebar-Tqu-VvMU.d.ts.map → titlebar-B5zSTZnF.d.ts.map} +1 -1
  61. package/dist/titlebar.d.ts +1 -1
  62. package/docs-user/dock.md +27 -5
  63. package/docs-user/grid-list.md +5 -3
  64. package/docs-user/index.json +2 -2
  65. package/package.json +1 -1
  66. package/dist/grid-list-BXfY3XXX.js.map +0 -1
  67. package/dist/icon-CDGprSdE.d.ts.map +0 -1
package/dist/ac-text.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import "./icon-CDGprSdE.js";
1
+ import "./icon-DR_3rSyZ.js";
2
2
  import { LitElement, PropertyValues } from "lit";
3
3
  //#region src/ac-text/ac-text.d.ts
4
4
  type AcTextItem = {
@@ -1,4 +1,4 @@
1
- import "./icon-CDGprSdE.js";
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--_vCHXWw.d.ts.map
107
+ //# sourceMappingURL=ac-token-TCLAZeVg.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ac-token--_vCHXWw.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"}
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"}
@@ -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--_vCHXWw.js";
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(): typeof nothing | import("lit").TemplateResult<1>;
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
  }
@@ -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,sBAAW,wBAAA;YAcX,wBAAM;SAQT,sBAAM;;QAMP;YACI;IACR,eAAe"}
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"}
@@ -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-tq6f8007.js";
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 { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Bc23SI94.js";
2
2
  import { a as TreeComponent, c as TreeExpandEvent, g as TreeDataModel, h as TreeTickleEvent, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, u as TreeItemClickEvent } from "./tree-component-F6qZ0Gdv.js";
3
- import "./menu-item-CZi9vy5O.js";
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,5 +1,5 @@
1
1
  import { S as ListSearchController } from "./index-h6gxtfHH.js";
2
- import "./index-9AhaHIT2.js";
2
+ import "./index-C59-JEPl.js";
3
3
  import { LitElement } from "lit";
4
4
  import { CommandId, CommandRegistry } from "@clinth/ui-commands";
5
5
  //#region src/data-grid/types.d.ts
@@ -269,4 +269,4 @@ interface DataGridElement {
269
269
  }
270
270
  //#endregion
271
271
  export { DataGridSortDetail as _, DataGridColumnReorderDetail as a, DataGridColumnResizeEvent as c, DataGridElement as d, DataGridElementEventMap as f, DataGridSelectEvent as g, DataGridSelectDetail as h, DataGridCellEditEvent as i, 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, DataGridSortEvent as v };
272
- //# sourceMappingURL=data-grid-D-z7bx5-.d.ts.map
272
+ //# sourceMappingURL=data-grid-DCt0oack.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"data-grid-D-z7bx5-.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":"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"}
1
+ {"version":3,"file":"data-grid-DCt0oack.d.ts","names":[],"sources":["../src/data-grid/types.ts","../src/data-grid/data-grid.ts"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, 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 DataGridSortEvent } from "./data-grid-D-z7bx5-.js";
1
+ import { _ as DataGridSortDetail, a as DataGridColumnReorderDetail, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridSelectEvent, h as DataGridSelectDetail, i as DataGridCellEditEvent, 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 DataGridSortEvent } from "./data-grid-DCt0oack.js";
2
2
  export { DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, DataGridElement, DataGridElementEventMap, DataGridGroupChangeDetail, DataGridGroupChangeEvent, DataGridSelectDetail, DataGridSelectEvent, DataGridSortDetail, DataGridSortEvent };
@@ -1,4 +1,4 @@
1
- import "./icon-CDGprSdE.js";
1
+ import "./icon-DR_3rSyZ.js";
2
2
  import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
3
3
  import { S as ListSearchController } from "./index-h6gxtfHH.js";
4
4
  import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-B5ioL-dG.js";
@@ -172,4 +172,4 @@ declare global {
172
172
  }
173
173
  //#endregion
174
174
  export { DetailSortMode as a, DetailSortItem as i, DetailFormatter as n, DetailSortComparator as r, DetailListElement as t };
175
- //# sourceMappingURL=detail-list-_ZJHYEBr.d.ts.map
175
+ //# sourceMappingURL=detail-list-CqRzhFnv.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"detail-list-_ZJHYEBr.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;;;;;;;;;;;;;;;;;;;;cC8D5D,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;UAGQ;mBAeS;UAeT;;WAuEC,QAAM,qBAAA;;MAYX,YAAY;EAoBP;EA4DA;EAiBA;EAQA,QAAQ,SAAS;;MAqCtB,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;;;;;;EASlB,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;UAoa7D;;;;;;;;;EAkBF,kBAAkB;UAwBhB;UAMA;UAgCA;UAiBA;;;;;;;UA2DA;;UAoBA;UAcA;UAYA;UAUA;UAMA;UAIA;UA4EA;UAWA;UAMA;UAKA;SAUQ,sBAAM;EA6Ib,wBAAM;;QAsBT;YACI;IACR,oBAAoB;;YAGZ,4BAA4B"}
1
+ {"version":3,"file":"detail-list-CqRzhFnv.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;;;;;;;;;;;;;;;;;;;;cC8D5D,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;UAGQ;mBAeS;UAeT;;WAuEC,QAAM,qBAAA;;MAYX,YAAY;EAoBP;EA4DA;EAiBA;EAQA,QAAQ,SAAS;;MAqCtB,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;;;;;;EASlB,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;UAoa7D;;;;;;;;;EAkBF,kBAAkB;UAwBhB;UAMA;UAgCA;UAiBA;;;;;;;UA2DA;;UAoBA;UAcA;UAYA;UAUA;UAMA;UAIA;UA4EA;UAWA;UAMA;UAKA;SAUQ,sBAAM;EA6Ib,wBAAM;;QAsBT;YACI;IACR,oBAAoB;;YAGZ,4BAA4B"}
@@ -1,3 +1,3 @@
1
1
  import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-CFuFDygi.js";
2
- import { a as DetailSortMode, i as DetailSortItem, n as DetailFormatter, r as DetailSortComparator, t as DetailListElement } from "./detail-list-_ZJHYEBr.js";
2
+ import { a as DetailSortMode, i as DetailSortItem, n as DetailFormatter, r as DetailSortComparator, t as DetailListElement } from "./detail-list-CqRzhFnv.js";
3
3
  export { type AddItemOptions, type CustomCheckboxOptions, type DetailFormatter, DetailListElement, type DetailSortComparator, type DetailSortItem, type DetailSortMode };
@@ -633,14 +633,8 @@ let GridListElement = class GridListElement extends LitElement {
633
633
  }
634
634
  },
635
635
  shouldStart: (event) => {
636
- if (!this.itemsDraggable) return true;
637
- const cell = event.composedPath()[0]?.closest?.(`.cell`);
638
- if (!cell) return true;
639
- const key = cell.dataset.key;
640
- if (!key) return true;
641
- const index = this.#source.indexOfKey(key);
642
- if (index < 0) return true;
643
- return !this.#source.isSelectable(index);
636
+ for (const node of event.composedPath()) if (node instanceof Element && node.classList.contains(`cell`)) return false;
637
+ return true;
644
638
  }
645
639
  });
646
640
  this.#selectedSnapshot = /* @__PURE__ */ new Set();
@@ -655,26 +649,17 @@ let GridListElement = class GridListElement extends LitElement {
655
649
  });
656
650
  };
657
651
  this.#onDragStart = (e, key) => {
652
+ this.#doDragStart(key, () => e.preventDefault(), e);
653
+ };
654
+ this.#onSlottedDragStart = (e) => {
658
655
  if (!this.itemsDraggable) return;
659
- const index = this.#source.indexOfKey(key);
660
- if (index < 0 || !this.#source.isSelectable(index)) return;
661
- if (!this.selection.selectedKeys.has(key)) this.selection.replace(key);
662
- const selectedKeys = this.#source.keys().filter((k) => !isSyntheticKey(k)).filter((k) => this.selection.selectedKeys.has(k));
663
- const detail = {
664
- key,
665
- index: this.#source.indexOfKey(key),
666
- item: this.#source.resolveKeyToData(key) ?? this.#source.resolveKeyToElement(key),
667
- selectedKeys
668
- };
669
- if (!this._dispatch(`grid-list-native-drag-start`, detail, true)) {
670
- e.preventDefault();
671
- return;
672
- }
673
- this.#nativeDragging = true;
674
- this.#dragOriginKey = key;
675
- this.toggleAttribute(`data-native-dragging`, true);
676
- const count = selectedKeys.length;
677
- this.setAttribute(`aria-label`, count === 1 ? `Dragging 1 item` : `Dragging ${count} items`);
656
+ let cell = e.composedPath().find((n) => n instanceof Element && n.classList.contains(`cell`));
657
+ if (!cell && e.target instanceof Element) cell = e.target.closest?.(`.cell`);
658
+ if (!cell) return;
659
+ const key = cell.dataset.key;
660
+ if (!key) return;
661
+ if (e instanceof DragEvent) this.#doDragStart(key, () => e.preventDefault(), e);
662
+ else this.#doDragStart(key, () => {});
678
663
  };
679
664
  this.#onDragEnd = () => {
680
665
  this.#clearNativeDragState();
@@ -851,7 +836,6 @@ let GridListElement = class GridListElement extends LitElement {
851
836
  align-items: center;
852
837
  justify-content: center;
853
838
  overflow: hidden;
854
- draggable: false;
855
839
  }
856
840
  .thumb ::slotted(*:empty)::after {
857
841
  content: "Empty";
@@ -1330,6 +1314,7 @@ let GridListElement = class GridListElement extends LitElement {
1330
1314
  this.#measureViewport(false);
1331
1315
  this.#syncItems();
1332
1316
  this.requestUpdate();
1317
+ this.#initSlottedDragInterceptor();
1333
1318
  }
1334
1319
  /** (Re)construct {@link #source} for the current mode and re-apply the filters. */
1335
1320
  #rebuildSource() {
@@ -1419,6 +1404,7 @@ let GridListElement = class GridListElement extends LitElement {
1419
1404
  this.selection.clearAnchor();
1420
1405
  this.#syncAriaMultiselectable();
1421
1406
  }
1407
+ if (changed.has(`itemsDraggable`)) this.#syncSlottedDraggable();
1422
1408
  if (changed.has(`orientation`)) {
1423
1409
  const vp = this.#viewportRef.value;
1424
1410
  if (vp) {
@@ -1945,7 +1931,140 @@ let GridListElement = class GridListElement extends LitElement {
1945
1931
  this.selection.handleClick(key, e);
1946
1932
  this.#emitItemEvent(`list-item-click`, key);
1947
1933
  }
1934
+ #doDragStart(key, cancelled, dragEvent) {
1935
+ if (!this.itemsDraggable) return false;
1936
+ const index = this.#source.indexOfKey(key);
1937
+ if (index < 0 || !this.#source.isSelectable(index)) return false;
1938
+ if (!this.selection.selectedKeys.has(key)) this.selection.replace(key);
1939
+ const selectedKeys = this.#source.keys().filter((k) => !isSyntheticKey(k)).filter((k) => this.selection.selectedKeys.has(k));
1940
+ const detail = {
1941
+ key,
1942
+ index: this.#source.indexOfKey(key),
1943
+ item: this.#source.resolveKeyToData(key) ?? this.#source.resolveKeyToElement(key),
1944
+ selectedKeys
1945
+ };
1946
+ if (!this._dispatch(`grid-list-native-drag-start`, detail, true)) {
1947
+ cancelled();
1948
+ return false;
1949
+ }
1950
+ this.#nativeDragging = true;
1951
+ this.#dragOriginKey = key;
1952
+ this.toggleAttribute(`data-native-dragging`, true);
1953
+ const count = selectedKeys.length;
1954
+ this.setAttribute(`aria-label`, count === 1 ? `Dragging 1 item` : `Dragging ${count} items`);
1955
+ if (dragEvent && count > 1) this.#setMultiItemDragImage(dragEvent, selectedKeys);
1956
+ return true;
1957
+ }
1958
+ #setMultiItemDragImage(e, selectedKeys) {
1959
+ const preview = this.#createMultiItemPreview(selectedKeys);
1960
+ document.body.appendChild(preview);
1961
+ const rect = preview.getBoundingClientRect();
1962
+ e.dataTransfer?.setDragImage(preview, rect.width / 2, rect.height / 2);
1963
+ requestAnimationFrame(() => preview.remove());
1964
+ }
1965
+ #createMultiItemPreview(selectedKeys) {
1966
+ const preview = document.createElement(`div`);
1967
+ preview.style.cssText = `
1968
+ position: fixed;
1969
+ top: -9999px;
1970
+ left: -9999px;
1971
+ display: flex;
1972
+ flex-direction: column;
1973
+ gap: 4px;
1974
+ padding: 8px;
1975
+ background: var(--surface-4, #333);
1976
+ border: 1px solid var(--border, #555);
1977
+ border-radius: 8px;
1978
+ box-shadow: 0 4px 16px rgba(0,0,0,0.3);
1979
+ font-family: system-ui, sans-serif;
1980
+ font-size: 12px;
1981
+ color: var(--surface-text, #fff);
1982
+ max-width: 200px;
1983
+ z-index: 999999;
1984
+ `;
1985
+ const header = document.createElement(`div`);
1986
+ header.style.cssText = `
1987
+ font-weight: 600;
1988
+ padding-bottom: 4px;
1989
+ border-bottom: 1px solid var(--border, #555);
1990
+ margin-bottom: 4px;
1991
+ `;
1992
+ header.textContent = `${selectedKeys.length} items`;
1993
+ preview.appendChild(header);
1994
+ for (const key of selectedKeys.slice(0, 5)) {
1995
+ const row = this.#createPreviewRow(key);
1996
+ if (row) preview.appendChild(row);
1997
+ }
1998
+ if (selectedKeys.length > 5) {
1999
+ const more = document.createElement(`div`);
2000
+ more.style.cssText = `opacity: 0.6; text-align: center;`;
2001
+ more.textContent = `+${selectedKeys.length - 5} more`;
2002
+ preview.appendChild(more);
2003
+ }
2004
+ return preview;
2005
+ }
2006
+ #createPreviewRow(key) {
2007
+ const el = this.#source.resolveKeyToElement(key);
2008
+ if (!el) return null;
2009
+ const row = document.createElement(`div`);
2010
+ row.style.cssText = `
2011
+ display: flex;
2012
+ align-items: center;
2013
+ gap: 6px;
2014
+ `;
2015
+ const thumb = document.createElement(`div`);
2016
+ thumb.style.cssText = `
2017
+ width: 32px;
2018
+ height: 32px;
2019
+ border-radius: 4px;
2020
+ overflow: hidden;
2021
+ background: var(--surface-5, #444);
2022
+ flex-shrink: 0;
2023
+ display: flex;
2024
+ align-items: center;
2025
+ justify-content: center;
2026
+ `;
2027
+ const slottedImg = el.querySelector(`img`);
2028
+ const slottedSvg = el.querySelector(`svg`);
2029
+ const slottedPlaceholder = el.querySelector(`.placeholder`);
2030
+ if (slottedImg) {
2031
+ const img = slottedImg.cloneNode(true);
2032
+ img.style.cssText = `width: 100%; height: 100%; object-fit: cover;`;
2033
+ thumb.appendChild(img);
2034
+ } else if (slottedSvg) {
2035
+ const svg = slottedSvg.cloneNode(true);
2036
+ svg.style.cssText = `width: 70%; height: 70%; opacity: 0.8;`;
2037
+ thumb.appendChild(svg);
2038
+ } else if (slottedPlaceholder) thumb.textContent = slottedPlaceholder.textContent || `?`;
2039
+ const label = document.createElement(`span`);
2040
+ label.style.cssText = `
2041
+ flex: 1;
2042
+ overflow: hidden;
2043
+ text-overflow: ellipsis;
2044
+ white-space: nowrap;
2045
+ `;
2046
+ label.textContent = el.getAttribute(`data-label`) || key;
2047
+ row.appendChild(thumb);
2048
+ row.appendChild(label);
2049
+ return row;
2050
+ }
1948
2051
  #onDragStart;
2052
+ #onSlottedDragStart;
2053
+ #initSlottedDragInterceptor() {
2054
+ this.renderRoot.addEventListener(`dragstart`, this.#onSlottedDragStart, { capture: true });
2055
+ const observer = new MutationObserver(() => this.#syncSlottedDraggable());
2056
+ observer.observe(this, {
2057
+ childList: true,
2058
+ subtree: true
2059
+ });
2060
+ this.#slottedDragObserver = observer;
2061
+ this.#syncSlottedDraggable();
2062
+ }
2063
+ #slottedDragObserver;
2064
+ #syncSlottedDraggable() {
2065
+ const draggable = this.itemsDraggable;
2066
+ for (const child of this.children) if (child instanceof HTMLElement) child.draggable = draggable;
2067
+ }
1949
2068
  #onDragEnd;
1950
2069
  #startPostDragSuppressTimer() {
1951
2070
  if (this.#postDragSuppressTimer) clearTimeout(this.#postDragSuppressTimer);
@@ -2036,4 +2155,4 @@ GridListElement = __decorate([safeCustomElement(`ixfx-grid-list`)], GridListElem
2036
2155
  //#endregion
2037
2156
  export { PanTextElement as n, GridListElement as t };
2038
2157
 
2039
- //# sourceMappingURL=grid-list-BXfY3XXX.js.map
2158
+ //# sourceMappingURL=grid-list-j5C7qtlG.js.map