@simplysm/angular 14.0.1 → 14.0.5

package/dist/ui/layout/dock/sd-dock.control.js

@@ -0,0 +1,111 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
+import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function SdDockControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵdomListener("mousedown", function SdDockControl_Conditional_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeBarMousedown($event)); });
+    i0.ɵɵdomElementEnd();
+} }
+export class SdDockControl {
+    _elRef = inject((ElementRef));
+    key = input(...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
+    position = input("top", ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = signal(0, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    _config = useSdSystemConfigResource({ key: this.key });
+    constructor() {
+        effect(() => {
+            const conf = this._config.value();
+            if (this.resizable() && conf && conf.size != null) {
+                if (["right", "left"].includes(this.position())) {
+                    this._elRef.nativeElement.style.width = conf.size;
+                }
+                if (["top", "bottom"].includes(this.position())) {
+                    this._elRef.nativeElement.style.height = conf.size;
+                }
+            }
+        });
+    }
+    assignStyle(style) {
+        Object.assign(this._elRef.nativeElement.style, style);
+    }
+    onHostResize(event) {
+        if (["top", "bottom"].includes(this.position()) && event.heightChanged) {
+            this.size.set(this._elRef.nativeElement.clientHeight);
+        }
+        if (["right", "left"].includes(this.position()) && event.widthChanged) {
+            this.size.set(this._elRef.nativeElement.clientWidth);
+        }
+    }
+    onResizeBarMousedown(event) {
+        const thisEl = this._elRef.nativeElement;
+        const startX = event.clientX;
+        const startY = event.clientY;
+        const startHeight = thisEl.clientHeight;
+        const startWidth = thisEl.clientWidth;
+        const doDrag = (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            if (this.position() === "bottom") {
+                thisEl.style.height = `${startHeight - e.clientY + startY}px`;
+            }
+            else if (this.position() === "right") {
+                thisEl.style.width = `${startWidth - e.clientX + startX}px`;
+            }
+            else if (this.position() === "top") {
+                thisEl.style.height = `${startHeight + e.clientY - startY}px`;
+            }
+            else {
+                // left
+                thisEl.style.width = `${startWidth + e.clientX - startX}px`;
+            }
+        };
+        const stopDrag = (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            document.removeEventListener("mousemove", doDrag);
+            document.removeEventListener("mouseup", stopDrag);
+            if (this.key() != null) {
+                const newConf = {};
+                if (["right", "left"].includes(this.position())) {
+                    newConf.size = thisEl.style.width;
+                }
+                else {
+                    newConf.size = thisEl.style.height;
+                }
+                this._config.set(newConf);
+            }
+        };
+        document.addEventListener("mousemove", doDrag);
+        document.addEventListener("mouseup", stopDrag);
+    }
+    static ɵfac = function SdDockControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDockControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDockControl, selectors: [["sd-dock"]], hostVars: 2, hostBindings: function SdDockControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("sdResize", function SdDockControl_sdResize_HostBindingHandler($event) { return ctx.onHostResize($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-position", ctx.position())("data-sd-resizable", ctx.resizable());
+        } }, inputs: { key: [1, "key"], position: [1, "position"], resizable: [1, "resizable"] }, ngContentSelectors: _c0, decls: 2, vars: 1, consts: [[1, "_resize-bar"], [1, "_resize-bar", 3, "mousedown"]], template: function SdDockControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+            i0.ɵɵconditionalCreate(1, SdDockControl_Conditional_1_Template, 1, 0, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.resizable() ? 1 : -1);
+        } }, styles: ["sd-dock {\n  display: block;\n  position: absolute;\n  overflow: auto;\n}\nsd-dock[data-sd-resizable=true] > ._resize-bar {\n  position: absolute;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=top] > ._resize-bar {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=bottom] > ._resize-bar {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=left] > ._resize-bar {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=right] > ._resize-bar {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDockControl, [{
+        type: Component,
+        args: [{ selector: "sd-dock", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "[attr.data-sd-position]": "position()",
+                    "[attr.data-sd-resizable]": "resizable()",
+                    "(sdResize)": "onHostResize($any($event))",
+                }, template: `
+    <ng-content></ng-content>
+    @if (resizable()) {
+      <div class="_resize-bar" (mousedown)="onResizeBarMousedown($event)"></div>
+    }
+  `, styles: ["sd-dock {\n  display: block;\n  position: absolute;\n  overflow: auto;\n}\nsd-dock[data-sd-resizable=true] > ._resize-bar {\n  position: absolute;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=top] > ._resize-bar {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=bottom] > ._resize-bar {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=left] > ._resize-bar {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=right] > ._resize-bar {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}"] }]
+    }], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockControl, { className: "SdDockControl", filePath: "packages/angular/src/ui/layout/dock/sd-dock.control.ts", lineNumber: 88 }); })();

package/dist/ui/layout/kanban/sd-kanban-board.control.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export declare class SdKanbanBoardControl<L, T> {
+    dragKanban: import("@angular/core").WritableSignal<ISdKanbanDragRef<L, T> | undefined>;
+    selectedValues: import("@angular/core").ModelSignal<T[]>;
+    drop: import("@angular/core").OutputEmitterRef<ISdKanbanBoardDropInfo<L, T>>;
+    onDropTo(target: ISdKanbanDropTarget<L, T>): void;
+    onDocumentDragEnd(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdKanbanBoardControl<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdKanbanBoardControl<any, any>, "sd-kanban-board", never, { "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; }, { "selectedValues": "selectedValuesChange"; "drop": "drop"; }, never, ["*"], true, never>;
+}
+export interface ISdKanbanBoardDropInfo<L, T> {
+    sourceKanbanValue?: T;
+    targetLaneValue?: L;
+    targetKanbanValue?: T;
+}
+export interface ISdKanbanDragRef<_L, T> {
+    value(): T | undefined;
+    heightOnDrag(): number;
+}
+export interface ISdKanbanDropTarget<L, T> {
+    targetLaneValue(): L | undefined;
+    targetKanbanValue?(): T | undefined;
+}
+//# sourceMappingURL=sd-kanban-board.control.d.ts.map

package/dist/ui/layout/kanban/sd-kanban-board.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-kanban-board.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\kanban\\sd-kanban-board.control.ts"],"names":[],"mappings":";AASA,qBA0Ba,oBAAoB,CAAC,CAAC,EAAE,CAAC;IACpC,UAAU,6EAAyD;IAEnE,cAAc,2CAAkB;IAEhC,IAAI,yEAA0C;IAE9C,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC;IAY1C,iBAAiB;yCAnBN,oBAAoB;2CAApB,oBAAoB;CAsBhC;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB,CAAC,EAAE,EAAE,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvB,YAAY,IAAI,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC;IACvC,eAAe,IAAI,CAAC,GAAG,SAAS,CAAC;IACjC,iBAAiB,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;CACrC"}

package/dist/ui/layout/kanban/sd-kanban-board.control.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, model, output, signal, ViewEncapsulation, } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdKanbanBoardControl {
+    dragKanban = signal(undefined, ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
+    selectedValues = model([], ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
+    drop = output();
+    onDropTo(target) {
+        if (this.dragKanban() == null)
+            return;
+        this.drop.emit({
+            sourceKanbanValue: this.dragKanban().value(),
+            targetLaneValue: target.targetLaneValue(),
+            targetKanbanValue: target.targetKanbanValue?.(),
+        });
+        this.dragKanban.set(undefined);
+    }
+    onDocumentDragEnd() {
+        this.dragKanban.set(undefined);
+    }
+    static ɵfac = function SdKanbanBoardControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdKanbanBoardControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdKanbanBoardControl, selectors: [["sd-kanban-board"]], hostBindings: function SdKanbanBoardControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("dragend", function SdKanbanBoardControl_dragend_HostBindingHandler() { return ctx.onDocumentDragEnd(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { selectedValues: [1, "selectedValues"] }, outputs: { selectedValues: "selectedValuesChange", drop: "drop" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdKanbanBoardControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["sd-kanban-board {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  height: 100%;\n  flex-direction: row;\n  gap: var(--gap-lg);\n}\n@supports not (appearance: auto) {\n  sd-kanban-board {\n    gap: 0;\n  }\n  sd-kanban-board > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xxs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-kanban-board.gap-xs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-kanban-board.gap-sm {\n    gap: 0;\n  }\n  sd-kanban-board.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-kanban-board.gap-default {\n    gap: 0;\n  }\n  sd-kanban-board.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-kanban-board.gap-lg {\n    gap: 0;\n  }\n  sd-kanban-board.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-kanban-board.gap-xxl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-kanban-board.gap-0 {\n    gap: 0;\n  }\n  sd-kanban-board.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-kanban-board.gap-auto {\n    gap: 0;\n  }\n  sd-kanban-board.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanbanBoardControl, [{
+        type: Component,
+        args: [{ selector: "sd-kanban-board", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "(document:dragend)": "onDocumentDragEnd()",
+                }, template: `
+    <ng-content></ng-content>
+  `, styles: ["sd-kanban-board {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  height: 100%;\n  flex-direction: row;\n  gap: var(--gap-lg);\n}\n@supports not (appearance: auto) {\n  sd-kanban-board {\n    gap: 0;\n  }\n  sd-kanban-board > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xxs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-kanban-board.gap-xs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-kanban-board.gap-sm {\n    gap: 0;\n  }\n  sd-kanban-board.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-kanban-board.gap-default {\n    gap: 0;\n  }\n  sd-kanban-board.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-kanban-board.gap-lg {\n    gap: 0;\n  }\n  sd-kanban-board.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-kanban-board.gap-xxl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-kanban-board.gap-0 {\n    gap: 0;\n  }\n  sd-kanban-board.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-kanban-board.gap-auto {\n    gap: 0;\n  }\n  sd-kanban-board.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
+    }], null, { selectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValues", required: false }] }, { type: i0.Output, args: ["selectedValuesChange"] }], drop: [{ type: i0.Output, args: ["drop"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanBoardControl, { className: "SdKanbanBoardControl", filePath: "packages/angular/src/ui/layout/kanban/sd-kanban-board.control.ts", lineNumber: 36 }); })();

package/dist/ui/layout/kanban/sd-kanban-lane.control.d.ts

@@ -0,0 +1,29 @@
+import { TemplateRef } from "@angular/core";
+import { type ISdKanbanDropTarget } from "./sd-kanban-board.control";
+import { SdKanbanControl } from "./sd-kanban.control";
+import * as i0 from "@angular/core";
+export declare class SdKanbanLaneControl<L, T> implements ISdKanbanDropTarget<L, T> {
+    private readonly _boardControl;
+    busy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    useCollapse: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    collapse: import("@angular/core").ModelSignal<boolean>;
+    value: import("@angular/core").InputSignal<L | undefined>;
+    kanbanControls: import("@angular/core").Signal<readonly SdKanbanControl<L, T>[]>;
+    toolTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+    titleTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+    isAllSelected: import("@angular/core").Signal<boolean>;
+    dragKanban: import("@angular/core").Signal<import("./sd-kanban-board.control").ISdKanbanDragRef<L, T> | undefined>;
+    dragOvered: import("@angular/core").WritableSignal<boolean>;
+    selectableKanbanLength: import("@angular/core").Signal<number>;
+    targetLaneValue(): L | undefined;
+    onToggleCollapseButtonClick(): void;
+    onSelectAllButtonClick(val: boolean): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDragDrop(event: DragEvent): void;
+    protected readonly tablerEyeOff = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M10.585 10.587a2 2 0 0 0 2.829 2.828\"></path><path d=\"M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87\"></path><path d=\"M3 3l18 18\"></path></svg>";
+    protected readonly tablerEye = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0\"></path><path d=\"M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6\"></path></svg>";
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdKanbanLaneControl<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdKanbanLaneControl<any, any>, "sd-kanban-lane", never, { "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "useCollapse": { "alias": "useCollapse"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "collapse": "collapseChange"; }, ["kanbanControls", "toolTplRef", "titleTplRef"], ["*"], true, never>;
+}
+//# sourceMappingURL=sd-kanban-lane.control.d.ts.map

package/dist/ui/layout/kanban/sd-kanban-lane.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-kanban-lane.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\kanban\\sd-kanban-lane.control.ts"],"names":[],"mappings":"AACA,OAAO,EAYL,WAAW,EAEZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAKtD,qBA6Fa,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC;IACzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IAEF,IAAI,qEAAiD;IAErD,WAAW,qEAAiD;IAE5D,QAAQ,+CAAgB;IAExB,KAAK,qDAAc;IAEnB,cAAc,mEAAkF;IAEhG,UAAU,gEAA0E;IACpF,WAAW,gEAA2E;IAEtF,aAAa,0CAEX;IAEF,UAAU,yGAAmD;IAE7D,UAAU,kDAAiB;IAE3B,sBAAsB,yCAEpB;IAEF,eAAe;IAIf,2BAA2B;IAI3B,sBAAsB,CAAC,GAAG,EAAE,OAAO;IAuBnC,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;IAU3B,SAAS,CAAC,QAAQ,CAAC,YAAY,wkBAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,SAAS,ubAAa;yCAxF9B,mBAAmB;2CAAnB,mBAAmB;CAyF/B"}

package/dist/ui/layout/kanban/sd-kanban-lane.control.js

@@ -0,0 +1,223 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, forwardRef, inject, input, model, signal, TemplateRef, ViewEncapsulation, } from "@angular/core";
+import { SdBusyContainerControl } from "../../overlay/busy/sd-busy-container.control";
+import { SdCheckboxControl } from "../../form/checkbox/sd-checkbox.control";
+import { SdKanbanBoardControl, } from "./sd-kanban-board.control";
+import { SdKanbanControl } from "./sd-kanban.control";
+import { SdAnchorControl } from "../../form/button/sd-anchor.control";
+import { NgIcon } from "@ng-icons/core";
+import { tablerEye, tablerEyeOff } from "@ng-icons/tabler-icons";
+import * as i0 from "@angular/core";
+const _c0 = ["toolTpl"];
+const _c1 = ["titleTpl"];
+const _c2 = ["*"];
+function SdKanbanLaneControl_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 6);
+    i0.ɵɵlistener("click", function SdKanbanLaneControl_Conditional_0_Conditional_1_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onToggleCollapseButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("theme", "info");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.collapse() ? ctx_r1.tablerEyeOff : ctx_r1.tablerEye);
+} }
+function SdKanbanLaneControl_Conditional_0_Conditional_2_ng_template_1_Template(rf, ctx) { }
+function SdKanbanLaneControl_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, SdKanbanLaneControl_Conditional_0_Conditional_2_ng_template_1_Template, 0, 0, "ng-template", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.titleTplRef() ?? null);
+} }
+function SdKanbanLaneControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵconditionalCreate(1, SdKanbanLaneControl_Conditional_0_Conditional_1_Template, 2, 2, "sd-anchor", 4);
+    i0.ɵɵconditionalCreate(2, SdKanbanLaneControl_Conditional_0_Conditional_2_Template, 2, 1, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.useCollapse() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.titleTplRef() ? 2 : -1);
+} }
+function SdKanbanLaneControl_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-checkbox", 10);
+    i0.ɵɵlistener("valueChange", function SdKanbanLaneControl_Conditional_3_Conditional_1_Template_sd_checkbox_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSelectAllButtonClick($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("inline", true)("theme", "white")("value", ctx_r1.isAllSelected());
+} }
+function SdKanbanLaneControl_Conditional_3_ng_template_2_Template(rf, ctx) { }
+function SdKanbanLaneControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵconditionalCreate(1, SdKanbanLaneControl_Conditional_3_Conditional_1_Template, 1, 3, "sd-checkbox", 9);
+    i0.ɵɵtemplate(2, SdKanbanLaneControl_Conditional_3_ng_template_2_Template, 0, 0, "ng-template", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectableKanbanLength() > 0 ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.toolTplRef() ?? null);
+} }
+function SdKanbanLaneControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
+export class SdKanbanLaneControl {
+    _boardControl = inject(forwardRef(() => SdKanbanBoardControl));
+    busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    useCollapse = input(false, { ...(ngDevMode ? { debugName: "useCollapse" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    collapse = model(false, ...(ngDevMode ? [{ debugName: "collapse" }] : /* istanbul ignore next */ []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    kanbanControls = contentChildren(SdKanbanControl, { ...(ngDevMode ? { debugName: "kanbanControls" } : /* istanbul ignore next */ {}), descendants: true });
+    toolTplRef = contentChild("toolTpl", { ...(ngDevMode ? { debugName: "toolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    titleTplRef = contentChild("titleTpl", { ...(ngDevMode ? { debugName: "titleTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    isAllSelected = computed(() => this.kanbanControls().length > 0 && this.kanbanControls().every((ctrl) => ctrl.selected()), ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
+    dragKanban = computed(() => this._boardControl.dragKanban(), ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
+    dragOvered = signal(false, ...(ngDevMode ? [{ debugName: "dragOvered" }] : /* istanbul ignore next */ []));
+    selectableKanbanLength = computed(() => this.kanbanControls().filter((ctrl) => ctrl.selectable()).length, ...(ngDevMode ? [{ debugName: "selectableKanbanLength" }] : /* istanbul ignore next */ []));
+    targetLaneValue() {
+        return this.value();
+    }
+    onToggleCollapseButtonClick() {
+        this.collapse.update((v) => !v);
+    }
+    onSelectAllButtonClick(val) {
+        if (val) {
+            this._boardControl.selectedValues.update((v) => {
+                const r = [...v];
+                for (const ctrl of this.kanbanControls()) {
+                    if (ctrl.value() == null)
+                        continue;
+                    if (!v.includes(ctrl.value())) {
+                        r.push(ctrl.value());
+                    }
+                }
+                return r.length === v.length ? v : r;
+            });
+        }
+        else {
+            this._boardControl.selectedValues.update((v) => {
+                const kanbanValues = this.kanbanControls()
+                    .map((ctrl) => ctrl.value())
+                    .filter((v2) => v2 != null);
+                const result = v.filter((item) => !kanbanValues.includes(item));
+                return result.length === v.length ? v : result;
+            });
+        }
+    }
+    onDragOver(event) {
+        if (this._boardControl.dragKanban() == null)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.dragOvered.set(true);
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.dragOvered.set(false);
+    }
+    onDragDrop(event) {
+        if (this._boardControl.dragKanban() == null)
+            return;
+        this.dragOvered.set(false);
+        event.preventDefault();
+        event.stopPropagation();
+        this._boardControl.onDropTo(this);
+    }
+    tablerEyeOff = tablerEyeOff;
+    tablerEye = tablerEye;
+    static ɵfac = function SdKanbanLaneControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdKanbanLaneControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdKanbanLaneControl, selectors: [["sd-kanban-lane"]], contentQueries: function SdKanbanLaneControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.kanbanControls, SdKanbanControl, 5)(dirIndex, ctx.toolTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.titleTplRef, _c1, 5, TemplateRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(3);
+        } }, hostAttrs: [1, "flex-column", "p-default", "gap-default"], hostVars: 1, hostBindings: function SdKanbanLaneControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("dragover", function SdKanbanLaneControl_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function SdKanbanLaneControl_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); })("drop", function SdKanbanLaneControl_drop_HostBindingHandler($event) { return ctx.onDragDrop($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-drag-over", ctx.dragOvered());
+        } }, inputs: { busy: [1, "busy"], useCollapse: [1, "useCollapse"], collapse: [1, "collapse"], value: [1, "value"] }, outputs: { collapse: "collapseChange" }, ngContentSelectors: _c2, decls: 6, vars: 9, consts: [[1, "flex-fill"], [2, "min-height", "3em", 3, "busy", "type"], [1, "tx-center", "mb-xl"], [1, "_drop-position"], [3, "theme"], [1, "pl-default", 2, "display", "inline-block"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [2, "float", "left", 3, "inline", "theme", "value"], [2, "float", "left", 3, "valueChange", "inline", "theme", "value"]], template: function SdKanbanLaneControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵconditionalCreate(0, SdKanbanLaneControl_Conditional_0_Template, 3, 2, "div");
+            i0.ɵɵelementStart(1, "div", 0)(2, "sd-busy-container", 1);
+            i0.ɵɵconditionalCreate(3, SdKanbanLaneControl_Conditional_3_Template, 3, 2, "div", 2);
+            i0.ɵɵconditionalCreate(4, SdKanbanLaneControl_Conditional_4_Template, 1, 0);
+            i0.ɵɵelement(5, "div", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            let tmp_5_0;
+            i0.ɵɵconditional(ctx.useCollapse() || ctx.titleTplRef() ? 0 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("busy", ctx.busy())("type", "bar");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.selectableKanbanLength() > 0 || ctx.toolTplRef() ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.collapse() ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("height", ctx.dragOvered() ? (((tmp_5_0 = ctx.dragKanban()) == null ? null : tmp_5_0.heightOnDrag()) ?? 0) + "px" : "0px")("display", ctx.dragKanban() ? "block" : "none");
+        } }, dependencies: [SdBusyContainerControl, SdCheckboxControl, NgTemplateOutlet, SdAnchorControl, NgIcon], styles: ["sd-kanban-lane > .flex-fill > sd-busy-container {\n  padding: var(--gap-xl) var(--gap-lg);\n  background: var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  height: 100%;\n}\nsd-kanban-lane > .flex-fill > sd-busy-container > ._drop-position {\n  pointer-events: none;\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban-lane[data-sd-drag-over=true] > .flex-fill > sd-busy-container > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanbanLaneControl, [{
+        type: Component,
+        args: [{ selector: "sd-kanban-lane", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdBusyContainerControl, SdCheckboxControl, NgTemplateOutlet, SdAnchorControl, NgIcon], host: {
+                    "class": "flex-column p-default gap-default",
+                    "[attr.data-sd-drag-over]": "dragOvered()",
+                    "(dragover)": "onDragOver($event)",
+                    "(dragleave)": "onDragLeave($event)",
+                    "(drop)": "onDragDrop($event)",
+                }, template: `
+    @if (useCollapse() || titleTplRef()) {
+      <div>
+        @if (useCollapse()) {
+          <sd-anchor [theme]="'info'" (click)="onToggleCollapseButtonClick()">
+            <ng-icon [svg]="collapse() ? tablerEyeOff : tablerEye" />
+          </sd-anchor>
+        }
+
+        @if (titleTplRef()) {
+          <div style="display: inline-block;" class="pl-default">
+            <ng-template [ngTemplateOutlet]="titleTplRef() ?? null" />
+          </div>
+        }
+      </div>
+    }
+
+    <div class="flex-fill">
+      <sd-busy-container [busy]="busy()" style="min-height: 3em" [type]="'bar'">
+        @if (selectableKanbanLength() > 0 || toolTplRef()) {
+          <div class="tx-center mb-xl">
+            @if (selectableKanbanLength() > 0) {
+              <sd-checkbox
+                style="float: left"
+                [inline]="true"
+                [theme]="'white'"
+                [value]="isAllSelected()"
+                (valueChange)="onSelectAllButtonClick($event)"
+              />
+            }
+            <ng-template [ngTemplateOutlet]="toolTplRef() ?? null" />
+          </div>
+        }
+
+        @if (!collapse()) {
+          <ng-content></ng-content>
+        }
+
+        <div
+          class="_drop-position"
+          [style.height]="dragOvered() ? (dragKanban()?.heightOnDrag() ?? 0) + 'px' : '0px'"
+          [style.display]="dragKanban() ? 'block' : 'none'"
+        ></div>
+      </sd-busy-container>
+    </div>
+  `, styles: ["sd-kanban-lane > .flex-fill > sd-busy-container {\n  padding: var(--gap-xl) var(--gap-lg);\n  background: var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  height: 100%;\n}\nsd-kanban-lane > .flex-fill > sd-busy-container > ._drop-position {\n  pointer-events: none;\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban-lane[data-sd-drag-over=true] > .flex-fill > sd-busy-container > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}"] }]
+    }], null, { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], useCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCollapse", required: false }] }], collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }, { type: i0.Output, args: ["collapseChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], kanbanControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdKanbanControl), { ...{ descendants: true }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], titleTplRef: [{ type: i0.ContentChild, args: ["titleTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanLaneControl, { className: "SdKanbanLaneControl", filePath: "packages/angular/src/ui/layout/kanban/sd-kanban-lane.control.ts", lineNumber: 121 }); })();

package/dist/ui/layout/kanban/sd-kanban.control.d.ts

@@ -0,0 +1,32 @@
+import { type ISdKanbanDragRef, type ISdKanbanDropTarget } from "./sd-kanban-board.control";
+import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-event.plugin";
+import * as i0 from "@angular/core";
+export declare class SdKanbanControl<L, T> implements ISdKanbanDragRef<L, T>, ISdKanbanDropTarget<L, T> {
+    private readonly _boardControl;
+    private readonly _laneControl;
+    private readonly _elRef;
+    readonly thisRef: this;
+    value: import("@angular/core").InputSignal<T | undefined>;
+    laneValue: import("@angular/core").Signal<L | undefined>;
+    selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    draggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    selected: import("@angular/core").Signal<boolean>;
+    dragKanban: import("@angular/core").Signal<ISdKanbanDragRef<L, T> | undefined>;
+    contentClass: import("@angular/core").InputSignal<string | undefined>;
+    dragOvered: import("@angular/core").WritableSignal<boolean>;
+    heightOnDrag: import("@angular/core").WritableSignal<number>;
+    cardHeight: import("@angular/core").WritableSignal<number>;
+    constructor();
+    targetLaneValue(): L | undefined;
+    targetKanbanValue(): T | undefined;
+    onHostClick(event: MouseEvent): void;
+    onDocumentDrop(): void;
+    onCardResize(event: ISdResizeEvent): void;
+    onCardDragStart(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDragDrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdKanbanControl<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdKanbanControl<any, any>, "sd-kanban", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-kanban.control.d.ts.map

package/dist/ui/layout/kanban/sd-kanban.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-kanban.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\kanban\\sd-kanban.control.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACzB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;;AAG1F,qBA2Fa,eAAe,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7F,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IACF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IAEtE,QAAQ,CAAC,OAAO,OAAQ;IAExB,KAAK,qDAAc;IAEnB,SAAS,gDAA6C;IAEtD,UAAU,qEAAiD;IAC3D,SAAS,qEAAiD;IAE1D,QAAQ,0CAEN;IACF,UAAU,qEAAmD;IAE7D,YAAY,0DAAmB;IAE/B,UAAU,kDAAiB;IAE3B,YAAY,iDAAa;IAEzB,UAAU,iDAAa;;IAYvB,eAAe;IAIf,iBAAiB;IAIjB,WAAW,CAAC,KAAK,EAAE,UAAU;IAoB7B,cAAc;IAId,YAAY,CAAC,KAAK,EAAE,cAAc;IAOlC,eAAe;IAOf,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;yCAvGhB,eAAe;2CAAf,eAAe;CAgH3B"}