@ship-ui/core 0.19.4 → 0.22.0
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/README.md +3 -0
- package/assets/mcp/components.json +32 -4212
- package/bin/mcp/index.js +6544 -444
- package/bin/ship-fg-scanner +0 -0
- package/bin/ship-fg.mjs +18 -16
- package/bin/src/subset.ts +3 -1
- package/fesm2022/ship-ui-core-sh-form-field-experimental.mjs +42 -0
- package/fesm2022/ship-ui-core-sh-form-field-experimental.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-accordion.mjs +127 -0
- package/fesm2022/ship-ui-core-ship-accordion.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-alert.mjs +305 -0
- package/fesm2022/ship-ui-core-ship-alert.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-blueprint.mjs +1156 -0
- package/fesm2022/ship-ui-core-ship-blueprint.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-button-group.mjs +41 -0
- package/fesm2022/ship-ui-core-ship-button-group.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-button.mjs +38 -0
- package/fesm2022/ship-ui-core-ship-button.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-card.mjs +35 -0
- package/fesm2022/ship-ui-core-ship-card.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-checkbox.mjs +113 -0
- package/fesm2022/ship-ui-core-ship-checkbox.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-chip.mjs +44 -0
- package/fesm2022/ship-ui-core-ship-chip.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-color-picker.mjs +947 -0
- package/fesm2022/ship-ui-core-ship-color-picker.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-datepicker.mjs +951 -0
- package/fesm2022/ship-ui-core-ship-datepicker.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-dialog.mjs +263 -0
- package/fesm2022/ship-ui-core-ship-dialog.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-divider.mjs +22 -0
- package/fesm2022/ship-ui-core-ship-divider.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-event-card.mjs +50 -0
- package/fesm2022/ship-ui-core-ship-event-card.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-file-upload.mjs +112 -0
- package/fesm2022/ship-ui-core-ship-file-upload.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-form-field.mjs +310 -0
- package/fesm2022/ship-ui-core-ship-form-field.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-icon.mjs +81 -0
- package/fesm2022/ship-ui-core-ship-icon.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-list.mjs +22 -0
- package/fesm2022/ship-ui-core-ship-list.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-menu.mjs +545 -0
- package/fesm2022/ship-ui-core-ship-menu.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-popover.mjs +286 -0
- package/fesm2022/ship-ui-core-ship-popover.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-progress-bar.mjs +37 -0
- package/fesm2022/ship-ui-core-ship-progress-bar.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-radio.mjs +102 -0
- package/fesm2022/ship-ui-core-ship-radio.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-range-slider.mjs +277 -0
- package/fesm2022/ship-ui-core-ship-range-slider.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-select.mjs +971 -0
- package/fesm2022/ship-ui-core-ship-select.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-sidenav.mjs +248 -0
- package/fesm2022/ship-ui-core-ship-sidenav.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-sortable.mjs +485 -0
- package/fesm2022/ship-ui-core-ship-sortable.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-spinner.mjs +28 -0
- package/fesm2022/ship-ui-core-ship-spinner.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-stepper.mjs +76 -0
- package/fesm2022/ship-ui-core-ship-stepper.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-table-filter-bar.mjs +28 -0
- package/fesm2022/ship-ui-core-ship-table-filter-bar.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-table.mjs +442 -0
- package/fesm2022/ship-ui-core-ship-table.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-tabs.mjs +38 -0
- package/fesm2022/ship-ui-core-ship-tabs.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-theme-toggle.mjs +119 -0
- package/fesm2022/ship-ui-core-ship-theme-toggle.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-toggle-card.mjs +75 -0
- package/fesm2022/ship-ui-core-ship-toggle-card.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-toggle.mjs +105 -0
- package/fesm2022/ship-ui-core-ship-toggle.mjs.map +1 -0
- package/fesm2022/ship-ui-core-ship-virtual-scroll.mjs +186 -0
- package/fesm2022/ship-ui-core-ship-virtual-scroll.mjs.map +1 -0
- package/fesm2022/ship-ui-core.mjs +880 -8782
- package/fesm2022/ship-ui-core.mjs.map +1 -1
- package/package.json +147 -3
- package/styles/core.scss +43 -0
- package/styles/helpers.scss +2 -0
- package/styles/index.scss +12 -123
- package/types/ship-ui-core-sh-form-field-experimental.d.ts +11 -0
- package/types/ship-ui-core-ship-accordion.d.ts +19 -0
- package/types/ship-ui-core-ship-alert.d.ts +68 -0
- package/types/ship-ui-core-ship-blueprint.d.ts +112 -0
- package/types/ship-ui-core-ship-button-group.d.ts +15 -0
- package/types/ship-ui-core-ship-button.d.ts +13 -0
- package/types/ship-ui-core-ship-card.d.ts +11 -0
- package/types/ship-ui-core-ship-checkbox.d.ts +22 -0
- package/types/ship-ui-core-ship-chip.d.ts +15 -0
- package/types/ship-ui-core-ship-color-picker.d.ts +105 -0
- package/types/ship-ui-core-ship-datepicker.d.ts +96 -0
- package/types/ship-ui-core-ship-dialog.d.ts +76 -0
- package/types/ship-ui-core-ship-divider.d.ts +8 -0
- package/types/ship-ui-core-ship-event-card.d.ts +11 -0
- package/types/ship-ui-core-ship-file-upload.d.ts +20 -0
- package/types/ship-ui-core-ship-form-field.d.ts +32 -0
- package/types/ship-ui-core-ship-icon.d.ts +18 -0
- package/types/ship-ui-core-ship-list.d.ts +8 -0
- package/types/ship-ui-core-ship-menu.d.ts +49 -0
- package/types/ship-ui-core-ship-popover.d.ts +40 -0
- package/types/ship-ui-core-ship-progress-bar.d.ts +14 -0
- package/types/ship-ui-core-ship-radio.d.ts +22 -0
- package/types/ship-ui-core-ship-range-slider.d.ts +31 -0
- package/types/ship-ui-core-ship-select.d.ts +81 -0
- package/types/ship-ui-core-ship-sidenav.d.ts +36 -0
- package/types/ship-ui-core-ship-sortable.d.ts +72 -0
- package/types/ship-ui-core-ship-spinner.d.ts +10 -0
- package/types/ship-ui-core-ship-stepper.d.ts +13 -0
- package/types/ship-ui-core-ship-table-filter-bar.d.ts +8 -0
- package/types/ship-ui-core-ship-table.d.ts +69 -0
- package/types/ship-ui-core-ship-tabs.d.ts +14 -0
- package/types/ship-ui-core-ship-theme-toggle.d.ts +28 -0
- package/types/ship-ui-core-ship-toggle-card.d.ts +15 -0
- package/types/ship-ui-core-ship-toggle.d.ts +21 -0
- package/types/ship-ui-core-ship-virtual-scroll.d.ts +22 -0
- package/types/ship-ui-core.d.ts +88 -1070
- package/styles/components/ship-accordion.scss +0 -113
- package/styles/components/ship-alert-container.scss +0 -49
- package/styles/components/ship-alert.scss +0 -177
- package/styles/components/ship-blueprint.scss +0 -242
- package/styles/components/ship-button-group.scss +0 -165
- package/styles/components/ship-button.scss +0 -141
- package/styles/components/ship-card.scss +0 -56
- package/styles/components/ship-checkbox.scss +0 -116
- package/styles/components/ship-chip.scss +0 -104
- package/styles/components/ship-color-picker.scss +0 -150
- package/styles/components/ship-datepicker.scss +0 -317
- package/styles/components/ship-dialog.scss +0 -152
- package/styles/components/ship-divider.scss +0 -27
- package/styles/components/ship-event-card.scss +0 -51
- package/styles/components/ship-file-upload.scss +0 -47
- package/styles/components/ship-form-field.scss +0 -408
- package/styles/components/ship-icon.scss +0 -54
- package/styles/components/ship-list.scss +0 -165
- package/styles/components/ship-menu.scss +0 -237
- package/styles/components/ship-popover.scss +0 -205
- package/styles/components/ship-progress-bar.scss +0 -173
- package/styles/components/ship-radio.scss +0 -113
- package/styles/components/ship-range-slider.scss +0 -421
- package/styles/components/ship-select.scss +0 -153
- package/styles/components/ship-sidenav.scss +0 -195
- package/styles/components/ship-sortable.scss +0 -45
- package/styles/components/ship-spinner.scss +0 -53
- package/styles/components/ship-stepper.scss +0 -158
- package/styles/components/ship-table.scss +0 -443
- package/styles/components/ship-tabs.scss +0 -125
- package/styles/components/ship-theme-toggle.scss +0 -41
- package/styles/components/ship-toggle-card.scss +0 -69
- package/styles/components/ship-toggle.scss +0 -255
- package/styles/components/ship-tooltip.scss +0 -151
- package/styles/components/ship-virtual-scroll.scss +0 -12
|
@@ -0,0 +1,485 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { inject, DOCUMENT, ElementRef, Renderer2, signal, input, output, effect, HostListener, Directive } from '@angular/core';
|
|
3
|
+
import { isObservable, firstValueFrom } from 'rxjs';
|
|
4
|
+
|
|
5
|
+
var _a;
|
|
6
|
+
function createSortableManager(signals, config) {
|
|
7
|
+
const isSingle = typeof signals === 'function';
|
|
8
|
+
return {
|
|
9
|
+
async drop(event) {
|
|
10
|
+
// 1. Await API Authorization (RxJS or Promises)
|
|
11
|
+
if (config?.onBeforeDrop) {
|
|
12
|
+
const result = config.onBeforeDrop(event);
|
|
13
|
+
let accept = false;
|
|
14
|
+
if (isObservable(result)) {
|
|
15
|
+
accept = await firstValueFrom(result);
|
|
16
|
+
}
|
|
17
|
+
else if (result instanceof Promise) {
|
|
18
|
+
accept = await result;
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
accept = result;
|
|
22
|
+
}
|
|
23
|
+
if (!accept)
|
|
24
|
+
return; // Drop rejected, UI stays exactly as it was
|
|
25
|
+
}
|
|
26
|
+
// 2. Perform UI Signal Update
|
|
27
|
+
const isCrossDrop = event.previousContainer !== event.container;
|
|
28
|
+
if (!isCrossDrop) {
|
|
29
|
+
// Internal Reorder (moveIndex)
|
|
30
|
+
let targetSignal;
|
|
31
|
+
if (isSingle) {
|
|
32
|
+
targetSignal = signals;
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
const id = event.container.sortableGroup() || '';
|
|
36
|
+
targetSignal = signals[id];
|
|
37
|
+
}
|
|
38
|
+
if (targetSignal) {
|
|
39
|
+
targetSignal.update((arr) => moveIndex(arr, event));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
// Cross DropTransfer
|
|
44
|
+
if (isSingle) {
|
|
45
|
+
console.warn('Cross drops require a dictionary of signals in createSortableManager');
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const sourceId = event.previousContainer.sortableGroup() || '';
|
|
49
|
+
const targetId = event.container.sortableGroup() || '';
|
|
50
|
+
const sigDict = signals;
|
|
51
|
+
const sourceSignal = sigDict[sourceId];
|
|
52
|
+
const targetSignal = sigDict[targetId];
|
|
53
|
+
if (sourceSignal && targetSignal) {
|
|
54
|
+
const sourceArr = [...sourceSignal()];
|
|
55
|
+
const targetArr = [...targetSignal()];
|
|
56
|
+
const [item] = sourceArr.splice(event.previousIndex, 1);
|
|
57
|
+
if (item) {
|
|
58
|
+
targetArr.splice(event.currentIndex, 0, item);
|
|
59
|
+
sourceSignal.set(sourceArr);
|
|
60
|
+
targetSignal.set(targetArr);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
class ShipSortable {
|
|
68
|
+
constructor() {
|
|
69
|
+
this.#document = inject(DOCUMENT);
|
|
70
|
+
this.#selfEl = inject((ElementRef));
|
|
71
|
+
this.#renderer = inject(Renderer2);
|
|
72
|
+
this.#crossSpacerEl = signal(null, /* @ts-ignore */
|
|
73
|
+
...(ngDevMode ? [{ debugName: "#crossSpacerEl" }] : /* istanbul ignore next */ []));
|
|
74
|
+
this.shSortable = input(/* @ts-ignore */
|
|
75
|
+
...(ngDevMode ? [undefined, { debugName: "shSortable" }] : /* istanbul ignore next */ []));
|
|
76
|
+
this.sortableGroup = input(/* @ts-ignore */
|
|
77
|
+
...(ngDevMode ? [undefined, { debugName: "sortableGroup" }] : /* istanbul ignore next */ []));
|
|
78
|
+
this.sortDrop = output();
|
|
79
|
+
this.afterDrop = output();
|
|
80
|
+
this.crossDrop = output();
|
|
81
|
+
this.dragStartIndex = signal(-1, /* @ts-ignore */
|
|
82
|
+
...(ngDevMode ? [{ debugName: "dragStartIndex" }] : /* istanbul ignore next */ []));
|
|
83
|
+
this.dragToIndex = signal(-1, /* @ts-ignore */
|
|
84
|
+
...(ngDevMode ? [{ debugName: "dragToIndex" }] : /* istanbul ignore next */ []));
|
|
85
|
+
this.initialPositions = signal([], /* @ts-ignore */
|
|
86
|
+
...(ngDevMode ? [{ debugName: "initialPositions" }] : /* istanbul ignore next */ []));
|
|
87
|
+
this.dragables = signal([], /* @ts-ignore */
|
|
88
|
+
...(ngDevMode ? [{ debugName: "dragables" }] : /* istanbul ignore next */ []));
|
|
89
|
+
this.abortController = null;
|
|
90
|
+
this.isDropping = false;
|
|
91
|
+
this.isCrossTarget = false;
|
|
92
|
+
this.draggingEffect = effect(() => {
|
|
93
|
+
const currentDragPosIndex = this.dragToIndex();
|
|
94
|
+
const startIndex = this.dragStartIndex();
|
|
95
|
+
const dragables = this.dragables();
|
|
96
|
+
const positions = this.initialPositions();
|
|
97
|
+
if (currentDragPosIndex > -1 && positions.length > 0) {
|
|
98
|
+
this.#renderer.removeClass(this.#selfEl.nativeElement, 'item-dragged-out');
|
|
99
|
+
let ghostEl = null;
|
|
100
|
+
let ghostStartPosIndex = -1;
|
|
101
|
+
if (!this.isCrossTarget && startIndex > -1 && dragables.length > startIndex) {
|
|
102
|
+
ghostEl = dragables[startIndex];
|
|
103
|
+
ghostStartPosIndex = startIndex;
|
|
104
|
+
}
|
|
105
|
+
else if (this.isCrossTarget && this.#crossSpacerEl()) {
|
|
106
|
+
ghostEl = this.#crossSpacerEl();
|
|
107
|
+
ghostStartPosIndex = positions.length - 1;
|
|
108
|
+
}
|
|
109
|
+
for (let i = 0; i < dragables.length; i++) {
|
|
110
|
+
if (i === startIndex && !this.isCrossTarget)
|
|
111
|
+
continue;
|
|
112
|
+
const targetVisualIndex = this.getVisualIndexOfElement(i);
|
|
113
|
+
if (targetVisualIndex < positions.length && positions[i]) {
|
|
114
|
+
const dx = positions[targetVisualIndex].x - positions[i].x;
|
|
115
|
+
const dy = positions[targetVisualIndex].y - positions[i].y;
|
|
116
|
+
const newTransform = `translate(${dx}px, ${dy}px)`;
|
|
117
|
+
if (dragables[i].style.transform !== newTransform) {
|
|
118
|
+
this.#renderer.setStyle(dragables[i], 'transform', newTransform);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
if (ghostEl && ghostStartPosIndex > -1 && positions[currentDragPosIndex] && positions[ghostStartPosIndex]) {
|
|
123
|
+
const dx = positions[currentDragPosIndex].x - positions[ghostStartPosIndex].x;
|
|
124
|
+
const dy = positions[currentDragPosIndex].y - positions[ghostStartPosIndex].y;
|
|
125
|
+
const newTransform = `translate(${dx}px, ${dy}px)`;
|
|
126
|
+
if (ghostEl.style.transform !== newTransform) {
|
|
127
|
+
this.#renderer.setStyle(ghostEl, 'transform', newTransform);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
else if (startIndex > -1 && currentDragPosIndex === -1 && !this.isCrossTarget) {
|
|
132
|
+
this.#renderer.addClass(this.#selfEl.nativeElement, 'item-dragged-out');
|
|
133
|
+
for (let i = 0; i < dragables.length; i++) {
|
|
134
|
+
if (dragables[i].style.transform !== '') {
|
|
135
|
+
this.#renderer.setStyle(dragables[i], 'transform', '');
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}, /* @ts-ignore */
|
|
140
|
+
...(ngDevMode ? [{ debugName: "draggingEffect" }] : /* istanbul ignore next */ []));
|
|
141
|
+
this.draggablesEffect = effect(() => {
|
|
142
|
+
const els = this.dragables();
|
|
143
|
+
if (this.abortController) {
|
|
144
|
+
this.abortController.abort();
|
|
145
|
+
}
|
|
146
|
+
this.abortController = new AbortController();
|
|
147
|
+
for (const el of els) {
|
|
148
|
+
el.addEventListener('dragstart', (e) => this.dragStart(e), { signal: this.abortController.signal });
|
|
149
|
+
el.addEventListener('dragend', () => this.dragEnd(), { signal: this.abortController.signal });
|
|
150
|
+
}
|
|
151
|
+
}, /* @ts-ignore */
|
|
152
|
+
...(ngDevMode ? [{ debugName: "draggablesEffect" }] : /* istanbul ignore next */ []));
|
|
153
|
+
this.#dragableObserver = typeof MutationObserver !== 'undefined'
|
|
154
|
+
? new MutationObserver((mutations) => {
|
|
155
|
+
for (const mutation of mutations) {
|
|
156
|
+
if (mutation.type === 'childList') {
|
|
157
|
+
const draggableElements = Array.from(this.#selfEl.nativeElement.querySelectorAll('[draggable]:not(.sortable-spacer)'));
|
|
158
|
+
this.dragables.set(draggableElements);
|
|
159
|
+
if (this.isDropping) {
|
|
160
|
+
this.isDropping = false;
|
|
161
|
+
this.#cleanupDragState();
|
|
162
|
+
if (_a.activeTarget === this) {
|
|
163
|
+
_a.activeTarget = null;
|
|
164
|
+
}
|
|
165
|
+
if (_a.activeSource === this) {
|
|
166
|
+
_a.activeSource = null;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
})
|
|
172
|
+
: undefined;
|
|
173
|
+
}
|
|
174
|
+
#document;
|
|
175
|
+
#selfEl;
|
|
176
|
+
#renderer;
|
|
177
|
+
#crossSpacerEl;
|
|
178
|
+
static { this.activeSource = null; }
|
|
179
|
+
static { this.activeDraggedElement = null; }
|
|
180
|
+
static { this.activeTarget = null; }
|
|
181
|
+
getIndexOfElement(element) {
|
|
182
|
+
return this.dragables().findIndex((el) => el === element);
|
|
183
|
+
}
|
|
184
|
+
dragStart(e) {
|
|
185
|
+
if (e.target && e.dataTransfer) {
|
|
186
|
+
const targetElement = e.target;
|
|
187
|
+
const currentTarget = this.#document.elementFromPoint(e.clientX, e.clientY);
|
|
188
|
+
const isSortingHandle = currentTarget?.hasAttribute('sort-handle') || currentTarget?.closest('[sort-handle]') !== null;
|
|
189
|
+
let draggedElement;
|
|
190
|
+
if (isSortingHandle) {
|
|
191
|
+
draggedElement = targetElement.closest('[draggable]');
|
|
192
|
+
}
|
|
193
|
+
else {
|
|
194
|
+
draggedElement = targetElement;
|
|
195
|
+
if (draggedElement.parentElement?.querySelector('[sort-handle]') !== null || !draggedElement.draggable) {
|
|
196
|
+
e.preventDefault();
|
|
197
|
+
return;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
e.dataTransfer.effectAllowed = 'move';
|
|
201
|
+
_a.activeSource = this;
|
|
202
|
+
_a.activeDraggedElement = draggedElement;
|
|
203
|
+
_a.activeTarget = this;
|
|
204
|
+
this.isCrossTarget = false;
|
|
205
|
+
const containerRect = this.#selfEl.nativeElement.getBoundingClientRect();
|
|
206
|
+
const container = this.#selfEl.nativeElement;
|
|
207
|
+
const positions = Array.from(this.dragables()).map((el) => {
|
|
208
|
+
const rect = el.getBoundingClientRect();
|
|
209
|
+
return {
|
|
210
|
+
x: rect.left - containerRect.left - container.clientLeft + container.scrollLeft,
|
|
211
|
+
y: rect.top - containerRect.top - container.clientTop + container.scrollTop,
|
|
212
|
+
width: rect.width,
|
|
213
|
+
height: rect.height,
|
|
214
|
+
};
|
|
215
|
+
});
|
|
216
|
+
this.initialPositions.set(positions);
|
|
217
|
+
const rect = draggedElement.getBoundingClientRect();
|
|
218
|
+
const dragOffsetX = Math.max(0, e.clientX - rect.left);
|
|
219
|
+
const dragOffsetY = Math.max(0, e.clientY - rect.top);
|
|
220
|
+
e.dataTransfer.setDragImage(draggedElement, dragOffsetX, dragOffsetY);
|
|
221
|
+
const draggedElementIndex = this.getIndexOfElement(draggedElement);
|
|
222
|
+
this.dragStartIndex.set(draggedElementIndex);
|
|
223
|
+
this.dragToIndex.set(draggedElementIndex);
|
|
224
|
+
setTimeout(() => {
|
|
225
|
+
this.#renderer.addClass(draggedElement, 'sortable-ghost');
|
|
226
|
+
this.#renderer.addClass(this.#selfEl.nativeElement, 'dragging');
|
|
227
|
+
}, 0);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
ngOnInit() {
|
|
231
|
+
if (typeof MutationObserver !== 'undefined') {
|
|
232
|
+
this.#dragableObserver.observe(this.#selfEl.nativeElement, { childList: true });
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
dragEnter(e) {
|
|
236
|
+
if (!_a.activeSource || _a.activeSource === this)
|
|
237
|
+
return;
|
|
238
|
+
const sourceGroup = _a.activeSource.sortableGroup();
|
|
239
|
+
const currentGroup = this.sortableGroup();
|
|
240
|
+
const sourceManager = _a.activeSource.shSortable();
|
|
241
|
+
const currentManager = this.shSortable();
|
|
242
|
+
const isSameGroup = !!(sourceGroup && currentGroup && sourceGroup === currentGroup);
|
|
243
|
+
const isSameManager = !!(sourceManager?.drop && currentManager?.drop && sourceManager === currentManager);
|
|
244
|
+
if (isSameGroup || isSameManager) {
|
|
245
|
+
_a.activeTarget = this;
|
|
246
|
+
_a.activeSource.dragToIndex.set(-1);
|
|
247
|
+
// Setup Target Placeholder if we are just entering
|
|
248
|
+
if (!this.isCrossTarget) {
|
|
249
|
+
this.isCrossTarget = true;
|
|
250
|
+
this.#renderer.addClass(this.#selfEl.nativeElement, 'dragging');
|
|
251
|
+
// Compute cross-target positions by temporarily appending the active ghost to measure layout flow
|
|
252
|
+
const sourceElement = _a.activeDraggedElement;
|
|
253
|
+
const tempElement = sourceElement.cloneNode(true);
|
|
254
|
+
this.#renderer.setStyle(tempElement, 'transform', '');
|
|
255
|
+
// Ensure it doesn't have the original ghost state yet to measure flow without its potential transition scaling
|
|
256
|
+
this.#renderer.removeClass(tempElement, 'sortable-ghost');
|
|
257
|
+
this.#selfEl.nativeElement.appendChild(tempElement);
|
|
258
|
+
// Refresh dragables with temp included locally
|
|
259
|
+
const currentElements = Array.from(this.#selfEl.nativeElement.querySelectorAll('[draggable]:not(.sortable-spacer)'));
|
|
260
|
+
const containerRect = this.#selfEl.nativeElement.getBoundingClientRect();
|
|
261
|
+
const container = this.#selfEl.nativeElement;
|
|
262
|
+
const positions = currentElements.map((el) => {
|
|
263
|
+
const rect = el.getBoundingClientRect();
|
|
264
|
+
return {
|
|
265
|
+
x: rect.left - containerRect.left - container.clientLeft + container.scrollLeft,
|
|
266
|
+
y: rect.top - containerRect.top - container.clientTop + container.scrollTop,
|
|
267
|
+
width: rect.width,
|
|
268
|
+
height: rect.height,
|
|
269
|
+
};
|
|
270
|
+
});
|
|
271
|
+
this.initialPositions.set(positions);
|
|
272
|
+
// Keep the temp element as a structural spacer to physically expand the container's height/width
|
|
273
|
+
// Remove draggable so it isn't picked up by draggables() observers
|
|
274
|
+
tempElement.removeAttribute('draggable');
|
|
275
|
+
this.#renderer.addClass(tempElement, 'sortable-spacer');
|
|
276
|
+
this.#crossSpacerEl.set(tempElement);
|
|
277
|
+
this.#renderer.addClass(tempElement, 'sortable-ghost');
|
|
278
|
+
this.dragToIndex.set(this.dragables().length);
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
dragLeave(e) {
|
|
283
|
+
if (!_a.activeSource || _a.activeSource === this)
|
|
284
|
+
return;
|
|
285
|
+
if (e.relatedTarget) {
|
|
286
|
+
if (this.#selfEl.nativeElement.contains(e.relatedTarget)) {
|
|
287
|
+
return;
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
else {
|
|
291
|
+
const rect = this.#selfEl.nativeElement.getBoundingClientRect();
|
|
292
|
+
const isOutside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
|
|
293
|
+
if (!isOutside)
|
|
294
|
+
return;
|
|
295
|
+
}
|
|
296
|
+
if (this.isCrossTarget) {
|
|
297
|
+
this.#cleanupDragState();
|
|
298
|
+
if (_a.activeTarget === this) {
|
|
299
|
+
_a.activeTarget = _a.activeSource;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
dragOver(e) {
|
|
304
|
+
e.preventDefault();
|
|
305
|
+
e.dataTransfer.dropEffect = 'move';
|
|
306
|
+
if (_a.activeTarget !== this)
|
|
307
|
+
return;
|
|
308
|
+
const container = this.#selfEl.nativeElement;
|
|
309
|
+
const containerRect = container.getBoundingClientRect();
|
|
310
|
+
// Convert viewport coordinates to container-relative coordinate space
|
|
311
|
+
const mouseX = e.clientX - containerRect.left - container.clientLeft + container.scrollLeft;
|
|
312
|
+
const mouseY = e.clientY - containerRect.top - container.clientTop + container.scrollTop;
|
|
313
|
+
let closestSlotIndex = -1;
|
|
314
|
+
let minDistance = Infinity;
|
|
315
|
+
const positions = this.initialPositions();
|
|
316
|
+
for (let i = 0; i < positions.length; i++) {
|
|
317
|
+
const pos = positions[i];
|
|
318
|
+
const centerX = pos.x + pos.width / 2;
|
|
319
|
+
const centerY = pos.y + pos.height / 2;
|
|
320
|
+
const dist = Math.hypot(mouseX - centerX, mouseY - centerY);
|
|
321
|
+
if (dist < minDistance) {
|
|
322
|
+
minDistance = dist;
|
|
323
|
+
closestSlotIndex = i;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
if (closestSlotIndex !== -1 && this.dragToIndex() !== closestSlotIndex) {
|
|
327
|
+
this.dragToIndex.set(closestSlotIndex);
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
getVisualIndexOfElement(i) {
|
|
331
|
+
const startIndex = this.dragStartIndex();
|
|
332
|
+
const currentDragPosIndex = this.dragToIndex();
|
|
333
|
+
let targetVisualIndex = i;
|
|
334
|
+
if (startIndex > -1) {
|
|
335
|
+
if (currentDragPosIndex > startIndex && i > startIndex && i <= currentDragPosIndex) {
|
|
336
|
+
targetVisualIndex = i - 1;
|
|
337
|
+
}
|
|
338
|
+
else if (currentDragPosIndex < startIndex && i >= currentDragPosIndex && i < startIndex) {
|
|
339
|
+
targetVisualIndex = i + 1;
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
else if (this.isCrossTarget) {
|
|
343
|
+
if (i >= currentDragPosIndex) {
|
|
344
|
+
targetVisualIndex = i + 1;
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
return targetVisualIndex;
|
|
348
|
+
}
|
|
349
|
+
drop() {
|
|
350
|
+
if (!_a.activeSource)
|
|
351
|
+
return;
|
|
352
|
+
// Immediately kill drag transitions before any signal updates
|
|
353
|
+
this.#renderer.removeClass(_a.activeSource.#selfEl.nativeElement, 'dragging');
|
|
354
|
+
this.#renderer.removeClass(this.#selfEl.nativeElement, 'dragging');
|
|
355
|
+
if (_a.activeSource === this) {
|
|
356
|
+
// Internal Drop
|
|
357
|
+
if (this.dragStartIndex() !== -1 && this.dragToIndex() !== -1 && this.dragStartIndex() !== this.dragToIndex()) {
|
|
358
|
+
this.isDropping = true;
|
|
359
|
+
const event = {
|
|
360
|
+
previousContainer: this,
|
|
361
|
+
container: this,
|
|
362
|
+
previousIndex: this.dragStartIndex(),
|
|
363
|
+
currentIndex: this.dragToIndex(),
|
|
364
|
+
};
|
|
365
|
+
if (this.shSortable()?.drop) {
|
|
366
|
+
this.shSortable().drop(event);
|
|
367
|
+
}
|
|
368
|
+
else {
|
|
369
|
+
this.sortDrop.emit(event);
|
|
370
|
+
this.afterDrop.emit({ fromIndex: event.previousIndex, toIndex: event.currentIndex });
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
else if (_a.activeTarget === this && this.isCrossTarget) {
|
|
375
|
+
// Cross Drop
|
|
376
|
+
this.isDropping = true;
|
|
377
|
+
_a.activeSource.isDropping = true;
|
|
378
|
+
const event = {
|
|
379
|
+
previousContainer: _a.activeSource,
|
|
380
|
+
container: this,
|
|
381
|
+
previousIndex: _a.activeSource.dragStartIndex(),
|
|
382
|
+
currentIndex: this.dragToIndex(),
|
|
383
|
+
};
|
|
384
|
+
if (this.shSortable()?.drop) {
|
|
385
|
+
this.shSortable().drop(event);
|
|
386
|
+
}
|
|
387
|
+
else {
|
|
388
|
+
this.sortDrop.emit(event);
|
|
389
|
+
this.crossDrop.emit({
|
|
390
|
+
previousContainer: _a.activeSource,
|
|
391
|
+
currentContainer: this,
|
|
392
|
+
previousIndex: _a.activeSource.dragStartIndex(),
|
|
393
|
+
currentIndex: this.dragToIndex(),
|
|
394
|
+
});
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
dragEnd() {
|
|
399
|
+
if (_a.activeSource) {
|
|
400
|
+
_a.activeSource.#renderer.removeClass(_a.activeSource.#selfEl.nativeElement, 'dragging');
|
|
401
|
+
_a.activeSource.#cleanupDragState();
|
|
402
|
+
}
|
|
403
|
+
if (_a.activeTarget && _a.activeTarget !== _a.activeSource) {
|
|
404
|
+
_a.activeTarget.#renderer.removeClass(_a.activeTarget.#selfEl.nativeElement, 'dragging');
|
|
405
|
+
_a.activeTarget.#cleanupDragState();
|
|
406
|
+
}
|
|
407
|
+
_a.activeSource = null;
|
|
408
|
+
_a.activeTarget = null;
|
|
409
|
+
_a.activeDraggedElement = null;
|
|
410
|
+
}
|
|
411
|
+
#cleanupDragState() {
|
|
412
|
+
this.#renderer.removeClass(this.#selfEl.nativeElement, 'dragging');
|
|
413
|
+
this.#renderer.removeClass(this.#selfEl.nativeElement, 'item-dragged-out');
|
|
414
|
+
const crossSpacer = this.#crossSpacerEl();
|
|
415
|
+
if (crossSpacer) {
|
|
416
|
+
this.#renderer.removeChild(this.#selfEl.nativeElement, crossSpacer);
|
|
417
|
+
this.#crossSpacerEl.set(null);
|
|
418
|
+
}
|
|
419
|
+
this.#resetStyles();
|
|
420
|
+
this.dragStartIndex.set(-1);
|
|
421
|
+
this.dragToIndex.set(-1);
|
|
422
|
+
this.isCrossTarget = false;
|
|
423
|
+
}
|
|
424
|
+
#resetStyles() {
|
|
425
|
+
const dragables = this.dragables();
|
|
426
|
+
for (const el of dragables) {
|
|
427
|
+
this.#renderer.setStyle(el, 'transform', '');
|
|
428
|
+
this.#renderer.removeClass(el, 'sortable-ghost');
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
#dragableObserver;
|
|
432
|
+
ngOnDestroy() {
|
|
433
|
+
this.#dragableObserver?.disconnect();
|
|
434
|
+
this.abortController?.abort();
|
|
435
|
+
}
|
|
436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSortable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
437
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: ShipSortable, isStandalone: true, selector: "[shSortable]", inputs: { shSortable: { classPropertyName: "shSortable", publicName: "shSortable", isSignal: true, isRequired: false, transformFunction: null }, sortableGroup: { classPropertyName: "sortableGroup", publicName: "sortableGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortDrop: "sortDrop", afterDrop: "afterDrop", crossDrop: "crossDrop" }, host: { listeners: { "dragenter": "dragEnter($event)", "dragleave": "dragLeave($event)", "dragover": "dragOver($event)", "drop": "drop()" }, classAttribute: "sh-sortable" }, ngImport: i0 }); }
|
|
438
|
+
}
|
|
439
|
+
_a = ShipSortable;
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSortable, decorators: [{
|
|
441
|
+
type: Directive,
|
|
442
|
+
args: [{
|
|
443
|
+
selector: '[shSortable]',
|
|
444
|
+
standalone: true,
|
|
445
|
+
host: {
|
|
446
|
+
class: 'sh-sortable',
|
|
447
|
+
},
|
|
448
|
+
}]
|
|
449
|
+
}], propDecorators: { shSortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "shSortable", required: false }] }], sortableGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortableGroup", required: false }] }], sortDrop: [{ type: i0.Output, args: ["sortDrop"] }], afterDrop: [{ type: i0.Output, args: ["afterDrop"] }], crossDrop: [{ type: i0.Output, args: ["crossDrop"] }], dragEnter: [{
|
|
450
|
+
type: HostListener,
|
|
451
|
+
args: ['dragenter', ['$event']]
|
|
452
|
+
}], dragLeave: [{
|
|
453
|
+
type: HostListener,
|
|
454
|
+
args: ['dragleave', ['$event']]
|
|
455
|
+
}], dragOver: [{
|
|
456
|
+
type: HostListener,
|
|
457
|
+
args: ['dragover', ['$event']]
|
|
458
|
+
}], drop: [{
|
|
459
|
+
type: HostListener,
|
|
460
|
+
args: ['drop']
|
|
461
|
+
}] } });
|
|
462
|
+
function moveIndex(array, event) {
|
|
463
|
+
const fromIndex = 'previousIndex' in event ? event.previousIndex : event.fromIndex;
|
|
464
|
+
const toIndex = 'currentIndex' in event ? event.currentIndex : event.toIndex;
|
|
465
|
+
if (fromIndex < 0 || fromIndex >= array.length || toIndex < 0 || toIndex > array.length) {
|
|
466
|
+
return array;
|
|
467
|
+
}
|
|
468
|
+
const newArray = [...array];
|
|
469
|
+
const [removedItem] = newArray.splice(fromIndex, 1);
|
|
470
|
+
newArray.splice(toIndex, 0, removedItem);
|
|
471
|
+
return newArray;
|
|
472
|
+
}
|
|
473
|
+
function transferArrayItem(currentArray, targetArray, currentIndex, targetIndex) {
|
|
474
|
+
const [item] = currentArray.splice(currentIndex, 1);
|
|
475
|
+
if (item) {
|
|
476
|
+
targetArray.splice(targetIndex, 0, item);
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
/**
|
|
481
|
+
* Generated bundle index. Do not edit.
|
|
482
|
+
*/
|
|
483
|
+
|
|
484
|
+
export { ShipSortable, createSortableManager, moveIndex, transferArrayItem };
|
|
485
|
+
//# sourceMappingURL=ship-ui-core-ship-sortable.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ship-ui-core-ship-sortable.mjs","sources":["../../../projects/ship-ui/ship-sortable/ship-sortable.ts","../../../projects/ship-ui/ship-sortable/ship-ui-core-ship-sortable.ts"],"sourcesContent":["import {\n Directive,\n DOCUMENT,\n effect,\n ElementRef,\n HostListener,\n inject,\n input,\n OnDestroy,\n OnInit,\n output,\n Renderer2,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { firstValueFrom, isObservable, Observable } from 'rxjs';\n\nexport type AfterDropResponse = {\n fromIndex: number;\n toIndex: number;\n};\n\nexport type CrossDropResponse = {\n previousContainer: ShipSortable;\n currentContainer: ShipSortable;\n previousIndex: number;\n currentIndex: number;\n};\n\nexport type ShipDropEvent = {\n previousContainer: ShipSortable;\n container: ShipSortable;\n previousIndex: number;\n currentIndex: number;\n};\n\nexport interface SortableManagerConfig {\n /**\n * If provided, this hook is evaluated before the Signals are modified.\n * Return `true`/`Observable<true>` to accept the drop, or false to reject.\n */\n onBeforeDrop?: (event: ShipDropEvent) => boolean | Promise<boolean> | Observable<boolean>;\n}\n\nexport function createSortableManager<T>(\n signals: WritableSignal<T[]> | Record<string, WritableSignal<T[]>>,\n config?: SortableManagerConfig\n) {\n const isSingle = typeof signals === 'function';\n\n return {\n async drop(event: ShipDropEvent) {\n // 1. Await API Authorization (RxJS or Promises)\n if (config?.onBeforeDrop) {\n const result = config.onBeforeDrop(event);\n let accept = false;\n\n if (isObservable(result)) {\n accept = await firstValueFrom(result);\n } else if (result instanceof Promise) {\n accept = await result;\n } else {\n accept = result;\n }\n\n if (!accept) return; // Drop rejected, UI stays exactly as it was\n }\n\n // 2. Perform UI Signal Update\n const isCrossDrop = event.previousContainer !== event.container;\n\n if (!isCrossDrop) {\n // Internal Reorder (moveIndex)\n let targetSignal: WritableSignal<T[]>;\n if (isSingle) {\n targetSignal = signals as WritableSignal<T[]>;\n } else {\n const id = event.container.sortableGroup() || '';\n targetSignal = (signals as Record<string, WritableSignal<T[]>>)[id];\n }\n\n if (targetSignal) {\n targetSignal.update((arr) => moveIndex(arr, event));\n }\n } else {\n // Cross DropTransfer\n if (isSingle) {\n console.warn('Cross drops require a dictionary of signals in createSortableManager');\n return;\n }\n\n const sourceId = event.previousContainer.sortableGroup() || '';\n const targetId = event.container.sortableGroup() || '';\n const sigDict = signals as Record<string, WritableSignal<T[]>>;\n\n const sourceSignal = sigDict[sourceId];\n const targetSignal = sigDict[targetId];\n\n if (sourceSignal && targetSignal) {\n const sourceArr = [...sourceSignal()];\n const targetArr = [...targetSignal()];\n\n const [item] = sourceArr.splice(event.previousIndex, 1);\n if (item) {\n targetArr.splice(event.currentIndex, 0, item);\n sourceSignal.set(sourceArr);\n targetSignal.set(targetArr);\n }\n }\n }\n },\n };\n}\n\n@Directive({\n selector: '[shSortable]',\n standalone: true,\n host: {\n class: 'sh-sortable',\n },\n})\nexport class ShipSortable implements OnInit, OnDestroy {\n #document = inject(DOCUMENT);\n #selfEl = inject(ElementRef<HTMLElement>);\n #renderer = inject(Renderer2);\n #crossSpacerEl = signal<HTMLElement | null>(null);\n\n shSortable = input<any>();\n sortableGroup = input<string>();\n\n sortDrop = output<ShipDropEvent>();\n afterDrop = output<AfterDropResponse>();\n crossDrop = output<CrossDropResponse>();\n\n dragStartIndex = signal<number>(-1);\n dragToIndex = signal<number>(-1);\n initialPositions = signal<{ x: number; y: number; width: number; height: number }[]>([]);\n dragables = signal<HTMLElement[]>([]);\n\n static activeSource: ShipSortable | null = null;\n static activeDraggedElement: HTMLElement | null = null;\n static activeTarget: ShipSortable | null = null;\n\n abortController: AbortController | null = null;\n isDropping = false;\n isCrossTarget = false;\n\n draggingEffect = effect(() => {\n const currentDragPosIndex = this.dragToIndex();\n const startIndex = this.dragStartIndex();\n const dragables = this.dragables();\n const positions = this.initialPositions();\n\n if (currentDragPosIndex > -1 && positions.length > 0) {\n this.#renderer.removeClass(this.#selfEl.nativeElement, 'item-dragged-out');\n\n let ghostEl: HTMLElement | null = null;\n let ghostStartPosIndex = -1;\n\n if (!this.isCrossTarget && startIndex > -1 && dragables.length > startIndex) {\n ghostEl = dragables[startIndex];\n ghostStartPosIndex = startIndex;\n } else if (this.isCrossTarget && this.#crossSpacerEl()) {\n ghostEl = this.#crossSpacerEl();\n ghostStartPosIndex = positions.length - 1;\n }\n\n for (let i = 0; i < dragables.length; i++) {\n if (i === startIndex && !this.isCrossTarget) continue;\n\n const targetVisualIndex = this.getVisualIndexOfElement(i);\n\n if (targetVisualIndex < positions.length && positions[i]) {\n const dx = positions[targetVisualIndex].x - positions[i].x;\n const dy = positions[targetVisualIndex].y - positions[i].y;\n const newTransform = `translate(${dx}px, ${dy}px)`;\n\n if (dragables[i].style.transform !== newTransform) {\n this.#renderer.setStyle(dragables[i], 'transform', newTransform);\n }\n }\n }\n\n if (ghostEl && ghostStartPosIndex > -1 && positions[currentDragPosIndex] && positions[ghostStartPosIndex]) {\n const dx = positions[currentDragPosIndex].x - positions[ghostStartPosIndex].x;\n const dy = positions[currentDragPosIndex].y - positions[ghostStartPosIndex].y;\n const newTransform = `translate(${dx}px, ${dy}px)`;\n if (ghostEl.style.transform !== newTransform) {\n this.#renderer.setStyle(ghostEl, 'transform', newTransform);\n }\n }\n } else if (startIndex > -1 && currentDragPosIndex === -1 && !this.isCrossTarget) {\n this.#renderer.addClass(this.#selfEl.nativeElement, 'item-dragged-out');\n\n for (let i = 0; i < dragables.length; i++) {\n if (dragables[i].style.transform !== '') {\n this.#renderer.setStyle(dragables[i], 'transform', '');\n }\n }\n }\n });\n\n draggablesEffect = effect(() => {\n const els = this.dragables();\n if (this.abortController) {\n this.abortController.abort();\n }\n this.abortController = new AbortController();\n\n for (const el of els) {\n el.addEventListener('dragstart', (e) => this.dragStart(e), { signal: this.abortController.signal });\n el.addEventListener('dragend', () => this.dragEnd(), { signal: this.abortController.signal });\n }\n });\n\n getIndexOfElement(element: HTMLElement) {\n return this.dragables().findIndex((el) => el === element);\n }\n\n dragStart(e: DragEvent) {\n if (e.target && e.dataTransfer) {\n const targetElement = e.target as HTMLElement;\n const currentTarget = this.#document.elementFromPoint(e.clientX, e.clientY);\n const isSortingHandle =\n currentTarget?.hasAttribute('sort-handle') || currentTarget?.closest('[sort-handle]') !== null;\n let draggedElement: HTMLElement;\n\n if (isSortingHandle) {\n draggedElement = targetElement.closest('[draggable]') as HTMLElement;\n } else {\n draggedElement = targetElement;\n if (draggedElement.parentElement?.querySelector('[sort-handle]') !== null || !draggedElement.draggable) {\n e.preventDefault();\n return;\n }\n }\n\n e.dataTransfer.effectAllowed = 'move';\n\n ShipSortable.activeSource = this;\n ShipSortable.activeDraggedElement = draggedElement;\n ShipSortable.activeTarget = this;\n\n this.isCrossTarget = false;\n\n const containerRect = this.#selfEl.nativeElement.getBoundingClientRect();\n const container = this.#selfEl.nativeElement;\n const positions = Array.from(this.dragables()).map((el) => {\n const rect = el.getBoundingClientRect();\n return {\n x: rect.left - containerRect.left - container.clientLeft + container.scrollLeft,\n y: rect.top - containerRect.top - container.clientTop + container.scrollTop,\n width: rect.width,\n height: rect.height,\n };\n });\n this.initialPositions.set(positions);\n\n const rect = draggedElement.getBoundingClientRect();\n\n const dragOffsetX = Math.max(0, e.clientX - rect.left);\n const dragOffsetY = Math.max(0, e.clientY - rect.top);\n\n e.dataTransfer.setDragImage(draggedElement, dragOffsetX, dragOffsetY);\n\n const draggedElementIndex = this.getIndexOfElement(draggedElement);\n this.dragStartIndex.set(draggedElementIndex);\n this.dragToIndex.set(draggedElementIndex);\n\n setTimeout(() => {\n this.#renderer.addClass(draggedElement, 'sortable-ghost');\n this.#renderer.addClass(this.#selfEl.nativeElement, 'dragging');\n }, 0);\n }\n }\n\n ngOnInit() {\n if (typeof MutationObserver !== 'undefined') {\n (this.#dragableObserver as MutationObserver).observe(this.#selfEl.nativeElement, { childList: true });\n }\n }\n\n @HostListener('dragenter', ['$event'])\n dragEnter(e: DragEvent) {\n if (!ShipSortable.activeSource || ShipSortable.activeSource === this) return;\n\n const sourceGroup = ShipSortable.activeSource.sortableGroup();\n const currentGroup = this.sortableGroup();\n\n const sourceManager = ShipSortable.activeSource.shSortable();\n const currentManager = this.shSortable();\n\n const isSameGroup = !!(sourceGroup && currentGroup && sourceGroup === currentGroup);\n const isSameManager = !!(sourceManager?.drop && currentManager?.drop && sourceManager === currentManager);\n\n if (isSameGroup || isSameManager) {\n ShipSortable.activeTarget = this;\n ShipSortable.activeSource.dragToIndex.set(-1);\n\n // Setup Target Placeholder if we are just entering\n if (!this.isCrossTarget) {\n this.isCrossTarget = true;\n this.#renderer.addClass(this.#selfEl.nativeElement, 'dragging');\n\n // Compute cross-target positions by temporarily appending the active ghost to measure layout flow\n const sourceElement = ShipSortable.activeDraggedElement!;\n const tempElement = sourceElement.cloneNode(true) as HTMLElement;\n this.#renderer.setStyle(tempElement, 'transform', '');\n\n // Ensure it doesn't have the original ghost state yet to measure flow without its potential transition scaling\n this.#renderer.removeClass(tempElement, 'sortable-ghost');\n this.#selfEl.nativeElement.appendChild(tempElement);\n\n // Refresh dragables with temp included locally\n const currentElements = Array.from(\n this.#selfEl.nativeElement.querySelectorAll('[draggable]:not(.sortable-spacer)')\n ) as HTMLElement[];\n\n const containerRect = this.#selfEl.nativeElement.getBoundingClientRect();\n const container = this.#selfEl.nativeElement;\n\n const positions = currentElements.map((el) => {\n const rect = el.getBoundingClientRect();\n return {\n x: rect.left - containerRect.left - container.clientLeft + container.scrollLeft,\n y: rect.top - containerRect.top - container.clientTop + container.scrollTop,\n width: rect.width,\n height: rect.height,\n };\n });\n\n this.initialPositions.set(positions);\n\n // Keep the temp element as a structural spacer to physically expand the container's height/width\n // Remove draggable so it isn't picked up by draggables() observers\n tempElement.removeAttribute('draggable');\n this.#renderer.addClass(tempElement, 'sortable-spacer');\n this.#crossSpacerEl.set(tempElement);\n\n this.#renderer.addClass(tempElement, 'sortable-ghost');\n\n this.dragToIndex.set(this.dragables().length);\n }\n }\n }\n\n @HostListener('dragleave', ['$event'])\n dragLeave(e: DragEvent) {\n if (!ShipSortable.activeSource || ShipSortable.activeSource === this) return;\n\n if (e.relatedTarget) {\n if (this.#selfEl.nativeElement.contains(e.relatedTarget as Node)) {\n return;\n }\n } else {\n const rect = this.#selfEl.nativeElement.getBoundingClientRect();\n const isOutside =\n e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;\n if (!isOutside) return;\n }\n\n if (this.isCrossTarget) {\n this.#cleanupDragState();\n if (ShipSortable.activeTarget === this) {\n ShipSortable.activeTarget = ShipSortable.activeSource;\n }\n }\n }\n\n @HostListener('dragover', ['$event'])\n dragOver(e: DragEvent) {\n e.preventDefault();\n e.dataTransfer!.dropEffect = 'move';\n\n if (ShipSortable.activeTarget !== this) return;\n\n const container = this.#selfEl.nativeElement;\n const containerRect = container.getBoundingClientRect();\n\n // Convert viewport coordinates to container-relative coordinate space\n const mouseX = e.clientX - containerRect.left - container.clientLeft + container.scrollLeft;\n const mouseY = e.clientY - containerRect.top - container.clientTop + container.scrollTop;\n\n let closestSlotIndex = -1;\n let minDistance = Infinity;\n\n const positions = this.initialPositions();\n\n for (let i = 0; i < positions.length; i++) {\n const pos = positions[i];\n const centerX = pos.x + pos.width / 2;\n const centerY = pos.y + pos.height / 2;\n const dist = Math.hypot(mouseX - centerX, mouseY - centerY);\n\n if (dist < minDistance) {\n minDistance = dist;\n closestSlotIndex = i;\n }\n }\n\n if (closestSlotIndex !== -1 && this.dragToIndex() !== closestSlotIndex) {\n this.dragToIndex.set(closestSlotIndex);\n }\n }\n\n getVisualIndexOfElement(i: number): number {\n const startIndex = this.dragStartIndex();\n const currentDragPosIndex = this.dragToIndex();\n let targetVisualIndex = i;\n\n if (startIndex > -1) {\n if (currentDragPosIndex > startIndex && i > startIndex && i <= currentDragPosIndex) {\n targetVisualIndex = i - 1;\n } else if (currentDragPosIndex < startIndex && i >= currentDragPosIndex && i < startIndex) {\n targetVisualIndex = i + 1;\n }\n } else if (this.isCrossTarget) {\n if (i >= currentDragPosIndex) {\n targetVisualIndex = i + 1;\n }\n }\n return targetVisualIndex;\n }\n\n @HostListener('drop')\n drop() {\n if (!ShipSortable.activeSource) return;\n\n // Immediately kill drag transitions before any signal updates\n this.#renderer.removeClass(ShipSortable.activeSource.#selfEl.nativeElement, 'dragging');\n this.#renderer.removeClass(this.#selfEl.nativeElement, 'dragging');\n\n if (ShipSortable.activeSource === this) {\n // Internal Drop\n if (this.dragStartIndex() !== -1 && this.dragToIndex() !== -1 && this.dragStartIndex() !== this.dragToIndex()) {\n this.isDropping = true;\n\n const event: ShipDropEvent = {\n previousContainer: this,\n container: this,\n previousIndex: this.dragStartIndex(),\n currentIndex: this.dragToIndex(),\n };\n\n if (this.shSortable()?.drop) {\n this.shSortable()!.drop(event);\n } else {\n this.sortDrop.emit(event);\n this.afterDrop.emit({ fromIndex: event.previousIndex, toIndex: event.currentIndex });\n }\n }\n } else if (ShipSortable.activeTarget === this && this.isCrossTarget) {\n // Cross Drop\n this.isDropping = true;\n ShipSortable.activeSource.isDropping = true;\n\n const event: ShipDropEvent = {\n previousContainer: ShipSortable.activeSource,\n container: this,\n previousIndex: ShipSortable.activeSource.dragStartIndex(),\n currentIndex: this.dragToIndex(),\n };\n\n if (this.shSortable()?.drop) {\n this.shSortable()!.drop(event);\n } else {\n this.sortDrop.emit(event);\n this.crossDrop.emit({\n previousContainer: ShipSortable.activeSource,\n currentContainer: this,\n previousIndex: ShipSortable.activeSource.dragStartIndex(),\n currentIndex: this.dragToIndex(),\n });\n }\n }\n }\n\n dragEnd() {\n if (ShipSortable.activeSource) {\n ShipSortable.activeSource.#renderer.removeClass(ShipSortable.activeSource.#selfEl.nativeElement, 'dragging');\n ShipSortable.activeSource.#cleanupDragState();\n }\n if (ShipSortable.activeTarget && ShipSortable.activeTarget !== ShipSortable.activeSource) {\n ShipSortable.activeTarget.#renderer.removeClass(ShipSortable.activeTarget.#selfEl.nativeElement, 'dragging');\n ShipSortable.activeTarget.#cleanupDragState();\n }\n\n ShipSortable.activeSource = null;\n ShipSortable.activeTarget = null;\n ShipSortable.activeDraggedElement = null;\n }\n\n #cleanupDragState() {\n this.#renderer.removeClass(this.#selfEl.nativeElement, 'dragging');\n this.#renderer.removeClass(this.#selfEl.nativeElement, 'item-dragged-out');\n\n const crossSpacer = this.#crossSpacerEl();\n\n if (crossSpacer) {\n this.#renderer.removeChild(this.#selfEl.nativeElement, crossSpacer);\n this.#crossSpacerEl.set(null);\n }\n\n this.#resetStyles();\n\n this.dragStartIndex.set(-1);\n this.dragToIndex.set(-1);\n this.isCrossTarget = false;\n }\n\n #resetStyles() {\n const dragables = this.dragables();\n for (const el of dragables) {\n this.#renderer.setStyle(el, 'transform', '');\n this.#renderer.removeClass(el, 'sortable-ghost');\n }\n }\n\n #dragableObserver =\n typeof MutationObserver !== 'undefined'\n ? new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n const draggableElements = Array.from(\n this.#selfEl.nativeElement.querySelectorAll('[draggable]:not(.sortable-spacer)')\n ) as HTMLElement[];\n this.dragables.set(draggableElements);\n\n if (this.isDropping) {\n this.isDropping = false;\n this.#cleanupDragState();\n\n if (ShipSortable.activeTarget === this) {\n ShipSortable.activeTarget = null;\n }\n if (ShipSortable.activeSource === this) {\n ShipSortable.activeSource = null;\n }\n }\n }\n }\n })\n : undefined;\n\n ngOnDestroy() {\n (this.#dragableObserver as MutationObserver)?.disconnect();\n this.abortController?.abort();\n }\n}\n\nexport function moveIndex<T = any>(\n array: T[],\n event: Pick<ShipDropEvent, 'previousIndex' | 'currentIndex'> | Pick<AfterDropResponse, 'fromIndex' | 'toIndex'>\n): T[] {\n const fromIndex = 'previousIndex' in event ? event.previousIndex : event.fromIndex;\n const toIndex = 'currentIndex' in event ? event.currentIndex : event.toIndex;\n\n if (fromIndex < 0 || fromIndex >= array.length || toIndex < 0 || toIndex > array.length) {\n return array;\n }\n\n const newArray = [...array];\n const [removedItem] = newArray.splice(fromIndex, 1);\n\n newArray.splice(toIndex, 0, removedItem);\n\n return newArray;\n}\n\nexport function transferArrayItem<T = any>(\n currentArray: T[],\n targetArray: T[],\n currentIndex: number,\n targetIndex: number\n): void {\n const [item] = currentArray.splice(currentIndex, 1);\n if (item) {\n targetArray.splice(targetIndex, 0, item);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
|
+
import { shipComponentClasses } from '@ship-ui/core';
|
|
4
|
+
|
|
5
|
+
class ShipSpinner {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.color = input(null, /* @ts-ignore */
|
|
8
|
+
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
9
|
+
this.hostClasses = shipComponentClasses('spinner', {
|
|
10
|
+
color: this.color,
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: ShipSpinner, isStandalone: true, selector: "sh-spinner", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: ``, isInline: true, styles: ["sh-spinner{--spinner-c: var(--base-8);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}sh-spinner:before{content:\"\";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}sh-spinner.primary{--spinner-c: var(--primary-8)}sh-spinner.accent{--spinner-c: var(--accent-8)}sh-spinner.warn{--spinner-c: var(--warn-8)}sh-spinner.error{--spinner-c: var(--error-8)}sh-spinner.success{--spinner-c: var(--success-8)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSpinner, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'sh-spinner', encapsulation: ViewEncapsulation.None, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
19
|
+
'[class]': 'hostClasses()',
|
|
20
|
+
}, styles: ["sh-spinner{--spinner-c: var(--base-8);--spinner-size: 2.5rem;--spinner-thickness: .3125rem;width:var(--spinner-size);height:var(--spinner-size);display:grid;place-content:center;color:var(--spinner-c);position:relative}sh-spinner:before{content:\"\";width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid currentColor;border-bottom-color:transparent;border-radius:50%;display:flex;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto;inset:0;position:absolute}sh-spinner.primary{--spinner-c: var(--primary-8)}sh-spinner.accent{--spinner-c: var(--accent-8)}sh-spinner.warn{--spinner-c: var(--warn-8)}sh-spinner.error{--spinner-c: var(--error-8)}sh-spinner.success{--spinner-c: var(--success-8)}\n"] }]
|
|
21
|
+
}], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Generated bundle index. Do not edit.
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
export { ShipSpinner };
|
|
28
|
+
//# sourceMappingURL=ship-ui-core-ship-spinner.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ship-ui-core-ship-spinner.mjs","sources":["../../../projects/ship-ui/ship-spinner/ship-spinner.component.ts","../../../projects/ship-ui/ship-spinner/ship-ui-core-ship-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { shipComponentClasses } from '@ship-ui/core';\nimport { ShipColor } from '@ship-ui/core';\n\n@Component({\n selector: 'sh-spinner',\n styleUrl: './ship-spinner.scss',\n encapsulation: ViewEncapsulation.None,\n imports: [],\n template: ``,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class ShipSpinner {\n color = input<ShipColor | null>(null);\n\n hostClasses = shipComponentClasses('spinner', {\n color: this.color,\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAea,WAAW,CAAA;AAXxB,IAAA,WAAA,GAAA;QAYE,IAAA,CAAA,KAAK,GAAG,KAAK,CAAmB,IAAI;kFAAC;AAErC,QAAA,IAAA,CAAA,WAAW,GAAG,oBAAoB,CAAC,SAAS,EAAE;YAC5C,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,CAAC;AACH,IAAA;8GANY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,8PANZ,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gvBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMD,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,aAAA,EAEP,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,EAAE,EAAA,QAAA,EACD,CAAA,CAAE,EAAA,eAAA,EACK,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,SAAS,EAAE,eAAe;AAC3B,qBAAA,EAAA,MAAA,EAAA,CAAA,gvBAAA,CAAA,EAAA;;;ACbH;;AAEG;;;;"}
|