@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.
- package/bundle/index.d.ts +78 -9
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +241 -47
- 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-D-z7bx5-.d.ts → data-grid-DCt0oack.d.ts} +2 -2
- package/dist/{data-grid-D-z7bx5-.d.ts.map → data-grid-DCt0oack.d.ts.map} +1 -1
- package/dist/data-grid.d.ts +1 -1
- package/dist/{detail-list-_ZJHYEBr.d.ts → detail-list-CqRzhFnv.d.ts} +2 -2
- package/dist/{detail-list-_ZJHYEBr.d.ts.map → detail-list-CqRzhFnv.d.ts.map} +1 -1
- package/dist/detail-list.d.ts +1 -1
- package/dist/{grid-list-BXfY3XXX.js → grid-list-j5C7qtlG.js} +148 -29
- package/dist/grid-list-j5C7qtlG.js.map +1 -0
- package/dist/grid-list-x550wJ0X.d.ts.map +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/{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-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-CS9yM8L-.d.ts → index-DsjpDksO.d.ts} +2 -2
- package/dist/{index-CS9yM8L-.d.ts.map → index-DsjpDksO.d.ts.map} +1 -1
- package/dist/index.d.ts +92 -23
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +95 -20
- package/dist/index.js.map +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/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/docs-user/dock.md +27 -5
- package/docs-user/grid-list.md +5 -3
- package/docs-user/index.json +2 -2
- package/package.json +1 -1
- package/dist/grid-list-BXfY3XXX.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 { 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-
|
|
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-
|
|
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-
|
|
272
|
+
//# sourceMappingURL=data-grid-DCt0oack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-
|
|
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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"}
|
package/dist/data-grid.d.ts
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
175
|
+
//# sourceMappingURL=detail-list-CqRzhFnv.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detail-list-
|
|
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"}
|
package/dist/detail-list.d.ts
CHANGED
|
@@ -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-
|
|
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 (
|
|
637
|
-
|
|
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
|
-
|
|
660
|
-
if (
|
|
661
|
-
if (!
|
|
662
|
-
const
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
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-
|
|
2158
|
+
//# sourceMappingURL=grid-list-j5C7qtlG.js.map
|