@kaskad/angular-dnd 0.0.7

package/README.md

@@ -0,0 +1,7 @@
+# angular-dnd
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test angular-dnd` to execute the unit tests.

package/fesm2022/kaskad-angular-dnd.mjs

@@ -0,0 +1,174 @@
+import * as i1 from '@angular/cdk/drag-drop';
+import { CdkDragHandle, CdkDrag, CdkDropList, CDK_DROP_LIST } from '@angular/cdk/drag-drop';
+import * as i0 from '@angular/core';
+import { Directive, input, inject, DestroyRef, effect, Injector } from '@angular/core';
+
+const componentsDefinitions = {
+    'dnd.Drag': {
+        traits: ['sys.Box'],
+        properties: {
+            'dragData@unknown': null,
+            'disabled@boolean': false,
+            'dragStarted@(unknown)': null,
+            'dragEnded@(unknown, string)': null,
+        },
+    },
+    'dnd.DragHandle': {
+        traits: ['sys.Box'],
+        properties: {},
+    },
+    'dnd.DropZone': {
+        traits: ['sys.Group', 'browser.Styled'],
+        properties: {
+            'zoneId@string': null,
+            'connectedZones@string[]': [],
+            'disabled@boolean': false,
+            'dropped@(unknown, string, number)': null,
+        },
+    },
+    'dnd.DropList': {
+        traits: ['sys.Box'],
+        properties: {
+            'listId@string': null,
+            'connectedTo@string[]': [],
+            'disabled@boolean': false,
+            'orientation@string': 'vertical',
+            'dropped@(unknown, string, number)': null,
+            'itemMoved@(unknown, number, number, string, string)': null,
+        },
+    },
+};
+
+class DragHandleDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: DragHandleDirective, isStandalone: true, selector: "[kkDragHandle]", hostDirectives: [{ directive: i1.CdkDragHandle }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkDragHandle]',
+                    hostDirectives: [CdkDragHandle],
+                }]
+        }] });
+
+class DragDirective {
+    dragData = input(...(ngDevMode ? [undefined, { debugName: "dragData" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dragStarted = input(...(ngDevMode ? [undefined, { debugName: "dragStarted" }] : []));
+    dragEnded = input(...(ngDevMode ? [undefined, { debugName: "dragEnded" }] : []));
+    cdkDrag = inject(CdkDrag);
+    destroyRef = inject(DestroyRef);
+    constructor() {
+        effect(() => {
+            this.cdkDrag.data = this.dragData();
+        });
+        const startedSub = this.cdkDrag.started.subscribe(() => {
+            this.dragStarted()?.execute(this.dragData());
+        });
+        const endedSub = this.cdkDrag.ended.subscribe((event) => {
+            const dropListId = event.source.dropContainer?.id ?? '';
+            this.dragEnded()?.execute(this.dragData(), dropListId);
+        });
+        this.destroyRef.onDestroy(() => {
+            startedSub.unsubscribe();
+            endedSub.unsubscribe();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: DragDirective, isStandalone: true, selector: "[kkDrag]", inputs: { dragData: { classPropertyName: "dragData", publicName: "dragData", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dragStarted: { classPropertyName: "dragStarted", publicName: "dragStarted", isSignal: true, isRequired: false, transformFunction: null }, dragEnded: { classPropertyName: "dragEnded", publicName: "dragEnded", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.CdkDrag, inputs: ["cdkDragDisabled", "disabled"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkDrag]',
+                    hostDirectives: [{ directive: CdkDrag, inputs: ['cdkDragDisabled: disabled'] }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { dragData: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragData", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dragStarted: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragStarted", required: false }] }], dragEnded: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragEnded", required: false }] }] } });
+
+class DropListDirective {
+    listId = input(...(ngDevMode ? [undefined, { debugName: "listId" }] : []));
+    connectedTo = input([], ...(ngDevMode ? [{ debugName: "connectedTo" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    dropped = input(...(ngDevMode ? [undefined, { debugName: "dropped" }] : []));
+    itemMoved = input(...(ngDevMode ? [undefined, { debugName: "itemMoved" }] : []));
+    cdkDropList = inject(CdkDropList);
+    destroyRef = inject(DestroyRef);
+    constructor() {
+        effect(() => {
+            const id = this.listId();
+            if (id) {
+                this.cdkDropList.id = id;
+            }
+        });
+        effect(() => {
+            this.cdkDropList.orientation = this.orientation() === 'horizontal' ? 'horizontal' : 'vertical';
+        });
+        const droppedSub = this.cdkDropList.dropped.subscribe((event) => {
+            this.onDrop(event);
+        });
+        this.destroyRef.onDestroy(() => {
+            droppedSub.unsubscribe();
+        });
+    }
+    onDrop(event) {
+        const dragData = event.item.data;
+        const previousIndex = event.previousIndex;
+        const currentIndex = event.currentIndex;
+        const previousContainer = event.previousContainer.id;
+        const currentContainer = event.container.id;
+        if (previousContainer === currentContainer && previousIndex === currentIndex) {
+            return;
+        }
+        this.dropped()?.execute(dragData, currentContainer, currentIndex);
+        this.itemMoved()?.execute(dragData, previousIndex, currentIndex, previousContainer, currentContainer);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: DropListDirective, isStandalone: true, selector: "[kkDropList]", inputs: { listId: { classPropertyName: "listId", publicName: "listId", isSignal: true, isRequired: false, transformFunction: null }, connectedTo: { classPropertyName: "connectedTo", publicName: "connectedTo", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dropped: { classPropertyName: "dropped", publicName: "dropped", isSignal: true, isRequired: false, transformFunction: null }, itemMoved: { classPropertyName: "itemMoved", publicName: "itemMoved", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.CdkDropList, inputs: ["cdkDropListConnectedTo", "connectedTo", "cdkDropListDisabled", "disabled"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkDropList]',
+                    hostDirectives: [
+                        {
+                            directive: CdkDropList,
+                            inputs: ['cdkDropListConnectedTo: connectedTo', 'cdkDropListDisabled: disabled'],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { listId: [{ type: i0.Input, args: [{ isSignal: true, alias: "listId", required: false }] }], connectedTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedTo", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], dropped: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropped", required: false }] }], itemMoved: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemMoved", required: false }] }] } });
+
+class DropListContextDirective {
+    dropList = inject(CdkDropList);
+    parentInjector = inject(Injector);
+    injector = Injector.create({
+        providers: [{ provide: CDK_DROP_LIST, useValue: this.dropList }],
+        parent: this.parentInjector,
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropListContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: DropListContextDirective, isStandalone: true, selector: "[kkDropListContext]", exportAs: ["kkDropListContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DropListContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kkDropListContext]',
+                    exportAs: 'kkDropListContext',
+                }]
+        }] });
+
+const dnd = {
+    definitions: componentsDefinitions,
+    components: {
+        'dnd.DropList': { directive: DropListDirective },
+        'dnd.Drag': { directive: DragDirective },
+        'dnd.DragHandle': { directive: DragHandleDirective },
+    },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DragDirective, DragHandleDirective, DropListContextDirective, DropListDirective, dnd };
+//# sourceMappingURL=kaskad-angular-dnd.mjs.map

package/fesm2022/kaskad-angular-dnd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaskad-angular-dnd.mjs","sources":["../../../../libs/angular-dnd/src/lib/definitions/definitions.ts","../../../../libs/angular-dnd/src/lib/drag-handle.directive.ts","../../../../libs/angular-dnd/src/lib/drag.directive.ts","../../../../libs/angular-dnd/src/lib/drop-list.directive.ts","../../../../libs/angular-dnd/src/lib/drop-list-context.directive.ts","../../../../libs/angular-dnd/src/index.ts","../../../../libs/angular-dnd/src/kaskad-angular-dnd.ts"],"sourcesContent":["import { ComponentRawDefinition } from '@kaskad/schema';\n\nexport const componentsDefinitions: Record<string, ComponentRawDefinition> = {\n  'dnd.Drag': {\n    traits: ['sys.Box'],\n    properties: {\n      'dragData@unknown': null,\n      'disabled@boolean': false,\n      'dragStarted@(unknown)': null,\n      'dragEnded@(unknown, string)': null,\n    },\n  },\n  'dnd.DragHandle': {\n    traits: ['sys.Box'],\n    properties: {},\n  },\n  'dnd.DropZone': {\n    traits: ['sys.Group', 'browser.Styled'],\n    properties: {\n      'zoneId@string': null,\n      'connectedZones@string[]': [],\n      'disabled@boolean': false,\n      'dropped@(unknown, string, number)': null,\n    },\n  },\n  'dnd.DropList': {\n    traits: ['sys.Box'],\n    properties: {\n      'listId@string': null,\n      'connectedTo@string[]': [],\n      'disabled@boolean': false,\n      'orientation@string': 'vertical',\n      'dropped@(unknown, string, number)': null,\n      'itemMoved@(unknown, number, number, string, string)': null,\n    },\n  },\n};\n","import { CdkDragHandle } from '@angular/cdk/drag-drop';\nimport { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[kkDragHandle]',\n  hostDirectives: [CdkDragHandle],\n})\nexport class DragHandleDirective {}\n","import { CommandRef } from '@kaskad/core';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { DestroyRef, Directive, effect, inject, input } from '@angular/core';\n\n@Directive({\n  selector: '[kkDrag]',\n  hostDirectives: [{ directive: CdkDrag, inputs: ['cdkDragDisabled: disabled'] }],\n})\nexport class DragDirective {\n  dragData = input<unknown>();\n  disabled = input<boolean>(false);\n\n  dragStarted = input<CommandRef<{ args: unknown[] }, void>>();\n  dragEnded = input<CommandRef<{ args: unknown[] }, void>>();\n\n  private cdkDrag = inject(CdkDrag);\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      this.cdkDrag.data = this.dragData();\n    });\n\n    const startedSub = this.cdkDrag.started.subscribe(() => {\n      this.dragStarted()?.execute(this.dragData());\n    });\n\n    const endedSub = this.cdkDrag.ended.subscribe((event) => {\n      const dropListId = event.source.dropContainer?.id ?? '';\n      this.dragEnded()?.execute(this.dragData(), dropListId);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      startedSub.unsubscribe();\n      endedSub.unsubscribe();\n    });\n  }\n}\n","import { CommandRef } from '@kaskad/core';\nimport { CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';\nimport { DestroyRef, Directive, effect, inject, input } from '@angular/core';\n\n@Directive({\n  selector: '[kkDropList]',\n  hostDirectives: [\n    {\n      directive: CdkDropList,\n      inputs: ['cdkDropListConnectedTo: connectedTo', 'cdkDropListDisabled: disabled'],\n    },\n  ],\n})\nexport class DropListDirective {\n  listId = input<string>();\n  connectedTo = input<string[]>([]);\n  disabled = input<boolean>(false);\n  orientation = input<string>('vertical');\n\n  dropped = input<CommandRef<{ args: unknown[] }, void>>();\n  itemMoved = input<CommandRef<{ args: unknown[] }, void>>();\n\n  private cdkDropList = inject(CdkDropList);\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      const id = this.listId();\n      if (id) {\n        this.cdkDropList.id = id;\n      }\n    });\n\n    effect(() => {\n      this.cdkDropList.orientation = this.orientation() === 'horizontal' ? 'horizontal' : 'vertical';\n    });\n\n    const droppedSub = this.cdkDropList.dropped.subscribe((event: CdkDragDrop<unknown>) => {\n      this.onDrop(event);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      droppedSub.unsubscribe();\n    });\n  }\n\n  private onDrop(event: CdkDragDrop<unknown>): void {\n    const dragData = event.item.data;\n    const previousIndex = event.previousIndex;\n    const currentIndex = event.currentIndex;\n    const previousContainer = event.previousContainer.id;\n    const currentContainer = event.container.id;\n\n    if (previousContainer === currentContainer && previousIndex === currentIndex) {\n      return;\n    }\n\n    this.dropped()?.execute(dragData, currentContainer, currentIndex);\n    this.itemMoved()?.execute(dragData, previousIndex, currentIndex, previousContainer, currentContainer);\n  }\n}\n","import { CDK_DROP_LIST, CdkDropList } from '@angular/cdk/drag-drop';\nimport { Directive, inject, Injector } from '@angular/core';\n\n@Directive({\n  selector: '[kkDropListContext]',\n  exportAs: 'kkDropListContext',\n})\nexport class DropListContextDirective {\n  private dropList = inject(CdkDropList);\n  private parentInjector = inject(Injector);\n\n  readonly injector = Injector.create({\n    providers: [{ provide: CDK_DROP_LIST, useValue: this.dropList }],\n    parent: this.parentInjector,\n  });\n}\n","import { type NgKaskadModule } from '@kaskad/angular';\n\nimport { componentsDefinitions } from './lib/definitions/definitions';\nimport { DragHandleDirective } from './lib/drag-handle.directive';\nimport { DragDirective } from './lib/drag.directive';\nimport { DropListDirective } from './lib/drop-list.directive';\n\nexport { DropListDirective, DragDirective, DragHandleDirective };\nexport { DropListContextDirective } from './lib/drop-list-context.directive';\n\nexport const dnd: NgKaskadModule = {\n  definitions: componentsDefinitions,\n  components: {\n    'dnd.DropList': { directive: DropListDirective },\n    'dnd.Drag': { directive: DragDirective },\n    'dnd.DragHandle': { directive: DragHandleDirective },\n  },\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@kaskad/angular-dnd",
+  "version": "0.0.7",
+  "peerDependencies": {
+    "@angular/cdk": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@kaskad/angular": "0.0.7",
+    "@kaskad/core": "0.0.7",
+    "@kaskad/schema": "0.0.7"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/kaskad-angular-dnd.mjs",
+  "typings": "types/kaskad-angular-dnd.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/kaskad-angular-dnd.d.ts",
+      "default": "./fesm2022/kaskad-angular-dnd.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/kaskad-angular-dnd.d.ts

@@ -0,0 +1,56 @@
+import { NgKaskadModule } from '@kaskad/angular';
+import * as _angular_core from '@angular/core';
+import { CommandRef } from '@kaskad/core';
+import * as i1 from '@angular/cdk/drag-drop';
+
+declare class DragHandleDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragHandleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragHandleDirective, "[kkDragHandle]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: {}; outputs: {}; }]>;
+}
+
+declare class DragDirective {
+    dragData: _angular_core.InputSignal<unknown>;
+    disabled: _angular_core.InputSignal<boolean>;
+    dragStarted: _angular_core.InputSignal<CommandRef<{
+        args: unknown[];
+    }, void> | undefined>;
+    dragEnded: _angular_core.InputSignal<CommandRef<{
+        args: unknown[];
+    }, void> | undefined>;
+    private cdkDrag;
+    private destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragDirective, "[kkDrag]", never, { "dragData": { "alias": "dragData"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dragStarted": { "alias": "dragStarted"; "required": false; "isSignal": true; }; "dragEnded": { "alias": "dragEnded"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDrag; inputs: { "cdkDragDisabled": "disabled"; }; outputs: {}; }]>;
+}
+
+declare class DropListDirective {
+    listId: _angular_core.InputSignal<string | undefined>;
+    connectedTo: _angular_core.InputSignal<string[]>;
+    disabled: _angular_core.InputSignal<boolean>;
+    orientation: _angular_core.InputSignal<string>;
+    dropped: _angular_core.InputSignal<CommandRef<{
+        args: unknown[];
+    }, void> | undefined>;
+    itemMoved: _angular_core.InputSignal<CommandRef<{
+        args: unknown[];
+    }, void> | undefined>;
+    private cdkDropList;
+    private destroyRef;
+    constructor();
+    private onDrop;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropListDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropListDirective, "[kkDropList]", never, { "listId": { "alias": "listId"; "required": false; "isSignal": true; }; "connectedTo": { "alias": "connectedTo"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dropped": { "alias": "dropped"; "required": false; "isSignal": true; }; "itemMoved": { "alias": "itemMoved"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDropList; inputs: { "cdkDropListConnectedTo": "connectedTo"; "cdkDropListDisabled": "disabled"; }; outputs: {}; }]>;
+}
+
+declare class DropListContextDirective {
+    private dropList;
+    private parentInjector;
+    readonly injector: _angular_core.DestroyableInjector;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropListContextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropListContextDirective, "[kkDropListContext]", ["kkDropListContext"], {}, {}, never, never, true, never>;
+}
+
+declare const dnd: NgKaskadModule;
+
+export { DragDirective, DragHandleDirective, DropListContextDirective, DropListDirective, dnd };