@ngbase/adk 0.1.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 +57 -0
- package/a11y/accessibility-group.d.ts +49 -0
- package/a11y/accessibility-item.d.ts +49 -0
- package/a11y/accessibility.service.d.ts +17 -0
- package/a11y/autofocus.d.ts +12 -0
- package/a11y/focus-trap.d.ts +15 -0
- package/a11y/index.d.ts +5 -0
- package/a11y/public-api.d.ts +4 -0
- package/accordion/accordion-content.d.ts +8 -0
- package/accordion/accordion-group.d.ts +10 -0
- package/accordion/accordion-header.d.ts +7 -0
- package/accordion/accordion-item.d.ts +10 -0
- package/accordion/index.d.ts +5 -0
- package/accordion/public-api.d.ts +4 -0
- package/autocomplete/autocomplete-input.d.ts +21 -0
- package/autocomplete/autocomplete.d.ts +25 -0
- package/autocomplete/index.d.ts +5 -0
- package/autocomplete/public-api.d.ts +2 -0
- package/avatar/avatar.d.ts +22 -0
- package/avatar/index.d.ts +5 -0
- package/avatar/public-api.d.ts +1 -0
- package/bidi/direction.service.d.ts +14 -0
- package/bidi/index.d.ts +5 -0
- package/bidi/public-api.d.ts +1 -0
- package/breadcrumb/breadcrumb-link.d.ts +7 -0
- package/breadcrumb/breadcrumb-separator.d.ts +10 -0
- package/breadcrumb/breadcrumb.d.ts +12 -0
- package/breadcrumb/breadcrumbs.d.ts +7 -0
- package/breadcrumb/index.d.ts +5 -0
- package/breadcrumb/public-api.d.ts +4 -0
- package/cache/cache-config.d.ts +22 -0
- package/cache/cache.d.ts +17 -0
- package/cache/cache.interecptor.d.ts +2 -0
- package/cache/index.d.ts +5 -0
- package/cache/public-api.d.ts +3 -0
- package/carousel/carousel-item.d.ts +7 -0
- package/carousel/carousel-next.d.ts +8 -0
- package/carousel/carousel.d.ts +61 -0
- package/carousel/index.d.ts +5 -0
- package/carousel/public-api.d.ts +3 -0
- package/checkbox/checkbox.d.ts +22 -0
- package/checkbox/index.d.ts +5 -0
- package/checkbox/public-api.d.ts +1 -0
- package/chip/chip-group.d.ts +7 -0
- package/chip/chip.d.ts +19 -0
- package/chip/index.d.ts +5 -0
- package/chip/public-api.d.ts +2 -0
- package/clipboard/clipboard.d.ts +7 -0
- package/clipboard/index.d.ts +5 -0
- package/clipboard/public-api.d.ts +1 -0
- package/collections/SelectionModel.d.ts +14 -0
- package/collections/index.d.ts +5 -0
- package/collections/public-api.d.ts +1 -0
- package/color-picker/color-input.d.ts +16 -0
- package/color-picker/color-picker-trigger.d.ts +30 -0
- package/color-picker/color-picker.d.ts +72 -0
- package/color-picker/index.d.ts +5 -0
- package/color-picker/public-api.d.ts +3 -0
- package/color-picker/utils.d.ts +21 -0
- package/cookies/cookie.service.d.ts +32 -0
- package/cookies/index.d.ts +5 -0
- package/cookies/public-api.d.ts +1 -0
- package/datepicker/calendar.d.ts +121 -0
- package/datepicker/datepicker-trigger.d.ts +49 -0
- package/datepicker/datepicker.d.ts +54 -0
- package/datepicker/index.d.ts +5 -0
- package/datepicker/native-date-adapter.d.ts +33 -0
- package/datepicker/public-api.d.ts +5 -0
- package/datepicker/time.d.ts +42 -0
- package/dialog/dialog.animation.d.ts +3 -0
- package/dialog/dialog.d.ts +49 -0
- package/dialog/dialog.service.d.ts +7 -0
- package/dialog/index.d.ts +5 -0
- package/dialog/public-api.d.ts +3 -0
- package/drag/drag-drop.d.ts +37 -0
- package/drag/drag-move.d.ts +17 -0
- package/drag/drag.d.ts +53 -0
- package/drag/index.d.ts +5 -0
- package/drag/public-api.d.ts +3 -0
- package/fesm2022/ngbase-adk-a11y.mjs +617 -0
- package/fesm2022/ngbase-adk-a11y.mjs.map +1 -0
- package/fesm2022/ngbase-adk-accordion.mjs +117 -0
- package/fesm2022/ngbase-adk-accordion.mjs.map +1 -0
- package/fesm2022/ngbase-adk-autocomplete.mjs +150 -0
- package/fesm2022/ngbase-adk-autocomplete.mjs.map +1 -0
- package/fesm2022/ngbase-adk-avatar.mjs +69 -0
- package/fesm2022/ngbase-adk-avatar.mjs.map +1 -0
- package/fesm2022/ngbase-adk-bidi.mjs +42 -0
- package/fesm2022/ngbase-adk-bidi.mjs.map +1 -0
- package/fesm2022/ngbase-adk-breadcrumb.mjs +103 -0
- package/fesm2022/ngbase-adk-breadcrumb.mjs.map +1 -0
- package/fesm2022/ngbase-adk-cache.mjs +127 -0
- package/fesm2022/ngbase-adk-cache.mjs.map +1 -0
- package/fesm2022/ngbase-adk-carousel.mjs +337 -0
- package/fesm2022/ngbase-adk-carousel.mjs.map +1 -0
- package/fesm2022/ngbase-adk-checkbox.mjs +78 -0
- package/fesm2022/ngbase-adk-checkbox.mjs.map +1 -0
- package/fesm2022/ngbase-adk-chip.mjs +60 -0
- package/fesm2022/ngbase-adk-chip.mjs.map +1 -0
- package/fesm2022/ngbase-adk-clipboard.mjs +41 -0
- package/fesm2022/ngbase-adk-clipboard.mjs.map +1 -0
- package/fesm2022/ngbase-adk-collections.mjs +39 -0
- package/fesm2022/ngbase-adk-collections.mjs.map +1 -0
- package/fesm2022/ngbase-adk-color-picker.mjs +580 -0
- package/fesm2022/ngbase-adk-color-picker.mjs.map +1 -0
- package/fesm2022/ngbase-adk-cookies.mjs +81 -0
- package/fesm2022/ngbase-adk-cookies.mjs.map +1 -0
- package/fesm2022/ngbase-adk-datepicker.mjs +1130 -0
- package/fesm2022/ngbase-adk-datepicker.mjs.map +1 -0
- package/fesm2022/ngbase-adk-dialog.mjs +223 -0
- package/fesm2022/ngbase-adk-dialog.mjs.map +1 -0
- package/fesm2022/ngbase-adk-drag.mjs +406 -0
- package/fesm2022/ngbase-adk-drag.mjs.map +1 -0
- package/fesm2022/ngbase-adk-form-field.mjs +364 -0
- package/fesm2022/ngbase-adk-form-field.mjs.map +1 -0
- package/fesm2022/ngbase-adk-hover-card.mjs +79 -0
- package/fesm2022/ngbase-adk-hover-card.mjs.map +1 -0
- package/fesm2022/ngbase-adk-icon.mjs +90 -0
- package/fesm2022/ngbase-adk-icon.mjs.map +1 -0
- package/fesm2022/ngbase-adk-inline-edit.mjs +127 -0
- package/fesm2022/ngbase-adk-inline-edit.mjs.map +1 -0
- package/fesm2022/ngbase-adk-jwt.mjs +90 -0
- package/fesm2022/ngbase-adk-jwt.mjs.map +1 -0
- package/fesm2022/ngbase-adk-keys.mjs +219 -0
- package/fesm2022/ngbase-adk-keys.mjs.map +1 -0
- package/fesm2022/ngbase-adk-layout.mjs +100 -0
- package/fesm2022/ngbase-adk-layout.mjs.map +1 -0
- package/fesm2022/ngbase-adk-list.mjs +110 -0
- package/fesm2022/ngbase-adk-list.mjs.map +1 -0
- package/fesm2022/ngbase-adk-mask.mjs +234 -0
- package/fesm2022/ngbase-adk-mask.mjs.map +1 -0
- package/fesm2022/ngbase-adk-menu.mjs +546 -0
- package/fesm2022/ngbase-adk-menu.mjs.map +1 -0
- package/fesm2022/ngbase-adk-network.mjs +90 -0
- package/fesm2022/ngbase-adk-network.mjs.map +1 -0
- package/fesm2022/ngbase-adk-pagination.mjs +187 -0
- package/fesm2022/ngbase-adk-pagination.mjs.map +1 -0
- package/fesm2022/ngbase-adk-popover.mjs +953 -0
- package/fesm2022/ngbase-adk-popover.mjs.map +1 -0
- package/fesm2022/ngbase-adk-portal.mjs +279 -0
- package/fesm2022/ngbase-adk-portal.mjs.map +1 -0
- package/fesm2022/ngbase-adk-progress.mjs +57 -0
- package/fesm2022/ngbase-adk-progress.mjs.map +1 -0
- package/fesm2022/ngbase-adk-radio.mjs +129 -0
- package/fesm2022/ngbase-adk-radio.mjs.map +1 -0
- package/fesm2022/ngbase-adk-resizable.mjs +367 -0
- package/fesm2022/ngbase-adk-resizable.mjs.map +1 -0
- package/fesm2022/ngbase-adk-scroll-area.mjs +232 -0
- package/fesm2022/ngbase-adk-scroll-area.mjs.map +1 -0
- package/fesm2022/ngbase-adk-select.mjs +599 -0
- package/fesm2022/ngbase-adk-select.mjs.map +1 -0
- package/fesm2022/ngbase-adk-selectable.mjs +79 -0
- package/fesm2022/ngbase-adk-selectable.mjs.map +1 -0
- package/fesm2022/ngbase-adk-sidenav.mjs +209 -0
- package/fesm2022/ngbase-adk-sidenav.mjs.map +1 -0
- package/fesm2022/ngbase-adk-slider.mjs +337 -0
- package/fesm2022/ngbase-adk-slider.mjs.map +1 -0
- package/fesm2022/ngbase-adk-sonner.mjs +176 -0
- package/fesm2022/ngbase-adk-sonner.mjs.map +1 -0
- package/fesm2022/ngbase-adk-stepper.mjs +211 -0
- package/fesm2022/ngbase-adk-stepper.mjs.map +1 -0
- package/fesm2022/ngbase-adk-switch.mjs +115 -0
- package/fesm2022/ngbase-adk-switch.mjs.map +1 -0
- package/fesm2022/ngbase-adk-table.mjs +348 -0
- package/fesm2022/ngbase-adk-table.mjs.map +1 -0
- package/fesm2022/ngbase-adk-tabs.mjs +386 -0
- package/fesm2022/ngbase-adk-tabs.mjs.map +1 -0
- package/fesm2022/ngbase-adk-test.mjs +267 -0
- package/fesm2022/ngbase-adk-test.mjs.map +1 -0
- package/fesm2022/ngbase-adk-toggle-group.mjs +114 -0
- package/fesm2022/ngbase-adk-toggle-group.mjs.map +1 -0
- package/fesm2022/ngbase-adk-toggle.mjs +48 -0
- package/fesm2022/ngbase-adk-toggle.mjs.map +1 -0
- package/fesm2022/ngbase-adk-tooltip.mjs +237 -0
- package/fesm2022/ngbase-adk-tooltip.mjs.map +1 -0
- package/fesm2022/ngbase-adk-tour.mjs +312 -0
- package/fesm2022/ngbase-adk-tour.mjs.map +1 -0
- package/fesm2022/ngbase-adk-translate.mjs +162 -0
- package/fesm2022/ngbase-adk-translate.mjs.map +1 -0
- package/fesm2022/ngbase-adk-tree.mjs +301 -0
- package/fesm2022/ngbase-adk-tree.mjs.map +1 -0
- package/fesm2022/ngbase-adk-utils.mjs +228 -0
- package/fesm2022/ngbase-adk-utils.mjs.map +1 -0
- package/fesm2022/ngbase-adk-virtualizer.mjs +198 -0
- package/fesm2022/ngbase-adk-virtualizer.mjs.map +1 -0
- package/fesm2022/ngbase-adk.mjs +6 -0
- package/fesm2022/ngbase-adk.mjs.map +1 -0
- package/form-field/auto-height.d.ts +9 -0
- package/form-field/error.d.ts +18 -0
- package/form-field/form-field.d.ts +14 -0
- package/form-field/index.d.ts +5 -0
- package/form-field/input.d.ts +16 -0
- package/form-field/label.d.ts +7 -0
- package/form-field/otp.d.ts +48 -0
- package/form-field/public-api.d.ts +6 -0
- package/hover-card/hover-card.d.ts +18 -0
- package/hover-card/index.d.ts +5 -0
- package/hover-card/public-api.d.ts +1 -0
- package/icon/icon.d.ts +12 -0
- package/icon/icon.service.d.ts +12 -0
- package/icon/index.d.ts +5 -0
- package/icon/public-api.d.ts +2 -0
- package/index.d.ts +5 -0
- package/inline-edit/index.d.ts +5 -0
- package/inline-edit/inline-edit.d.ts +47 -0
- package/inline-edit/public-api.d.ts +1 -0
- package/jwt/index.d.ts +5 -0
- package/jwt/jwt.service.d.ts +27 -0
- package/jwt/public-api.d.ts +1 -0
- package/keys/index.d.ts +5 -0
- package/keys/keys.service.d.ts +13 -0
- package/keys/public-api.d.ts +2 -0
- package/keys/shortcuts.service.d.ts +38 -0
- package/layout/index.d.ts +5 -0
- package/layout/layout.d.ts +16 -0
- package/layout/public-api.d.ts +1 -0
- package/list/index.d.ts +5 -0
- package/list/list.d.ts +20 -0
- package/list/list.directive.d.ts +12 -0
- package/list/public-api.d.ts +2 -0
- package/mask/index.d.ts +5 -0
- package/mask/mask-pipe.d.ts +7 -0
- package/mask/mask.d.ts +25 -0
- package/mask/public-api.d.ts +2 -0
- package/menu/context-menu.d.ts +21 -0
- package/menu/index.d.ts +5 -0
- package/menu/mention.d.ts +18 -0
- package/menu/menu-trigger.d.ts +34 -0
- package/menu/menu.d.ts +52 -0
- package/menu/navigation-menu.d.ts +19 -0
- package/menu/public-api.d.ts +5 -0
- package/network/index.d.ts +5 -0
- package/network/network.interceptor.d.ts +6 -0
- package/network/network.service.d.ts +18 -0
- package/network/public-api.d.ts +2 -0
- package/package.json +247 -0
- package/pagination/index.d.ts +5 -0
- package/pagination/pagination.d.ts +28 -0
- package/pagination/public-api.d.ts +1 -0
- package/popover/base-popover.service.d.ts +16 -0
- package/popover/index.d.ts +5 -0
- package/popover/popover-trigger.d.ts +21 -0
- package/popover/popover.d.ts +50 -0
- package/popover/popover.service.d.ts +42 -0
- package/popover/public-api.d.ts +5 -0
- package/popover/utils.d.ts +85 -0
- package/portal/dialog-ref.d.ts +71 -0
- package/portal/index.d.ts +5 -0
- package/portal/portal-base.service.d.ts +19 -0
- package/portal/portal-close.directive.d.ts +8 -0
- package/portal/portal.component.d.ts +7 -0
- package/portal/portal.service.d.ts +16 -0
- package/portal/public-api.d.ts +5 -0
- package/progress/index.d.ts +5 -0
- package/progress/progress.d.ts +13 -0
- package/progress/public-api.d.ts +1 -0
- package/public-api.d.ts +2 -0
- package/radio/index.d.ts +5 -0
- package/radio/public-api.d.ts +2 -0
- package/radio/radio-group.d.ts +19 -0
- package/radio/radio.d.ts +22 -0
- package/resizable/index.d.ts +5 -0
- package/resizable/public-api.d.ts +2 -0
- package/resizable/resizable-group.d.ts +22 -0
- package/resizable/resizable.d.ts +50 -0
- package/scroll-area/index.d.ts +5 -0
- package/scroll-area/public-api.d.ts +1 -0
- package/scroll-area/scroll-area.d.ts +56 -0
- package/select/index.d.ts +5 -0
- package/select/list-selection.d.ts +7 -0
- package/select/option-group.d.ts +7 -0
- package/select/option.d.ts +25 -0
- package/select/public-api.d.ts +6 -0
- package/select/select-base.d.ts +64 -0
- package/select/select-input.d.ts +23 -0
- package/select/select.d.ts +50 -0
- package/selectable/index.d.ts +5 -0
- package/selectable/public-api.d.ts +2 -0
- package/selectable/selectable-item.d.ts +12 -0
- package/selectable/selectable.d.ts +19 -0
- package/sidenav/index.d.ts +5 -0
- package/sidenav/public-api.d.ts +3 -0
- package/sidenav/sidenav-header.d.ts +31 -0
- package/sidenav/sidenav.d.ts +23 -0
- package/sidenav/sidenav.service.d.ts +18 -0
- package/slider/index.d.ts +5 -0
- package/slider/public-api.d.ts +1 -0
- package/slider/slider.d.ts +73 -0
- package/sonner/index.d.ts +5 -0
- package/sonner/public-api.d.ts +2 -0
- package/sonner/sonner.d.ts +24 -0
- package/sonner/sonner.service.d.ts +21 -0
- package/stepper/animation.d.ts +1 -0
- package/stepper/index.d.ts +5 -0
- package/stepper/public-api.d.ts +3 -0
- package/stepper/step.d.ts +24 -0
- package/stepper/stepper.d.ts +26 -0
- package/switch/index.d.ts +5 -0
- package/switch/public-api.d.ts +1 -0
- package/switch/switch.d.ts +44 -0
- package/table/body-cell.d.ts +11 -0
- package/table/body-row.d.ts +21 -0
- package/table/column.d.ts +10 -0
- package/table/head-cell.d.ts +12 -0
- package/table/head-row.d.ts +21 -0
- package/table/index.d.ts +5 -0
- package/table/public-api.d.ts +8 -0
- package/table/table.d.ts +32 -0
- package/tabs/index.d.ts +5 -0
- package/tabs/public-api.d.ts +2 -0
- package/tabs/tab-group.d.ts +52 -0
- package/tabs/tab.d.ts +31 -0
- package/test/index.d.ts +5 -0
- package/test/public-api.d.ts +1 -0
- package/test/utils.d.ts +62 -0
- package/toggle/index.d.ts +5 -0
- package/toggle/public-api.d.ts +1 -0
- package/toggle/toggle.d.ts +13 -0
- package/toggle-group/index.d.ts +5 -0
- package/toggle-group/public-api.d.ts +2 -0
- package/toggle-group/toggle-group.d.ts +25 -0
- package/toggle-group/toggle-item.d.ts +14 -0
- package/tooltip/index.d.ts +5 -0
- package/tooltip/public-api.d.ts +2 -0
- package/tooltip/tooltip.d.ts +20 -0
- package/tooltip/tooltip.directive.d.ts +34 -0
- package/tooltip/tooltip.service.d.ts +26 -0
- package/tour/animation.d.ts +2 -0
- package/tour/index.d.ts +5 -0
- package/tour/public-api.d.ts +5 -0
- package/tour/tour-base.d.ts +21 -0
- package/tour/tour-step.d.ts +11 -0
- package/tour/tour.d.ts +9 -0
- package/tour/tour.service.d.ts +30 -0
- package/translate/config.d.ts +16 -0
- package/translate/index.d.ts +5 -0
- package/translate/public-api.d.ts +3 -0
- package/translate/translate.d.ts +11 -0
- package/translate/translate.service.d.ts +31 -0
- package/tree/index.d.ts +5 -0
- package/tree/public-api.d.ts +3 -0
- package/tree/tree-node.d.ts +28 -0
- package/tree/tree-toggle.d.ts +16 -0
- package/tree/tree.d.ts +55 -0
- package/utils/animation.d.ts +3 -0
- package/utils/disposals.d.ts +7 -0
- package/utils/index.d.ts +5 -0
- package/utils/number-only.d.ts +22 -0
- package/utils/public-api.d.ts +6 -0
- package/utils/range.pipe.d.ts +7 -0
- package/utils/ssr.d.ts +2 -0
- package/utils/utils.d.ts +27 -0
- package/virtualizer/index.d.ts +5 -0
- package/virtualizer/public-api.d.ts +1 -0
- package/virtualizer/virtualizer.d.ts +42 -0
|
@@ -0,0 +1,406 @@
|
|
|
1
|
+
import { DOCUMENT } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { Directive, inject, ElementRef, NgZone, contentChild, input, booleanAttribute, linkedSignal, computed, effect, contentChildren, output } from '@angular/core';
|
|
4
|
+
import { outputFromObservable } from '@angular/core/rxjs-interop';
|
|
5
|
+
import { Subject } from 'rxjs';
|
|
6
|
+
|
|
7
|
+
class DragData {
|
|
8
|
+
constructor(x = 0, y = 0, dx = 0, dy = 0, type = 'start', event, clientX, clientY, direction, velocity = 0, // pixels per millisecond
|
|
9
|
+
time = Date.now()) {
|
|
10
|
+
this.x = x;
|
|
11
|
+
this.y = y;
|
|
12
|
+
this.dx = dx;
|
|
13
|
+
this.dy = dy;
|
|
14
|
+
this.type = type;
|
|
15
|
+
this.event = event;
|
|
16
|
+
this.clientX = clientX;
|
|
17
|
+
this.clientY = clientY;
|
|
18
|
+
this.direction = direction;
|
|
19
|
+
this.velocity = velocity;
|
|
20
|
+
this.time = time;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
class DragHandle {
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: DragHandle, isStandalone: true, selector: "[ngbDragHandle]", host: { classAttribute: "cursor-move" }, exportAs: ["ngbDragHandle"], ngImport: i0 }); }
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragHandle, decorators: [{
|
|
28
|
+
type: Directive,
|
|
29
|
+
args: [{
|
|
30
|
+
selector: '[ngbDragHandle]',
|
|
31
|
+
exportAs: 'ngbDragHandle',
|
|
32
|
+
host: {
|
|
33
|
+
class: 'cursor-move',
|
|
34
|
+
},
|
|
35
|
+
}]
|
|
36
|
+
}] });
|
|
37
|
+
class Drag {
|
|
38
|
+
constructor() {
|
|
39
|
+
this.el = inject(ElementRef);
|
|
40
|
+
this.zone = inject(NgZone);
|
|
41
|
+
this.document = inject(DOCUMENT);
|
|
42
|
+
this.handle = contentChild(DragHandle, { read: ElementRef, descendants: true });
|
|
43
|
+
this.events = new Subject();
|
|
44
|
+
this.ngbDrag = outputFromObservable(this.events);
|
|
45
|
+
this.disabled = input(false, { transform: booleanAttribute });
|
|
46
|
+
this.lockAxis = input();
|
|
47
|
+
this.dragBoundary = input();
|
|
48
|
+
// hacky: we need this for host directives
|
|
49
|
+
this._lockAxis = linkedSignal(this.lockAxis);
|
|
50
|
+
this._dragBoundary = linkedSignal(this.dragBoundary);
|
|
51
|
+
this._disabled = linkedSignal(this.disabled);
|
|
52
|
+
this.dragBoundaryElement = computed(() => {
|
|
53
|
+
const id = this._dragBoundary();
|
|
54
|
+
return id ? this.document.querySelector(id) : null;
|
|
55
|
+
});
|
|
56
|
+
this.lastValue = new DragData();
|
|
57
|
+
this.isDragging = false;
|
|
58
|
+
this.onPointerDown = (event) => {
|
|
59
|
+
if (event.button !== 0)
|
|
60
|
+
return; // Only trigger on left click
|
|
61
|
+
this.startDrag(event);
|
|
62
|
+
this.document.addEventListener('pointermove', this.onPointerMove);
|
|
63
|
+
this.document.addEventListener('pointerup', this.onPointerUp);
|
|
64
|
+
};
|
|
65
|
+
this.onPointerMove = (event) => {
|
|
66
|
+
if (this.isDragging) {
|
|
67
|
+
event.preventDefault();
|
|
68
|
+
event.stopPropagation();
|
|
69
|
+
this.moveDrag(event);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
this.onPointerUp = (event) => {
|
|
73
|
+
this.endDrag(event);
|
|
74
|
+
this.document.removeEventListener('pointermove', this.onPointerMove);
|
|
75
|
+
this.document.removeEventListener('pointerup', this.onPointerUp);
|
|
76
|
+
};
|
|
77
|
+
effect(cleanup => {
|
|
78
|
+
if (!this._disabled()) {
|
|
79
|
+
const handle = this.handle() || this.el;
|
|
80
|
+
handle.nativeElement.addEventListener('pointerdown', this.onPointerDown);
|
|
81
|
+
cleanup(() => handle.nativeElement.removeEventListener('pointerdown', this.onPointerDown));
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
this.el.nativeElement.style.touchAction = 'none';
|
|
85
|
+
}
|
|
86
|
+
startDrag(event) {
|
|
87
|
+
this.startEvent = event;
|
|
88
|
+
this.isDragging = true;
|
|
89
|
+
const rect = this.el.nativeElement.getBoundingClientRect();
|
|
90
|
+
const parentRect = this.dragBoundaryElement()?.getBoundingClientRect();
|
|
91
|
+
if (parentRect) {
|
|
92
|
+
const left = rect.left - parentRect.left;
|
|
93
|
+
const top = rect.top - parentRect.top;
|
|
94
|
+
this.boundaryRect = {
|
|
95
|
+
left,
|
|
96
|
+
top,
|
|
97
|
+
right: parentRect.width - rect.width - left,
|
|
98
|
+
bottom: parentRect.height - rect.height - top,
|
|
99
|
+
};
|
|
100
|
+
// console.log(this.boundaryRect);
|
|
101
|
+
}
|
|
102
|
+
this.lastValue = this.getDragEvent(event, 'start');
|
|
103
|
+
this.events.next(this.lastValue);
|
|
104
|
+
this.toggleUserSelect();
|
|
105
|
+
}
|
|
106
|
+
moveDrag(event) {
|
|
107
|
+
this.lastValue = this.getDragEvent(event, 'move');
|
|
108
|
+
// prevent unnecessary events when the drag is outside the boundary
|
|
109
|
+
if (this.lastValue.dx !== 0 || this.lastValue.dy !== 0) {
|
|
110
|
+
this.events.next(this.lastValue);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
endDrag(event) {
|
|
114
|
+
this.isDragging = false;
|
|
115
|
+
const value = this.getDragEvent(event, 'end');
|
|
116
|
+
this.events.next(value);
|
|
117
|
+
this.lastValue = new DragData();
|
|
118
|
+
this.toggleUserSelect(false);
|
|
119
|
+
}
|
|
120
|
+
toggleUserSelect(active = true) {
|
|
121
|
+
const value = active ? 'none' : '';
|
|
122
|
+
this.document.body.style.userSelect = value;
|
|
123
|
+
this.document.body.style.webkitUserSelect = value;
|
|
124
|
+
this.document.body.style.pointerEvents = value;
|
|
125
|
+
}
|
|
126
|
+
getDirection(ev) {
|
|
127
|
+
let dir = this.lastValue.direction || 'left';
|
|
128
|
+
if (ev.clientX > this.lastValue.clientX) {
|
|
129
|
+
dir = 'right';
|
|
130
|
+
}
|
|
131
|
+
else if (ev.clientX < this.lastValue.clientX) {
|
|
132
|
+
dir = 'left';
|
|
133
|
+
}
|
|
134
|
+
return dir;
|
|
135
|
+
}
|
|
136
|
+
getDragEvent(ev, type) {
|
|
137
|
+
const now = Date.now();
|
|
138
|
+
const dt = now - this.lastValue.time;
|
|
139
|
+
const startClientX = this.startEvent.clientX;
|
|
140
|
+
const startClientY = this.startEvent.clientY;
|
|
141
|
+
let x = ev.clientX - startClientX;
|
|
142
|
+
let y = ev.clientY - startClientY;
|
|
143
|
+
// it is to make sure that the drag is always in the drag point
|
|
144
|
+
if (this.boundaryRect) {
|
|
145
|
+
const { left, top, right, bottom } = this.boundaryRect;
|
|
146
|
+
x = Math.max(-left, Math.min(x, right));
|
|
147
|
+
y = Math.max(-top, Math.min(y, bottom));
|
|
148
|
+
}
|
|
149
|
+
if (this._lockAxis() === 'x') {
|
|
150
|
+
y = 0;
|
|
151
|
+
}
|
|
152
|
+
else if (this._lockAxis() === 'y') {
|
|
153
|
+
x = 0;
|
|
154
|
+
}
|
|
155
|
+
const dx = x - (this.lastValue.x ?? 0);
|
|
156
|
+
const dy = y - (this.lastValue.y ?? 0);
|
|
157
|
+
let velocity = 0;
|
|
158
|
+
if (type === 'move' && dt > 0) {
|
|
159
|
+
const distance = Math.sqrt(dx * dx + dy * dy);
|
|
160
|
+
velocity = (distance / dt) * 0.6;
|
|
161
|
+
}
|
|
162
|
+
else if (type === 'end') {
|
|
163
|
+
velocity = this.lastValue.velocity;
|
|
164
|
+
}
|
|
165
|
+
this.lastValue.time = now;
|
|
166
|
+
return new DragData(x, y, dx, dy, type, ev, ev.clientX, ev.clientY, this.getDirection(ev), velocity, now);
|
|
167
|
+
}
|
|
168
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Drag, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
169
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: Drag, isStandalone: true, selector: "[ngbDrag]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, lockAxis: { classPropertyName: "lockAxis", publicName: "lockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ngbDrag: "ngbDrag" }, queries: [{ propertyName: "handle", first: true, predicate: DragHandle, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbDrag"], ngImport: i0 }); }
|
|
170
|
+
}
|
|
171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Drag, decorators: [{
|
|
172
|
+
type: Directive,
|
|
173
|
+
args: [{
|
|
174
|
+
selector: '[ngbDrag]',
|
|
175
|
+
exportAs: 'ngbDrag',
|
|
176
|
+
}]
|
|
177
|
+
}], ctorParameters: () => [] });
|
|
178
|
+
|
|
179
|
+
class DragMove {
|
|
180
|
+
constructor() {
|
|
181
|
+
this.drag = inject(Drag);
|
|
182
|
+
this.el = inject(ElementRef);
|
|
183
|
+
this.target = input();
|
|
184
|
+
this.scale = 1;
|
|
185
|
+
this.x = 0;
|
|
186
|
+
this.y = 0;
|
|
187
|
+
this.lastX = 0;
|
|
188
|
+
this.lastY = 0;
|
|
189
|
+
this.drag.events.subscribe(data => {
|
|
190
|
+
data.event?.preventDefault();
|
|
191
|
+
requestAnimationFrame(() => {
|
|
192
|
+
if (data.type === 'move') {
|
|
193
|
+
this.x = data.x + this.lastX;
|
|
194
|
+
this.y = data.y + this.lastY;
|
|
195
|
+
this.updateTransform();
|
|
196
|
+
}
|
|
197
|
+
else if (data.type === 'end') {
|
|
198
|
+
this.lastX = this.x;
|
|
199
|
+
this.lastY = this.y;
|
|
200
|
+
}
|
|
201
|
+
});
|
|
202
|
+
});
|
|
203
|
+
// this.el.nativeElement.addEventListener('wheel', e => {
|
|
204
|
+
// e.preventDefault();
|
|
205
|
+
// const rect = this.element.getBoundingClientRect();
|
|
206
|
+
// const mouseX = e.clientX - rect.left;
|
|
207
|
+
// const mouseY = e.clientY - rect.top;
|
|
208
|
+
// const prevScale = this.scale;
|
|
209
|
+
// this.scale = Math.max(0.1, Math.min(10, this.scale + e.deltaY * -0.001));
|
|
210
|
+
// const scaleRatio = this.scale / prevScale;
|
|
211
|
+
// this.x += ((mouseX - this.x) * (1 - scaleRatio)) / this.scale;
|
|
212
|
+
// this.y += ((mouseY - this.y) * (1 - scaleRatio)) / this.scale;
|
|
213
|
+
// this.updateTransform();
|
|
214
|
+
// });
|
|
215
|
+
}
|
|
216
|
+
get element() {
|
|
217
|
+
return this.target() ?? this.el.nativeElement;
|
|
218
|
+
}
|
|
219
|
+
updateTransform() {
|
|
220
|
+
this.element.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;
|
|
221
|
+
}
|
|
222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragMove, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
223
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: DragMove, isStandalone: true, selector: "[ngbDragMove]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: Drag, inputs: ["dragBoundary", "dragBoundary"] }], ngImport: i0 }); }
|
|
224
|
+
}
|
|
225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragMove, decorators: [{
|
|
226
|
+
type: Directive,
|
|
227
|
+
args: [{
|
|
228
|
+
selector: '[ngbDragMove]',
|
|
229
|
+
hostDirectives: [{ directive: Drag, inputs: ['dragBoundary'] }],
|
|
230
|
+
}]
|
|
231
|
+
}], ctorParameters: () => [] });
|
|
232
|
+
|
|
233
|
+
class DragDrop {
|
|
234
|
+
constructor() {
|
|
235
|
+
this.el = inject(ElementRef);
|
|
236
|
+
this.dragItems = contentChildren(Drag);
|
|
237
|
+
this.data = input();
|
|
238
|
+
this.orderChanged = output();
|
|
239
|
+
this.sortableElements = [];
|
|
240
|
+
effect(cleanup => {
|
|
241
|
+
const items = this.dragItems();
|
|
242
|
+
this.sortableElements = [];
|
|
243
|
+
const subs = items.map(item => {
|
|
244
|
+
this.sortableElements.push(item.el.nativeElement);
|
|
245
|
+
return item.ngbDrag.subscribe(data => this.onDrag(data, item));
|
|
246
|
+
});
|
|
247
|
+
cleanup(() => subs.forEach(sub => sub.unsubscribe()));
|
|
248
|
+
});
|
|
249
|
+
}
|
|
250
|
+
onDrag(dragData, item) {
|
|
251
|
+
const element = item.el.nativeElement;
|
|
252
|
+
if (dragData.type === 'start') {
|
|
253
|
+
this.onDragStart(element);
|
|
254
|
+
}
|
|
255
|
+
else if (dragData.type === 'move') {
|
|
256
|
+
this.onDragMove(element, dragData, item);
|
|
257
|
+
}
|
|
258
|
+
else if (dragData.type === 'end') {
|
|
259
|
+
this.onDragEnd(element);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
fromThis(dragData) {
|
|
263
|
+
return isIntersecting({ x: dragData.clientX, y: dragData.clientY, w: 0.1, h: 0.1 }, this.el.nativeElement.getBoundingClientRect());
|
|
264
|
+
}
|
|
265
|
+
onDragStart(element) {
|
|
266
|
+
element.style.zIndex = '1000';
|
|
267
|
+
element.style.transition = 'none';
|
|
268
|
+
element.style.position = 'relative';
|
|
269
|
+
// original index
|
|
270
|
+
this.previousIndex = this.dragItems().findIndex(item => item.el.nativeElement === element);
|
|
271
|
+
this.currentIndex = this.previousIndex;
|
|
272
|
+
this.height = element.offsetHeight;
|
|
273
|
+
}
|
|
274
|
+
onDragMove(element, dragData, drag) {
|
|
275
|
+
const deltaX = dragData.x;
|
|
276
|
+
const deltaY = dragData.y;
|
|
277
|
+
element.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
|
|
278
|
+
// we have to find the new index by checking clientXY of the mouse
|
|
279
|
+
const mouseY = dragData.clientY;
|
|
280
|
+
const mouseX = dragData.clientX;
|
|
281
|
+
const ci = this.currentIndex ?? this.previousIndex;
|
|
282
|
+
let newIndex = this.sortableElements.findIndex((el, index) => {
|
|
283
|
+
const rect = el.getBoundingClientRect();
|
|
284
|
+
return index !== ci && isIntersecting({ x: mouseX, y: mouseY, w: 0.1, h: 0.1 }, rect);
|
|
285
|
+
});
|
|
286
|
+
newIndex = newIndex === -1 ? ci : newIndex;
|
|
287
|
+
if (newIndex !== this.currentIndex) {
|
|
288
|
+
this.rearrangeItems(drag, newIndex);
|
|
289
|
+
this.currentIndex = newIndex;
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
onDragEnd(element) {
|
|
293
|
+
// Emit the new order
|
|
294
|
+
this.resetPositions();
|
|
295
|
+
this.emitNewOrder();
|
|
296
|
+
// element.style.transition = 'transform 0.3s ease-out';
|
|
297
|
+
// element.addEventListener(
|
|
298
|
+
// 'transitionend',
|
|
299
|
+
// () => {
|
|
300
|
+
element.style.zIndex = '';
|
|
301
|
+
element.style.position = '';
|
|
302
|
+
// },
|
|
303
|
+
// { once: true },
|
|
304
|
+
// );
|
|
305
|
+
}
|
|
306
|
+
rearrangeItems(dragger, newIndex) {
|
|
307
|
+
const draggedItem = dragger.el.nativeElement;
|
|
308
|
+
const oldIndex = this.sortableElements.indexOf(draggedItem);
|
|
309
|
+
if (oldIndex === newIndex)
|
|
310
|
+
return;
|
|
311
|
+
// Move the dragged item in the array
|
|
312
|
+
this.sortableElements.splice(oldIndex, 1);
|
|
313
|
+
this.sortableElements.splice(newIndex, 0, draggedItem);
|
|
314
|
+
// Update positions of all items
|
|
315
|
+
this.updateItemPositions(draggedItem, newIndex);
|
|
316
|
+
}
|
|
317
|
+
updateItemPositions(draggedItem, newIndex) {
|
|
318
|
+
const originalIndex = this.previousIndex;
|
|
319
|
+
this.sortableElements.forEach((el, index) => {
|
|
320
|
+
if (el !== draggedItem) {
|
|
321
|
+
const v = (originalIndex >= newIndex && (index > originalIndex || index < newIndex)) ||
|
|
322
|
+
(originalIndex <= newIndex && (index < originalIndex || index > newIndex))
|
|
323
|
+
? 0
|
|
324
|
+
: index > newIndex
|
|
325
|
+
? 1
|
|
326
|
+
: -1;
|
|
327
|
+
const shift = v * this.height;
|
|
328
|
+
el.style.transform = `translateY(${shift}px)`;
|
|
329
|
+
// el.style.transition = 'transform 0.3s ease-out';
|
|
330
|
+
}
|
|
331
|
+
});
|
|
332
|
+
}
|
|
333
|
+
resetPositions() {
|
|
334
|
+
this.sortableElements.forEach(el => {
|
|
335
|
+
el.style.transform = '';
|
|
336
|
+
el.style.transition = '';
|
|
337
|
+
});
|
|
338
|
+
}
|
|
339
|
+
emitNewOrder() {
|
|
340
|
+
if (this.currentIndex !== this.previousIndex) {
|
|
341
|
+
const containerData = { data: this.data() };
|
|
342
|
+
this.orderChanged.emit({
|
|
343
|
+
previousIndex: this.previousIndex,
|
|
344
|
+
currentIndex: this.currentIndex,
|
|
345
|
+
container: containerData,
|
|
346
|
+
previousContainer: containerData,
|
|
347
|
+
});
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragDrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
351
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: DragDrop, isStandalone: true, selector: "[ngbDrop]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { orderChanged: "orderChanged" }, queries: [{ propertyName: "dragItems", predicate: Drag, isSignal: true }], ngImport: i0 }); }
|
|
352
|
+
}
|
|
353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: DragDrop, decorators: [{
|
|
354
|
+
type: Directive,
|
|
355
|
+
args: [{
|
|
356
|
+
selector: '[ngbDrop]',
|
|
357
|
+
}]
|
|
358
|
+
}], ctorParameters: () => [] });
|
|
359
|
+
// We need to check if the mouse is intersecting with the element
|
|
360
|
+
function isIntersecting(rect1, rect2) {
|
|
361
|
+
if (rect1 instanceof DOMRect) {
|
|
362
|
+
rect1 = { x: rect1.x, y: rect1.y, w: rect1.width, h: rect1.height };
|
|
363
|
+
}
|
|
364
|
+
if (rect2 instanceof DOMRect) {
|
|
365
|
+
rect2 = { x: rect2.x, y: rect2.y, w: rect2.width, h: rect2.height };
|
|
366
|
+
}
|
|
367
|
+
return (rect1.x <= rect2.x + rect2.w &&
|
|
368
|
+
rect1.x + rect1.w >= rect2.x &&
|
|
369
|
+
rect1.y <= rect2.y + rect2.h &&
|
|
370
|
+
rect1.y + rect1.h >= rect2.y);
|
|
371
|
+
}
|
|
372
|
+
function moveItemInArray(array, fromIndex, toIndex) {
|
|
373
|
+
if (fromIndex === toIndex)
|
|
374
|
+
return;
|
|
375
|
+
const item = array[fromIndex];
|
|
376
|
+
const diff = fromIndex - toIndex;
|
|
377
|
+
if (diff > 0) {
|
|
378
|
+
// Moving towards the start of the array
|
|
379
|
+
for (let i = fromIndex; i > toIndex; i--) {
|
|
380
|
+
array[i] = array[i - 1];
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
else {
|
|
384
|
+
// Moving towards the end of the array
|
|
385
|
+
for (let i = fromIndex; i < toIndex; i++) {
|
|
386
|
+
array[i] = array[i + 1];
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
array[toIndex] = item;
|
|
390
|
+
}
|
|
391
|
+
function transferArrayItem(fromArray, toArray, fromIndex, toIndex) {
|
|
392
|
+
const item = fromArray[fromIndex];
|
|
393
|
+
fromArray.splice(fromIndex, 1);
|
|
394
|
+
toArray.splice(toIndex, 0, item);
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
/*
|
|
398
|
+
* Public API Surface of drag
|
|
399
|
+
*/
|
|
400
|
+
|
|
401
|
+
/**
|
|
402
|
+
* Generated bundle index. Do not edit.
|
|
403
|
+
*/
|
|
404
|
+
|
|
405
|
+
export { Drag, DragData, DragDrop, DragHandle, DragMove, moveItemInArray, transferArrayItem };
|
|
406
|
+
//# sourceMappingURL=ngbase-adk-drag.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngbase-adk-drag.mjs","sources":["../../../projects/adk/drag/drag.ts","../../../projects/adk/drag/drag-move.ts","../../../projects/adk/drag/drag-drop.ts","../../../projects/adk/drag/public-api.ts","../../../projects/adk/drag/ngbase-adk-drag.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n Directive,\n ElementRef,\n NgZone,\n booleanAttribute,\n computed,\n contentChild,\n effect,\n inject,\n input,\n linkedSignal,\n} from '@angular/core';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { Subject } from 'rxjs';\n\nexport class DragData {\n constructor(\n public x = 0,\n public y = 0,\n public dx = 0,\n public dy = 0,\n public type: 'start' | 'move' | 'end' = 'start',\n public event?: PointerEvent,\n public clientX?: number,\n public clientY?: number,\n public direction?: 'left' | 'right',\n public velocity = 0, // pixels per millisecond\n public time = Date.now(),\n ) {}\n}\n\n@Directive({\n selector: '[ngbDragHandle]',\n exportAs: 'ngbDragHandle',\n host: {\n class: 'cursor-move',\n },\n})\nexport class DragHandle {}\n\n@Directive({\n selector: '[ngbDrag]',\n exportAs: 'ngbDrag',\n})\nexport class Drag {\n readonly el = inject(ElementRef);\n readonly zone = inject(NgZone);\n readonly document = inject(DOCUMENT);\n\n readonly handle = contentChild(DragHandle, { read: ElementRef, descendants: true });\n readonly events = new Subject<DragData>();\n readonly ngbDrag = outputFromObservable(this.events);\n\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly lockAxis = input<'x' | 'y'>();\n readonly dragBoundary = input<string>();\n\n // hacky: we need this for host directives\n _lockAxis = linkedSignal(this.lockAxis);\n _dragBoundary = linkedSignal(this.dragBoundary);\n _disabled = linkedSignal(this.disabled);\n\n private readonly dragBoundaryElement = computed(() => {\n const id = this._dragBoundary();\n return id ? this.document.querySelector(id) : null;\n });\n private boundaryRect: { left: number; top: number; right: number; bottom: number } | undefined;\n startEvent!: PointerEvent;\n lastValue = new DragData();\n isDragging = false;\n\n constructor() {\n effect(cleanup => {\n if (!this._disabled()) {\n const handle = this.handle() || this.el;\n handle.nativeElement.addEventListener('pointerdown', this.onPointerDown);\n cleanup(() => handle.nativeElement.removeEventListener('pointerdown', this.onPointerDown));\n }\n });\n this.el.nativeElement.style.touchAction = 'none';\n }\n\n private onPointerDown = (event: PointerEvent) => {\n if (event.button !== 0) return; // Only trigger on left click\n\n this.startDrag(event);\n this.document.addEventListener('pointermove', this.onPointerMove);\n this.document.addEventListener('pointerup', this.onPointerUp);\n };\n\n private onPointerMove = (event: PointerEvent) => {\n if (this.isDragging) {\n event.preventDefault();\n event.stopPropagation();\n this.moveDrag(event);\n }\n };\n\n private onPointerUp = (event: PointerEvent) => {\n this.endDrag(event);\n this.document.removeEventListener('pointermove', this.onPointerMove);\n this.document.removeEventListener('pointerup', this.onPointerUp);\n };\n\n private startDrag(event: PointerEvent) {\n this.startEvent = event;\n this.isDragging = true;\n const rect = this.el.nativeElement.getBoundingClientRect();\n const parentRect = this.dragBoundaryElement()?.getBoundingClientRect();\n if (parentRect) {\n const left = rect.left - parentRect.left;\n const top = rect.top - parentRect.top;\n this.boundaryRect = {\n left,\n top,\n right: parentRect.width - rect.width - left,\n bottom: parentRect.height - rect.height - top,\n };\n // console.log(this.boundaryRect);\n }\n this.lastValue = this.getDragEvent(event, 'start');\n this.events.next(this.lastValue);\n this.toggleUserSelect();\n }\n\n private moveDrag(event: PointerEvent) {\n this.lastValue = this.getDragEvent(event, 'move');\n // prevent unnecessary events when the drag is outside the boundary\n if (this.lastValue.dx !== 0 || this.lastValue.dy !== 0) {\n this.events.next(this.lastValue);\n }\n }\n\n private endDrag(event: PointerEvent) {\n this.isDragging = false;\n const value = this.getDragEvent(event, 'end');\n this.events.next(value);\n this.lastValue = new DragData();\n this.toggleUserSelect(false);\n }\n\n private toggleUserSelect(active = true) {\n const value = active ? 'none' : '';\n this.document.body.style.userSelect = value;\n this.document.body.style.webkitUserSelect = value;\n this.document.body.style.pointerEvents = value;\n }\n\n private getDirection(ev: PointerEvent) {\n let dir = this.lastValue.direction || 'left';\n if (ev.clientX > this.lastValue.clientX!) {\n dir = 'right';\n } else if (ev.clientX < this.lastValue.clientX!) {\n dir = 'left';\n }\n return dir;\n }\n\n private getDragEvent(ev: PointerEvent, type: 'start' | 'move' | 'end') {\n const now = Date.now();\n const dt = now - this.lastValue.time;\n const startClientX = this.startEvent.clientX;\n const startClientY = this.startEvent.clientY;\n\n let x = ev.clientX - startClientX;\n let y = ev.clientY - startClientY;\n\n // it is to make sure that the drag is always in the drag point\n if (this.boundaryRect) {\n const { left, top, right, bottom } = this.boundaryRect;\n x = Math.max(-left, Math.min(x, right));\n y = Math.max(-top, Math.min(y, bottom));\n }\n\n if (this._lockAxis() === 'x') {\n y = 0;\n } else if (this._lockAxis() === 'y') {\n x = 0;\n }\n\n const dx = x - (this.lastValue.x ?? 0);\n const dy = y - (this.lastValue.y ?? 0);\n\n let velocity = 0;\n if (type === 'move' && dt > 0) {\n const distance = Math.sqrt(dx * dx + dy * dy);\n velocity = (distance / dt) * 0.6;\n } else if (type === 'end') {\n velocity = this.lastValue.velocity;\n }\n this.lastValue.time = now;\n\n return new DragData(\n x,\n y,\n dx,\n dy,\n type,\n ev,\n ev.clientX,\n ev.clientY,\n this.getDirection(ev),\n velocity,\n now,\n );\n }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { Drag } from './drag';\n\n@Directive({\n selector: '[ngbDragMove]',\n hostDirectives: [{ directive: Drag, inputs: ['dragBoundary'] }],\n})\nexport class DragMove {\n private drag = inject(Drag);\n private el = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly target = input<HTMLElement>();\n private scale = 1;\n private x = 0;\n private y = 0;\n private lastX = 0;\n private lastY = 0;\n\n constructor() {\n this.drag.events.subscribe(data => {\n data.event?.preventDefault();\n requestAnimationFrame(() => {\n if (data.type === 'move') {\n this.x = data.x + this.lastX;\n this.y = data.y + this.lastY;\n this.updateTransform();\n } else if (data.type === 'end') {\n this.lastX = this.x;\n this.lastY = this.y;\n }\n });\n });\n\n // this.el.nativeElement.addEventListener('wheel', e => {\n // e.preventDefault();\n // const rect = this.element.getBoundingClientRect();\n // const mouseX = e.clientX - rect.left;\n // const mouseY = e.clientY - rect.top;\n\n // const prevScale = this.scale;\n // this.scale = Math.max(0.1, Math.min(10, this.scale + e.deltaY * -0.001));\n\n // const scaleRatio = this.scale / prevScale;\n\n // this.x += ((mouseX - this.x) * (1 - scaleRatio)) / this.scale;\n // this.y += ((mouseY - this.y) * (1 - scaleRatio)) / this.scale;\n\n // this.updateTransform();\n // });\n }\n\n private get element() {\n return this.target() ?? this.el.nativeElement;\n }\n\n private updateTransform() {\n this.element.style.transform = `translate(${this.x}px, ${this.y}px) scale(${this.scale})`;\n }\n}\n","import {\n Directive,\n ElementRef,\n contentChildren,\n effect,\n inject,\n input,\n output,\n} from '@angular/core';\nimport { Drag, DragData } from './drag';\n\nexport interface DropEvent<T> {\n previousIndex: number;\n currentIndex: number;\n container: { data: T };\n previousContainer: { data: T };\n}\n\n@Directive({\n selector: '[ngbDrop]',\n})\nexport class DragDrop<T> {\n readonly el = inject(ElementRef);\n readonly dragItems = contentChildren(Drag);\n\n readonly data = input<T>();\n readonly orderChanged = output<DropEvent<T>>();\n\n private sortableElements: HTMLElement[] = [];\n private previousIndex!: number;\n private currentIndex!: number;\n private height!: number; // height is required for testing\n\n constructor() {\n effect(cleanup => {\n const items = this.dragItems();\n this.sortableElements = [];\n const subs = items.map(item => {\n this.sortableElements.push(item.el.nativeElement);\n return item.ngbDrag.subscribe(data => this.onDrag(data, item));\n });\n cleanup(() => subs.forEach(sub => sub.unsubscribe()));\n });\n }\n\n private onDrag(dragData: DragData, item: Drag) {\n const element = item.el.nativeElement;\n if (dragData.type === 'start') {\n this.onDragStart(element);\n } else if (dragData.type === 'move') {\n this.onDragMove(element, dragData, item);\n } else if (dragData.type === 'end') {\n this.onDragEnd(element);\n }\n }\n\n fromThis(dragData: DragData) {\n return isIntersecting(\n { x: dragData.clientX!, y: dragData.clientY!, w: 0.1, h: 0.1 },\n this.el.nativeElement.getBoundingClientRect(),\n );\n }\n\n private onDragStart(element: HTMLElement) {\n element.style.zIndex = '1000';\n element.style.transition = 'none';\n element.style.position = 'relative';\n\n // original index\n this.previousIndex = this.dragItems().findIndex(item => item.el.nativeElement === element);\n this.currentIndex = this.previousIndex;\n this.height = element.offsetHeight;\n }\n\n private onDragMove(element: HTMLElement, dragData: DragData, drag: Drag) {\n const deltaX = dragData.x;\n const deltaY = dragData.y;\n element.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n\n // we have to find the new index by checking clientXY of the mouse\n const mouseY = dragData.clientY!;\n const mouseX = dragData.clientX!;\n const ci = this.currentIndex ?? this.previousIndex;\n let newIndex = this.sortableElements.findIndex((el, index) => {\n const rect = el.getBoundingClientRect();\n return index !== ci && isIntersecting({ x: mouseX, y: mouseY, w: 0.1, h: 0.1 }, rect);\n });\n newIndex = newIndex === -1 ? ci : newIndex;\n\n if (newIndex !== this.currentIndex) {\n this.rearrangeItems(drag, newIndex);\n this.currentIndex = newIndex;\n }\n }\n\n private onDragEnd(element: HTMLElement) {\n // Emit the new order\n this.resetPositions();\n this.emitNewOrder();\n\n // element.style.transition = 'transform 0.3s ease-out';\n // element.addEventListener(\n // 'transitionend',\n // () => {\n element.style.zIndex = '';\n element.style.position = '';\n // },\n // { once: true },\n // );\n }\n\n private rearrangeItems(dragger: Drag, newIndex: number) {\n const draggedItem = dragger.el.nativeElement;\n const oldIndex = this.sortableElements.indexOf(draggedItem);\n if (oldIndex === newIndex) return;\n\n // Move the dragged item in the array\n this.sortableElements.splice(oldIndex, 1);\n this.sortableElements.splice(newIndex, 0, draggedItem);\n\n // Update positions of all items\n this.updateItemPositions(draggedItem, newIndex);\n }\n\n private updateItemPositions(draggedItem: HTMLElement, newIndex: number) {\n const originalIndex = this.previousIndex;\n this.sortableElements.forEach((el, index) => {\n if (el !== draggedItem) {\n const v =\n (originalIndex >= newIndex && (index > originalIndex || index < newIndex)) ||\n (originalIndex <= newIndex && (index < originalIndex || index > newIndex))\n ? 0\n : index > newIndex\n ? 1\n : -1;\n const shift = v * this.height;\n el.style.transform = `translateY(${shift}px)`;\n // el.style.transition = 'transform 0.3s ease-out';\n }\n });\n }\n\n private resetPositions() {\n this.sortableElements.forEach(el => {\n el.style.transform = '';\n el.style.transition = '';\n });\n }\n\n private emitNewOrder() {\n if (this.currentIndex !== this.previousIndex) {\n const containerData = { data: this.data()! };\n this.orderChanged.emit({\n previousIndex: this.previousIndex,\n currentIndex: this.currentIndex,\n container: containerData,\n previousContainer: containerData,\n });\n }\n }\n}\n\ninterface Boundary {\n x: number;\n y: number;\n w: number;\n h: number;\n}\n\n// We need to check if the mouse is intersecting with the element\nfunction isIntersecting(rect1: Boundary | DOMRect, rect2: Boundary | DOMRect) {\n if (rect1 instanceof DOMRect) {\n rect1 = { x: rect1.x, y: rect1.y, w: rect1.width, h: rect1.height };\n }\n if (rect2 instanceof DOMRect) {\n rect2 = { x: rect2.x, y: rect2.y, w: rect2.width, h: rect2.height };\n }\n return (\n rect1.x <= rect2.x + rect2.w &&\n rect1.x + rect1.w >= rect2.x &&\n rect1.y <= rect2.y + rect2.h &&\n rect1.y + rect1.h >= rect2.y\n );\n}\n\nexport function moveItemInArray<T>(array: T[], fromIndex: number, toIndex: number): void {\n if (fromIndex === toIndex) return;\n\n const item = array[fromIndex];\n const diff = fromIndex - toIndex;\n\n if (diff > 0) {\n // Moving towards the start of the array\n for (let i = fromIndex; i > toIndex; i--) {\n array[i] = array[i - 1];\n }\n } else {\n // Moving towards the end of the array\n for (let i = fromIndex; i < toIndex; i++) {\n array[i] = array[i + 1];\n }\n }\n\n array[toIndex] = item;\n}\n\nexport function transferArrayItem<T>(\n fromArray: T[],\n toArray: T[],\n fromIndex: number,\n toIndex: number,\n): void {\n const item = fromArray[fromIndex];\n fromArray.splice(fromIndex, 1);\n toArray.splice(toIndex, 0, item);\n}\n","/*\n * Public API Surface of drag\n */\n\nexport * from './drag';\nexport * from './drag-move';\nexport * from './drag-drop';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.Drag"],"mappings":"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"}
|