@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-input-mask.mjs

@@ -0,0 +1,180 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, Directive, forwardRef } from '@angular/core';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+const formatCreditCardNumber = (value) => {
+    const cleaned = value.replace(/\D/g, '');
+    const trimmed = cleaned.substring(0, 16);
+    const groups = trimmed.match(/.{1,4}/g);
+    return groups?.join(' ') ?? '';
+};
+class CreditCardNumberMaskDirective {
+    ngControl = inject(NgControl, { self: true, optional: true });
+    hostElement = inject(ElementRef);
+    placeholder = input('0000 0000 0000 0000', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    onInput(event) {
+        const input = event.target;
+        const selectionStart = input.selectionStart;
+        const previousValue = input.value;
+        const formattedValue = formatCreditCardNumber(input.value);
+        if (this.ngControl) {
+            this.ngControl.control?.setValue(formattedValue.replace(/\s/g, ''), { emitEvent: false });
+            this.ngControl.control?.updateValueAndValidity();
+        }
+        this.hostElement.nativeElement.value = formattedValue;
+        if (selectionStart !== null) {
+            const newCursorPosition = selectionStart + (formattedValue.length - previousValue.length);
+            input.setSelectionRange(newCursorPosition, newCursorPosition);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardNumberMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CreditCardNumberMaskDirective, isStandalone: true, selector: "[emrCreditCardNumberMask]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput($event)" }, properties: { "attr.type": "\"tel\"", "attr.autocomplete": "\"cc-number\"", "attr.inputmode": "\"numeric\"", "attr.placeholder": "placeholder()" } }, exportAs: ["emrCreditCardNumberMask"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardNumberMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrCreditCardNumberMask]',
+                    exportAs: 'emrCreditCardNumberMask',
+                    host: {
+                        '(input)': 'onInput($event)',
+                        '[attr.type]': '"tel"', // Use ‘tel’ to call up the numeric keypad
+                        '[attr.autocomplete]': '"cc-number"',
+                        '[attr.inputmode]': '"numeric"',
+                        '[attr.placeholder]': 'placeholder()',
+                    },
+                }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+
+const formatOnInput = (value) => {
+    const cleaned = value.replace(/\D/g, '').substring(0, 4);
+    let month = cleaned.substring(0, 2);
+    const year = cleaned.substring(2, 4);
+    if (month.length === 2) {
+        const monthInt = parseInt(month, 10);
+        if (monthInt > 12)
+            month = '12';
+        if (monthInt === 0)
+            month = '01';
+    }
+    return cleaned.length > 2 ? `${month}/${year}` : month;
+};
+const formatOnBlur = (value) => {
+    if (!value)
+        return '';
+    const parts = value.split('/');
+    const month = parts[0] || '';
+    let year = parts[1] || '';
+    if (year && year.length === 1) {
+        year = `0${year}`;
+    }
+    return year ? `${month}/${year}` : month;
+};
+class CreditCardExpiryDateMaskDirective {
+    elementRef = inject(ElementRef);
+    placeholder = input('MM/YY', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    onChange = (_) => { };
+    onTouched = () => { };
+    writeValue(value) {
+        const formattedValue = formatOnInput(value || '');
+        this.elementRef.nativeElement.value = formattedValue;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    onInput(event) {
+        const target = event.target;
+        if (!target)
+            return;
+        const selectionStart = target.selectionStart;
+        const previousValue = target.value;
+        const formattedValue = formatOnInput(target.value);
+        this.onChange(formattedValue.replace(/\//g, ''));
+        target.value = formattedValue;
+        if (selectionStart !== null) {
+            const newCursorPosition = selectionStart + (formattedValue.length - previousValue.length);
+            target.setSelectionRange(newCursorPosition, newCursorPosition);
+        }
+    }
+    onBlur(event) {
+        this.onTouched();
+        const target = event.target;
+        if (!target)
+            return;
+        const formattedValue = formatOnBlur(target.value);
+        const modelValue = formattedValue.replace(/\//g, '');
+        this.onChange(modelValue);
+        target.value = formattedValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardExpiryDateMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CreditCardExpiryDateMaskDirective, isStandalone: true, selector: "[emrCreditCardExpiryDateMask]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput($event)", "blur": "onBlur($event)" }, properties: { "attr.placeholder": "placeholder()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CreditCardExpiryDateMaskDirective),
+                multi: true,
+            },
+        ], exportAs: ["emrCreditCardExpiryDateMask"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardExpiryDateMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrCreditCardExpiryDateMask]',
+                    exportAs: 'emrCreditCardExpiryDateMask',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CreditCardExpiryDateMaskDirective),
+                            multi: true,
+                        },
+                    ],
+                    host: {
+                        '(input)': 'onInput($event)',
+                        '(blur)': 'onBlur($event)',
+                        '[attr.placeholder]': 'placeholder()',
+                    }
+                }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+
+const formatCvv = (value) => {
+    const cleaned = value.replace(/\D/g, '');
+    return cleaned.substring(0, 4);
+};
+class CreditCardCvvMaskDirective {
+    ngControl = inject(NgControl, { self: true, optional: true });
+    hostElement = inject(ElementRef);
+    placeholder = input('•••', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    onInput(event) {
+        const input = event.target;
+        const formattedValue = formatCvv(input.value);
+        if (this.ngControl) {
+            this.ngControl.control?.setValue(formattedValue, { emitEvent: false });
+            this.ngControl.control?.updateValueAndValidity();
+        }
+        this.hostElement.nativeElement.value = formattedValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardCvvMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CreditCardCvvMaskDirective, isStandalone: true, selector: "[emrCreditCardCvvMask]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput($event)" }, properties: { "attr.type": "\"tel\"", "attr.inputmode": "\"numeric\"", "attr.autocomplete": "\"cc-csc\"", "attr.placeholder": "placeholder()" } }, exportAs: ["emrCreditCardCvvMask"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardCvvMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrCreditCardCvvMask]',
+                    exportAs: 'emrCreditCardCvvMask',
+                    host: {
+                        '(input)': 'onInput($event)',
+                        '[attr.type]': '"tel"', // Use ‘tel’ to call up the numeric keypad
+                        '[attr.inputmode]': '"numeric"',
+                        '[attr.autocomplete]': '"cc-csc"',
+                        '[attr.placeholder]': 'placeholder()',
+                    },
+                }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CreditCardCvvMaskDirective, CreditCardExpiryDateMaskDirective, CreditCardNumberMaskDirective };
+//# sourceMappingURL=elementar-rt-components-input-mask.mjs.map

package/fesm2022/elementar-rt-components-input-mask.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-input-mask.mjs","sources":["../../../projects/components/input-mask/src/credit-card-number-mask.directive.ts","../../../projects/components/input-mask/src/credit-card-expiry-date-mask.directive.ts","../../../projects/components/input-mask/src/credit-card-cvv-mask.directive.ts","../../../projects/components/input-mask/elementar-rt-components-input-mask.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nconst formatCreditCardNumber = (value: string): string => {\r\n  const cleaned = value.replace(/\\D/g, '');\r\n  const trimmed = cleaned.substring(0, 16);\r\n  const groups = trimmed.match(/.{1,4}/g);\r\n  return groups?.join(' ') ?? '';\r\n};\r\n\r\n@Directive({\r\n  selector: '[emrCreditCardNumberMask]',\r\n  exportAs: 'emrCreditCardNumberMask',\r\n  host: {\r\n    '(input)': 'onInput($event)',\r\n    '[attr.type]': '\"tel\"', // Use ‘tel’ to call up the numeric keypad\r\n    '[attr.autocomplete]': '\"cc-number\"',\r\n    '[attr.inputmode]': '\"numeric\"',\r\n    '[attr.placeholder]': 'placeholder()',\r\n  },\r\n})\r\nexport class CreditCardNumberMaskDirective {\r\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\r\n  private readonly hostElement = inject<ElementRef<HTMLInputElement>>(ElementRef);\r\n\r\n  readonly placeholder = input('0000 0000 0000 0000');\r\n\r\n  onInput(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    const selectionStart = input.selectionStart;\r\n    const previousValue = input.value;\r\n\r\n    const formattedValue = formatCreditCardNumber(input.value);\r\n\r\n    if (this.ngControl) {\r\n      this.ngControl.control?.setValue(formattedValue.replace(/\\s/g, ''), { emitEvent: false });\r\n      this.ngControl.control?.updateValueAndValidity();\r\n    }\r\n\r\n    this.hostElement.nativeElement.value = formattedValue;\r\n\r\n    if (selectionStart !== null) {\r\n      const newCursorPosition = selectionStart + (formattedValue.length - previousValue.length);\r\n      input.setSelectionRange(newCursorPosition, newCursorPosition);\r\n    }\r\n  }\r\n}\r\n","import { Directive, ElementRef, inject, forwardRef, input } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nconst formatOnInput = (value: string): string => {\r\n  const cleaned = value.replace(/\\D/g, '').substring(0, 4);\r\n  let month = cleaned.substring(0, 2);\r\n  const year = cleaned.substring(2, 4);\r\n\r\n  if (month.length === 2) {\r\n    const monthInt = parseInt(month, 10);\r\n    if (monthInt > 12) month = '12';\r\n    if (monthInt === 0) month = '01';\r\n  }\r\n\r\n  return cleaned.length > 2 ? `${month}/${year}` : month;\r\n};\r\n\r\nconst formatOnBlur = (value: string): string => {\r\n  if (!value) return '';\r\n  const parts = value.split('/');\r\n  const month = parts[0] || '';\r\n  let year = parts[1] || '';\r\n\r\n  if (year && year.length === 1) {\r\n    year = `0${year}`;\r\n  }\r\n\r\n  return year ? `${month}/${year}` : month;\r\n};\r\n\r\n\r\n@Directive({\r\n  selector: '[emrCreditCardExpiryDateMask]',\r\n  exportAs: 'emrCreditCardExpiryDateMask',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => CreditCardExpiryDateMaskDirective),\r\n      multi: true,\r\n    },\r\n  ],\r\n  host: {\r\n    '(input)': 'onInput($event)',\r\n    '(blur)': 'onBlur($event)',\r\n    '[attr.placeholder]': 'placeholder()',\r\n  }\r\n})\r\nexport class CreditCardExpiryDateMaskDirective implements ControlValueAccessor {\r\n  private readonly elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\r\n\r\n  readonly placeholder = input('MM/YY');\r\n\r\n  onChange = (_: any) => {};\r\n  onTouched = () => {};\r\n\r\n  writeValue(value: string | null): void {\r\n    const formattedValue = formatOnInput(value || '');\r\n    this.elementRef.nativeElement.value = formattedValue;\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  protected onInput(event: Event): void {\r\n    const target = event.target as HTMLInputElement | null;\r\n    if (!target) return;\r\n\r\n    const selectionStart = target.selectionStart;\r\n    const previousValue = target.value;\r\n    const formattedValue = formatOnInput(target.value);\r\n\r\n    this.onChange(formattedValue.replace(/\\//g, ''));\r\n    target.value = formattedValue;\r\n\r\n    if (selectionStart !== null) {\r\n      const newCursorPosition = selectionStart + (formattedValue.length - previousValue.length);\r\n      target.setSelectionRange(newCursorPosition, newCursorPosition);\r\n    }\r\n  }\r\n\r\n  onBlur(event: Event): void {\r\n    this.onTouched();\r\n\r\n    const target = event.target as HTMLInputElement | null;\r\n    if (!target) return;\r\n\r\n    const formattedValue = formatOnBlur(target.value);\r\n    const modelValue = formattedValue.replace(/\\//g, '');\r\n\r\n    this.onChange(modelValue);\r\n    target.value = formattedValue;\r\n  }\r\n}\r\n","import { Directive, ElementRef, inject, input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\nconst formatCvv = (value: string): string => {\r\n  const cleaned = value.replace(/\\D/g, '');\r\n  return cleaned.substring(0, 4);\r\n};\r\n\r\n@Directive({\r\n  selector: '[emrCreditCardCvvMask]',\r\n  exportAs: 'emrCreditCardCvvMask',\r\n  host: {\r\n    '(input)': 'onInput($event)',\r\n    '[attr.type]': '\"tel\"', // Use ‘tel’ to call up the numeric keypad\r\n    '[attr.inputmode]': '\"numeric\"',\r\n    '[attr.autocomplete]': '\"cc-csc\"',\r\n    '[attr.placeholder]': 'placeholder()',\r\n  },\r\n})\r\nexport class CreditCardCvvMaskDirective {\r\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\r\n  private readonly hostElement = inject<ElementRef<HTMLInputElement>>(ElementRef);\r\n\r\n  readonly placeholder = input('•••');\r\n\r\n  onInput(event: Event): void {\r\n    const input = event.target as HTMLInputElement;\r\n    const formattedValue = formatCvv(input.value);\r\n\r\n    if (this.ngControl) {\r\n      this.ngControl.control?.setValue(formattedValue, { emitEvent: false });\r\n      this.ngControl.control?.updateValueAndValidity();\r\n    }\r\n\r\n    this.hostElement.nativeElement.value = formattedValue;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-input-validator.mjs

@@ -0,0 +1,24 @@
+function expiryDateValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value || value.length !== 4) {
+            return null;
+        }
+        const month = parseInt(value.substring(0, 2), 10);
+        const year = parseInt(value.substring(2, 4), 10);
+        const currentDate = new Date();
+        const currentMonth = currentDate.getMonth() + 1;
+        const currentYear = parseInt(currentDate.getFullYear().toString().substring(2, 4));
+        if (year < currentYear || (year === currentYear && month < currentMonth)) {
+            return { expiryDateInPast: true };
+        }
+        return null;
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { expiryDateValidator };
+//# sourceMappingURL=elementar-rt-components-input-validator.mjs.map

package/fesm2022/elementar-rt-components-input-validator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-input-validator.mjs","sources":["../../../projects/components/input-validator/src/expiry-date-validator.ts","../../../projects/components/input-validator/elementar-rt-components-input-validator.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport function expiryDateValidator(): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    const value = control.value as string;\r\n\r\n    if (!value || value.length !== 4) {\r\n      return null;\r\n    }\r\n\r\n    const month = parseInt(value.substring(0, 2), 10);\r\n    const year = parseInt(value.substring(2, 4), 10);\r\n    const currentDate = new Date();\r\n    const currentMonth = currentDate.getMonth() + 1;\r\n    const currentYear = parseInt(currentDate.getFullYear().toString().substring(2, 4));\r\n\r\n    if (year < currentYear || (year === currentYear && month < currentMonth)) {\r\n      return { expiryDateInPast: true };\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"SAEgB,mBAAmB,GAAA;IACjC,OAAO,CAAC,OAAwB,KAA6B;AAC3D,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAe;QAErC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACjD,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE;QAC9B,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC;AAC/C,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAElF,QAAA,IAAI,IAAI,GAAG,WAAW,KAAK,IAAI,KAAK,WAAW,IAAI,KAAK,GAAG,YAAY,CAAC,EAAE;AACxE,YAAA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE;QACnC;AAEA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;AACH;;ACtBA;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-kanban-board.mjs

@@ -0,0 +1,156 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, contentChild, viewChild, ElementRef, Renderer2, DestroyRef, input, signal, output, Component } from '@angular/core';
+import { moveItemInArray, transferArrayItem, CdkDrag, CdkDropList, CdkDropListGroup } from '@angular/cdk/drag-drop';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton } from '@angular/material/button';
+import { MatRipple } from '@angular/material/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { PanelBodyComponent, PanelComponent, PanelHeaderComponent } from '@elementar-rt/components/panel';
+import { fromEvent } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class KanbanItemDefDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanItemDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: KanbanItemDefDirective, isStandalone: true, selector: "[emrKanbanItemDef]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanItemDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrKanbanItemDef]'
+                }]
+        }] });
+
+class KanbanBoardComponent {
+    _itemTplDef = contentChild.required(KanbanItemDefDirective);
+    _headerContainer = viewChild.required('headerContainer', { read: ElementRef });
+    _scrollContainer = viewChild.required('scrollContainer', { read: ElementRef });
+    _renderer = inject(Renderer2);
+    _destroyRef = inject(DestroyRef);
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    colors = input([], ...(ngDevMode ? [{ debugName: "colors" }] : []));
+    _hasVerticalScroll = signal(false, ...(ngDevMode ? [{ debugName: "_hasVerticalScroll" }] : []));
+    columnEdit = output();
+    columnDelete = output();
+    itemAdd = output();
+    itemClick = output();
+    itemDropped = output();
+    itemSorted = output();
+    itemTransferred = output();
+    _startContainerXOffset = 0;
+    _itemXOffset = 0;
+    _itemWidth = 0;
+    isDraggingActive = false;
+    _autoScrollStarted = false;
+    ngOnInit() {
+        fromEvent(this._scrollContainer().nativeElement, 'scroll')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            this.onScroll(event);
+        });
+    }
+    onDropped(event) {
+        this.itemDropped.emit(event);
+        if (event.previousContainer === event.container) {
+            this.itemSorted.emit({
+                previousIndex: event.previousIndex,
+                currentIndex: event.currentIndex
+            });
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            this.itemTransferred.emit({
+                previousContainerData: event.previousContainer.data,
+                currentContainerData: event.container.data,
+                previousIndex: event.previousIndex,
+                currentIndex: event.currentIndex
+            });
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+    }
+    onScroll(event) {
+        const target = event.target;
+        const headerContainerElement = this._headerContainer().nativeElement;
+        this._renderer.setStyle(headerContainerElement, 'transform', `translate(-${target.scrollLeft}px, 0)`);
+        this._hasVerticalScroll.set(target.scrollTop > 0);
+    }
+    onDragStarted(event, element) {
+        this.isDraggingActive = true;
+    }
+    onDragMoved(event) {
+        const space = 100;
+        const scrollContainer = this._scrollContainer().nativeElement;
+        const scrollContainerWidth = scrollContainer.getBoundingClientRect().width;
+        const itemOffsetXStart = this._startContainerXOffset + event.distance.x;
+        const itemOffsetXEnd = this._startContainerXOffset + event.distance.x + this._itemWidth;
+        if (!this._autoScrollStarted) {
+            if (itemOffsetXEnd + space >= scrollContainerWidth) {
+                this._autoScrollStarted = true;
+                scrollContainer.scroll({
+                    left: scrollContainer.scrollLeft + this._itemWidth * 2,
+                    behavior: 'smooth'
+                });
+                setTimeout(() => {
+                    this._autoScrollStarted = false;
+                }, 500);
+            }
+            else if (itemOffsetXStart <= space && scrollContainer.scrollLeft > 0) {
+                this._autoScrollStarted = true;
+                scrollContainer.scroll({
+                    left: scrollContainer.scrollLeft - this._itemWidth * 2,
+                    behavior: 'smooth'
+                });
+                setTimeout(() => {
+                    this._autoScrollStarted = false;
+                }, 500);
+            }
+        }
+    }
+    onDragEnded(event) {
+        this.isDraggingActive = false;
+    }
+    itemMousedown(event) {
+        const scrollContainerElement = this._scrollContainer().nativeElement;
+        let targetElement = event.target;
+        if (!targetElement.classList.contains('kanban-item')) {
+            targetElement = targetElement.closest('.kanban-item');
+        }
+        const targetRect = targetElement.getBoundingClientRect();
+        this._startContainerXOffset = targetRect.x - scrollContainerElement.getBoundingClientRect().x;
+        this._itemXOffset = event.clientX - targetRect.x;
+        this._itemWidth = targetRect.width;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanBoardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: KanbanBoardComponent, isStandalone: true, selector: "emr-kanban-board", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnEdit: "columnEdit", columnDelete: "columnDelete", itemAdd: "itemAdd", itemClick: "itemClick", itemDropped: "itemDropped", itemSorted: "itemSorted", itemTransferred: "itemTransferred" }, host: { properties: { "class.is-dragging-active": "isDraggingActive" }, classAttribute: "emr-kanban-board" }, queries: [{ propertyName: "_itemTplDef", first: true, predicate: KanbanItemDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_headerContainer", first: true, predicate: ["headerContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["emrKanbanBoard"], ngImport: i0, template: "<emr-panel class=\"h-full\">\r\n  <emr-panel-header class=\"header\">\r\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\r\n      @for (column of columns(); track column; let index = $index) {\r\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\r\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\r\n            @if (column.color) {\r\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\r\n            }\r\n            {{ column.name }} ({{ column.items.length }})\r\n          </div>\r\n          <div class=\"flex gap-0.5 items-center\">\r\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\r\n              <mat-icon>add</mat-icon>\r\n            </button>\r\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\r\n              <mat-icon>more_horizontal</mat-icon>\r\n            </button>\r\n          </div>\r\n\r\n          @if (_hasVerticalScroll()) {\r\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\r\n          }\r\n\r\n          <mat-menu #columnMenu=\"matMenu\">\r\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\r\n              <mat-icon>share</mat-icon>\r\n              <span>Edit</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\r\n              <mat-icon>delete</mat-icon>\r\n              <span>Delete</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n      }\r\n    </div>\r\n  </emr-panel-header>\r\n  <emr-panel-body class=\"relative overflow-hidden\">\r\n    <div #scrollContainer\r\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\r\n      <div #scrollContainerContent\r\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\r\n        @for (column of columns(); track column) {\r\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\r\n               cdkDropList\r\n               [cdkDropListData]=\"column.items\"\r\n               (cdkDropListDropped)=\"onDropped($event)\">\r\n            @for (item of column.items; track item) {\r\n              <div #element\r\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\r\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\r\n                   cdkDrag [cdkDragData]=\"item\" matRipple\r\n                   (mousedown)=\"itemMousedown($event)\"\r\n                   (click)=\"itemClick.emit(item)\"\r\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\r\n                   (cdkDragMoved)=\"onDragMoved($event)\"\r\n                   (cdkDragEnded)=\"onDragEnded($event)\">\r\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\r\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </emr-panel-body>\r\n</emr-panel>\r\n", styles: [":host{--emr-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--emr-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--emr-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--emr-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--emr-kanban-board-column-gap)}:host .header-column{width:var(--emr-kanban-board-col-width);flex:none}:host .body{gap:var(--emr-kanban-board-column-gap);padding:0 var(--emr-kanban-board-padding-x)}:host .column{padding-bottom:var(--emr-kanban-board-column-gap);gap:var(--emr-kanban-board-column-gap)}:host .column-container{width:var(--emr-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:1rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: PanelBodyComponent, selector: "emr-panel-body", exportAs: ["emrPanelBody"] }, { kind: "component", type: PanelComponent, selector: "emr-panel", inputs: ["absolute"], exportAs: ["emrPanel"] }, { kind: "component", type: PanelHeaderComponent, selector: "emr-panel-header", inputs: ["height"], exportAs: ["emrPanelHeader"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanBoardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-kanban-board', exportAs: 'emrKanbanBoard', imports: [
+                        CdkDrag,
+                        CdkDropList,
+                        CdkDropListGroup,
+                        MatIcon,
+                        MatIconButton,
+                        MatRipple,
+                        PanelBodyComponent,
+                        PanelComponent,
+                        PanelHeaderComponent,
+                        NgTemplateOutlet,
+                        FormsModule,
+                        MatMenu,
+                        MatMenuItem,
+                        MatMenuTrigger
+                    ], host: {
+                        'class': 'emr-kanban-board',
+                        '[class.is-dragging-active]': 'isDraggingActive'
+                    }, template: "<emr-panel class=\"h-full\">\r\n  <emr-panel-header class=\"header\">\r\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\r\n      @for (column of columns(); track column; let index = $index) {\r\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\r\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\r\n            @if (column.color) {\r\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\r\n            }\r\n            {{ column.name }} ({{ column.items.length }})\r\n          </div>\r\n          <div class=\"flex gap-0.5 items-center\">\r\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\r\n              <mat-icon>add</mat-icon>\r\n            </button>\r\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\r\n              <mat-icon>more_horizontal</mat-icon>\r\n            </button>\r\n          </div>\r\n\r\n          @if (_hasVerticalScroll()) {\r\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\r\n          }\r\n\r\n          <mat-menu #columnMenu=\"matMenu\">\r\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\r\n              <mat-icon>share</mat-icon>\r\n              <span>Edit</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\r\n              <mat-icon>delete</mat-icon>\r\n              <span>Delete</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n      }\r\n    </div>\r\n  </emr-panel-header>\r\n  <emr-panel-body class=\"relative overflow-hidden\">\r\n    <div #scrollContainer\r\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\r\n      <div #scrollContainerContent\r\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\r\n        @for (column of columns(); track column) {\r\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\r\n               cdkDropList\r\n               [cdkDropListData]=\"column.items\"\r\n               (cdkDropListDropped)=\"onDropped($event)\">\r\n            @for (item of column.items; track item) {\r\n              <div #element\r\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\r\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\r\n                   cdkDrag [cdkDragData]=\"item\" matRipple\r\n                   (mousedown)=\"itemMousedown($event)\"\r\n                   (click)=\"itemClick.emit(item)\"\r\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\r\n                   (cdkDragMoved)=\"onDragMoved($event)\"\r\n                   (cdkDragEnded)=\"onDragEnded($event)\">\r\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\r\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </emr-panel-body>\r\n</emr-panel>\r\n", styles: [":host{--emr-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--emr-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--emr-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--emr-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--emr-kanban-board-column-gap)}:host .header-column{width:var(--emr-kanban-board-col-width);flex:none}:host .body{gap:var(--emr-kanban-board-column-gap);padding:0 var(--emr-kanban-board-padding-x)}:host .column{padding-bottom:var(--emr-kanban-board-column-gap);gap:var(--emr-kanban-board-column-gap)}:host .column-container{width:var(--emr-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:1rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _itemTplDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KanbanItemDefDirective), { isSignal: true }] }], _headerContainer: [{ type: i0.ViewChild, args: ['headerContainer', { ...{ read: ElementRef }, isSignal: true }] }], _scrollContainer: [{ type: i0.ViewChild, args: ['scrollContainer', { ...{ read: ElementRef }, isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], columnEdit: [{ type: i0.Output, args: ["columnEdit"] }], columnDelete: [{ type: i0.Output, args: ["columnDelete"] }], itemAdd: [{ type: i0.Output, args: ["itemAdd"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], itemDropped: [{ type: i0.Output, args: ["itemDropped"] }], itemSorted: [{ type: i0.Output, args: ["itemSorted"] }], itemTransferred: [{ type: i0.Output, args: ["itemTransferred"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KanbanBoardComponent, KanbanItemDefDirective };
+//# sourceMappingURL=elementar-rt-components-kanban-board.mjs.map

package/fesm2022/elementar-rt-components-kanban-board.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-kanban-board.mjs","sources":["../../../projects/components/kanban-board/src/kanban-item-def.directive.ts","../../../projects/components/kanban-board/src/kanban-board/kanban-board.component.ts","../../../projects/components/kanban-board/src/kanban-board/kanban-board.component.html","../../../projects/components/kanban-board/elementar-rt-components-kanban-board.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrKanbanItemDef]'\r\n})\r\nexport class KanbanItemDefDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","import {\r\n  Component,\r\n  contentChild, DestroyRef,\r\n  ElementRef,\r\n  inject,\r\n  input, OnInit,\r\n  output,\r\n  Renderer2,\r\n  signal,\r\n  viewChild\r\n} from '@angular/core';\r\nimport {\r\n  CdkDrag,\r\n  CdkDragDrop, CdkDragEnd, CdkDragMove, CdkDragStart,\r\n  CdkDropList,\r\n  CdkDropListGroup,\r\n  moveItemInArray,\r\n  transferArrayItem\r\n} from '@angular/cdk/drag-drop';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\r\nimport { PanelBodyComponent, PanelComponent, PanelHeaderComponent } from '@elementar-rt/components/panel';\r\nimport { KanbanColumn, KanbanItem, KanbanItemSortedEvent, KanbanItemTransferredEvent } from '../types';\r\nimport { KanbanItemDefDirective } from '../kanban-item-def.directive';\r\nimport { fromEvent } from 'rxjs';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: 'emr-kanban-board',\r\n  exportAs: 'emrKanbanBoard',\r\n  imports: [\r\n    CdkDrag,\r\n    CdkDropList,\r\n    CdkDropListGroup,\r\n    MatIcon,\r\n    MatIconButton,\r\n    MatRipple,\r\n    PanelBodyComponent,\r\n    PanelComponent,\r\n    PanelHeaderComponent,\r\n    NgTemplateOutlet,\r\n    FormsModule,\r\n    MatMenu,\r\n    MatMenuItem,\r\n    MatMenuTrigger\r\n  ],\r\n  templateUrl: './kanban-board.component.html',\r\n  styleUrl: './kanban-board.component.scss',\r\n  host: {\r\n    'class': 'emr-kanban-board',\r\n    '[class.is-dragging-active]': 'isDraggingActive'\r\n  }\r\n})\r\nexport class KanbanBoardComponent<T extends KanbanColumn<K>, K extends KanbanItem> implements OnInit {\r\n  protected _itemTplDef = contentChild.required(KanbanItemDefDirective);\r\n  private _headerContainer = viewChild.required('headerContainer', { read: ElementRef });\r\n  private _scrollContainer = viewChild.required('scrollContainer', { read: ElementRef });\r\n  private _renderer = inject(Renderer2);\r\n  private _destroyRef = inject(DestroyRef);\r\n\r\n  columns = input<T[]>([]);\r\n  colors = input<string[]>([]);\r\n\r\n  protected _hasVerticalScroll = signal(false);\r\n\r\n  readonly columnEdit = output<T>();\r\n  readonly columnDelete = output<{ column: T, index: number }>();\r\n  readonly itemAdd = output<void>();\r\n  readonly itemClick = output<K>();\r\n  readonly itemDropped = output<CdkDragDrop<K[]>>();\r\n  readonly itemSorted = output<KanbanItemSortedEvent>();\r\n  readonly itemTransferred = output<KanbanItemTransferredEvent<K>>();\r\n\r\n  private _startContainerXOffset = 0;\r\n  private _itemXOffset = 0;\r\n  private _itemWidth = 0;\r\n  protected isDraggingActive = false;\r\n  private _autoScrollStarted = false;\r\n\r\n  ngOnInit() {\r\n    fromEvent(this._scrollContainer().nativeElement, 'scroll')\r\n      .pipe(\r\n        takeUntilDestroyed(this._destroyRef)\r\n      )\r\n      .subscribe((event: any) => {\r\n        this.onScroll(event);\r\n      });\r\n  }\r\n\r\n  onDropped(event: CdkDragDrop<K[]>) {\r\n    this.itemDropped.emit(event);\r\n\r\n    if (event.previousContainer === event.container) {\r\n      this.itemSorted.emit({\r\n        previousIndex: event.previousIndex,\r\n        currentIndex: event.currentIndex\r\n      });\r\n      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);\r\n    } else {\r\n      this.itemTransferred.emit({\r\n        previousContainerData: event.previousContainer.data,\r\n        currentContainerData: event.container.data,\r\n        previousIndex: event.previousIndex,\r\n        currentIndex: event.currentIndex\r\n      });\r\n      transferArrayItem(\r\n        event.previousContainer.data,\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex,\r\n      );\r\n    }\r\n  }\r\n\r\n  onScroll(event: Event) {\r\n    const target = event.target as HTMLElement;\r\n    const headerContainerElement = this._headerContainer().nativeElement as HTMLElement;\r\n    this._renderer.setStyle(headerContainerElement, 'transform', `translate(-${target.scrollLeft}px, 0)`);\r\n    this._hasVerticalScroll.set(target.scrollTop > 0);\r\n  }\r\n\r\n  onDragStarted(event: CdkDragStart, element: HTMLElement) {\r\n    this.isDraggingActive = true;\r\n  }\r\n\r\n  onDragMoved(event: CdkDragMove<K>) {\r\n    const space = 100;\r\n    const scrollContainer = this._scrollContainer().nativeElement as HTMLElement;\r\n    const scrollContainerWidth = scrollContainer.getBoundingClientRect().width;\r\n    const itemOffsetXStart = this._startContainerXOffset + event.distance.x;\r\n    const itemOffsetXEnd = this._startContainerXOffset + event.distance.x + this._itemWidth;\r\n\r\n    if (!this._autoScrollStarted) {\r\n      if (itemOffsetXEnd + space >= scrollContainerWidth) {\r\n        this._autoScrollStarted = true;\r\n        scrollContainer.scroll({\r\n          left: scrollContainer.scrollLeft + this._itemWidth * 2,\r\n          behavior: 'smooth'\r\n        });\r\n        setTimeout(() => {\r\n          this._autoScrollStarted = false;\r\n        }, 500);\r\n      } else if (itemOffsetXStart <= space && scrollContainer.scrollLeft > 0) {\r\n        this._autoScrollStarted = true;\r\n        scrollContainer.scroll({\r\n          left: scrollContainer.scrollLeft - this._itemWidth * 2,\r\n          behavior: 'smooth'\r\n        });\r\n        setTimeout(() => {\r\n          this._autoScrollStarted = false;\r\n        }, 500);\r\n      }\r\n    }\r\n  }\r\n\r\n  onDragEnded(event: CdkDragEnd) {\r\n    this.isDraggingActive = false;\r\n  }\r\n\r\n  protected itemMousedown(event: MouseEvent) {\r\n    const scrollContainerElement = this._scrollContainer().nativeElement as HTMLElement;\r\n    let targetElement = event.target as Element;\r\n\r\n    if (!targetElement.classList.contains('kanban-item')) {\r\n      targetElement = targetElement.closest('.kanban-item') as HTMLElement;\r\n    }\r\n\r\n    const targetRect = targetElement.getBoundingClientRect();\r\n    this._startContainerXOffset = targetRect.x - scrollContainerElement.getBoundingClientRect().x;\r\n    this._itemXOffset = event.clientX - targetRect.x;\r\n    this._itemWidth = targetRect.width;\r\n  }\r\n}\r\n","<emr-panel class=\"h-full\">\r\n  <emr-panel-header class=\"header\">\r\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\r\n      @for (column of columns(); track column; let index = $index) {\r\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\r\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\r\n            @if (column.color) {\r\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\r\n            }\r\n            {{ column.name }} ({{ column.items.length }})\r\n          </div>\r\n          <div class=\"flex gap-0.5 items-center\">\r\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\r\n              <mat-icon>add</mat-icon>\r\n            </button>\r\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\r\n              <mat-icon>more_horizontal</mat-icon>\r\n            </button>\r\n          </div>\r\n\r\n          @if (_hasVerticalScroll()) {\r\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\r\n          }\r\n\r\n          <mat-menu #columnMenu=\"matMenu\">\r\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\r\n              <mat-icon>share</mat-icon>\r\n              <span>Edit</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\r\n              <mat-icon>delete</mat-icon>\r\n              <span>Delete</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n      }\r\n    </div>\r\n  </emr-panel-header>\r\n  <emr-panel-body class=\"relative overflow-hidden\">\r\n    <div #scrollContainer\r\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\r\n      <div #scrollContainerContent\r\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\r\n        @for (column of columns(); track column) {\r\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\r\n               cdkDropList\r\n               [cdkDropListData]=\"column.items\"\r\n               (cdkDropListDropped)=\"onDropped($event)\">\r\n            @for (item of column.items; track item) {\r\n              <div #element\r\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\r\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\r\n                   cdkDrag [cdkDragData]=\"item\" matRipple\r\n                   (mousedown)=\"itemMousedown($event)\"\r\n                   (click)=\"itemClick.emit(item)\"\r\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\r\n                   (cdkDragMoved)=\"onDragMoved($event)\"\r\n                   (cdkDragEnded)=\"onDragEnded($event)\">\r\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\r\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </emr-panel-body>\r\n</emr-panel>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}