@elementar-rt/components 0.6.58 → 0.7.1

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

@@ -11,7 +11,7 @@ const formatCreditCardNumber = (value) => {
 class CreditCardNumberMaskDirective {
     ngControl = inject(NgControl, { self: true, optional: true });
     hostElement = inject(ElementRef);
-    placeholder = input('0000 0000 0000 0000', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    placeholder = input('0000 0000 0000 0000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     onInput(event) {
         const input = event.target;
         const selectionStart = input.selectionStart;
@@ -27,10 +27,10 @@ class CreditCardNumberMaskDirective {
             input.setSelectionRange(newCursorPosition, newCursorPosition);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardNumberMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardNumberMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", 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.25", ngImport: i0, type: CreditCardNumberMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardNumberMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardNumberMask]',
@@ -71,7 +71,7 @@ const formatOnBlur = (value) => {
 };
 class CreditCardExpiryDateMaskDirective {
     elementRef = inject(ElementRef);
-    placeholder = input('MM/YY', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    placeholder = input('MM/YY', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     onChange = (_) => { };
     onTouched = () => { };
     writeValue(value) {
@@ -108,8 +108,8 @@ class CreditCardExpiryDateMaskDirective {
         this.onChange(modelValue);
         target.value = formattedValue;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardExpiryDateMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardExpiryDateMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", 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),
@@ -117,7 +117,7 @@ class CreditCardExpiryDateMaskDirective {
             },
         ], exportAs: ["emrCreditCardExpiryDateMask"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardExpiryDateMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardExpiryDateMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardExpiryDateMask]',
@@ -144,7 +144,7 @@ const formatCvv = (value) => {
 class CreditCardCvvMaskDirective {
     ngControl = inject(NgControl, { self: true, optional: true });
     hostElement = inject(ElementRef);
-    placeholder = input('•••', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    placeholder = input('•••', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     onInput(event) {
         const input = event.target;
         const formattedValue = formatCvv(input.value);
@@ -154,10 +154,10 @@ class CreditCardCvvMaskDirective {
         }
         this.hostElement.nativeElement.value = formattedValue;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardCvvMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardCvvMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", 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.25", ngImport: i0, type: CreditCardCvvMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: CreditCardCvvMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardCvvMask]',

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

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

@@ -1 +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';\n\nexport function expiryDateValidator(): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const value = control.value as string;\n\n    if (!value || value.length !== 4) {\n      return null;\n    }\n\n    const month = parseInt(value.substring(0, 2), 10);\n    const year = parseInt(value.substring(2, 4), 10);\n    const currentDate = new Date();\n    const currentMonth = currentDate.getMonth() + 1;\n    const currentYear = parseInt(currentDate.getFullYear().toString().substring(2, 4));\n\n    if (year < currentYear || (year === currentYear && month < currentMonth)) {\n      return { expiryDateInPast: true };\n    }\n\n    return null;\n  };\n}\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;;;;"}
+{"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';\n\nexport function expiryDateValidator(): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const value = control.value as string;\n\n    if (!value || value.length !== 4) {\n      return null;\n    }\n\n    const month = parseInt(value.substring(0, 2), 10);\n    const year = parseInt(value.substring(2, 4), 10);\n    const currentDate = new Date();\n    const currentMonth = currentDate.getMonth() + 1;\n    const currentYear = parseInt(currentDate.getFullYear().toString().substring(2, 4));\n\n    if (year < currentYear || (year === currentYear && month < currentMonth)) {\n      return { expiryDateInPast: true };\n    }\n\n    return null;\n  };\n}\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

@@ -13,10 +13,10 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class KanbanItemDefDirective {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KanbanItemDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: KanbanItemDefDirective, isStandalone: true, selector: "[emrKanbanItemDef]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KanbanItemDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: KanbanItemDefDirective, isStandalone: true, selector: "[emrKanbanItemDef]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KanbanItemDefDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KanbanItemDefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrKanbanItemDef]'
@@ -29,9 +29,9 @@ class KanbanBoardComponent {
     _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" }] : []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    colors = input([], ...(ngDevMode ? [{ debugName: "colors" }] : /* istanbul ignore next */ []));
+    _hasVerticalScroll = signal(false, ...(ngDevMode ? [{ debugName: "_hasVerticalScroll" }] : /* istanbul ignore next */ []));
     columnEdit = output();
     columnDelete = output();
     itemAdd = output();
@@ -122,10 +122,10 @@ class KanbanBoardComponent {
         this._itemXOffset = event.clientX - targetRect.x;
         this._itemWidth = targetRect.width;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KanbanBoardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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\">\n  <emr-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\n              <mat-icon>add</mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\n              <mat-icon>more_horizontal</mat-icon>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <mat-menu #columnMenu=\"matMenu\">\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\n              <mat-icon>share</mat-icon>\n              <span>Edit</span>\n            </button>\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <mat-icon>delete</mat-icon>\n              <span>Delete</span>\n            </button>\n          </mat-menu>\n        </div>\n      }\n    </div>\n  </emr-panel-header>\n  <emr-panel-body class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" matRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </emr-panel-body>\n</emr-panel>\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.3.2 | 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KanbanBoardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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\">\n  <emr-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\n              <mat-icon>add</mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\n              <mat-icon>more_horizontal</mat-icon>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <mat-menu #columnMenu=\"matMenu\">\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\n              <mat-icon>share</mat-icon>\n              <span>Edit</span>\n            </button>\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <mat-icon>delete</mat-icon>\n              <span>Delete</span>\n            </button>\n          </mat-menu>\n        </div>\n      }\n    </div>\n  </emr-panel-header>\n  <emr-panel-body class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" matRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </emr-panel-body>\n</emr-panel>\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.3.3 | 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.25", ngImport: i0, type: KanbanBoardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KanbanBoardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-kanban-board', exportAs: 'emrKanbanBoard', imports: [
                         CdkDrag,
@@ -145,7 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     ], host: {
                         'class': 'emr-kanban-board',
                         '[class.is-dragging-active]': 'isDraggingActive'
-                    }, template: "<emr-panel class=\"h-full\">\n  <emr-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\n              <mat-icon>add</mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\n              <mat-icon>more_horizontal</mat-icon>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <mat-menu #columnMenu=\"matMenu\">\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\n              <mat-icon>share</mat-icon>\n              <span>Edit</span>\n            </button>\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <mat-icon>delete</mat-icon>\n              <span>Delete</span>\n            </button>\n          </mat-menu>\n        </div>\n      }\n    </div>\n  </emr-panel-header>\n  <emr-panel-body class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" matRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </emr-panel-body>\n</emr-panel>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<emr-panel class=\"h-full\">\n  <emr-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button mat-icon-button (click)=\"itemAdd.emit()\">\n              <mat-icon>add</mat-icon>\n            </button>\n            <button mat-icon-button [matMenuTriggerFor]=\"columnMenu\">\n              <mat-icon>more_horizontal</mat-icon>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <mat-menu #columnMenu=\"matMenu\">\n            <button mat-menu-item (click)=\"columnEdit.emit(column)\">\n              <mat-icon>share</mat-icon>\n              <span>Edit</span>\n            </button>\n            <button mat-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <mat-icon>delete</mat-icon>\n              <span>Delete</span>\n            </button>\n          </mat-menu>\n        </div>\n      }\n    </div>\n  </emr-panel-header>\n  <emr-panel-body class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" matRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </emr-panel-body>\n</emr-panel>\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.3.3 | 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"] }] } });
 
 /**

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

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

@@ -22,8 +22,8 @@ const WIN_LABELS = {
     up: '↑', down: '↓', left: '←', right: '→',
 };
 class KeyboardComponent {
-    keys = input([], ...(ngDevMode ? [{ debugName: "keys" }] : []));
-    platform = input('auto', ...(ngDevMode ? [{ debugName: "platform" }] : []));
+    keys = input([], ...(ngDevMode ? [{ debugName: "keys" }] : /* istanbul ignore next */ []));
+    platform = input('auto', ...(ngDevMode ? [{ debugName: "platform" }] : /* istanbul ignore next */ []));
     _isMac = computed(() => {
         const p = this.platform();
         if (p === 'mac')
@@ -31,28 +31,28 @@ class KeyboardComponent {
         if (p === 'win')
             return false;
         return typeof navigator !== 'undefined' && /mac/i.test(navigator.platform);
-    }, ...(ngDevMode ? [{ debugName: "_isMac" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_isMac" }] : /* istanbul ignore next */ []));
     _resolved = computed(() => {
         const mac = this._isMac();
         const map = mac ? MAC_SYMBOLS : WIN_LABELS;
         return this.keys().map(k => map[k.toLowerCase()] ?? k.toUpperCase());
-    }, ...(ngDevMode ? [{ debugName: "_resolved" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KeyboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: KeyboardComponent, isStandalone: true, selector: "emr-keyboard", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, platform: { classPropertyName: "platform", publicName: "platform", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "_resolved" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KeyboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: KeyboardComponent, isStandalone: true, selector: "emr-keyboard", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null }, platform: { classPropertyName: "platform", publicName: "platform", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @for (key of _resolved(); track $index; let last = $last) {
       <kbd class="kbd-key">{{ key }}</kbd>
       @if (!last) { <span class="kbd-sep">+</span> }
     }
-  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);padding:0 calc(var(--spacing, .25rem) * 1.5);font-family:inherit;font-size:.75rem;font-weight:600;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-bottom-width:2px;border-radius:.375rem;color:var(--color-on-surface);white-space:nowrap}.kbd-sep{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);padding:0 calc(var(--spacing, .25rem) * 1.5);font-family:inherit;font-size:.75rem;font-weight:600;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-bottom-width:2px;border-radius:.375rem;color:var(--color-on-surface);white-space:nowrap}.kbd-sep{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KeyboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: KeyboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-keyboard', standalone: true, template: `
     @for (key of _resolved(); track $index; let last = $last) {
       <kbd class="kbd-key">{{ key }}</kbd>
       @if (!last) { <span class="kbd-sep">+</span> }
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);padding:0 calc(var(--spacing, .25rem) * 1.5);font-family:inherit;font-size:.75rem;font-weight:600;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-bottom-width:2px;border-radius:.375rem;color:var(--color-on-surface);white-space:nowrap}.kbd-sep{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6);padding:0 calc(var(--spacing, .25rem) * 1.5);font-family:inherit;font-size:.75rem;font-weight:600;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-bottom-width:2px;border-radius:.375rem;color:var(--color-on-surface);white-space:nowrap}.kbd-sep{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { keys: [{ type: i0.Input, args: [{ isSignal: true, alias: "keys", required: false }] }], platform: [{ type: i0.Input, args: [{ isSignal: true, alias: "platform", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-keyboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-keyboard.mjs","sources":["../../../projects/components/keyboard/src/keyboard/keyboard.component.ts","../../../projects/components/keyboard/elementar-rt-components-keyboard.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy } from '@angular/core';\n\ntype Platform = 'mac' | 'win' | 'auto';\n\nconst MAC_SYMBOLS: Record<string, string> = {\n  ctrl: '⌘', cmd: '⌘', command: '⌘',\n  alt: '⌥', option: '⌥',\n  shift: '⇧',\n  enter: '↵', return: '↵',\n  backspace: '⌫', delete: '⌦',\n  escape: 'Esc', esc: 'Esc',\n  tab: '⇥',\n  up: '↑', down: '↓', left: '←', right: '→',\n};\n\nconst WIN_LABELS: Record<string, string> = {\n  ctrl: 'Ctrl', cmd: 'Ctrl', command: 'Ctrl',\n  alt: 'Alt', option: 'Alt',\n  shift: 'Shift',\n  enter: 'Enter', return: 'Enter',\n  backspace: 'Backspace', delete: 'Del',\n  escape: 'Esc', esc: 'Esc',\n  tab: 'Tab',\n  up: '↑', down: '↓', left: '←', right: '→',\n};\n\n@Component({\n  selector: 'emr-keyboard',\n  standalone: true,\n  template: `\n    @for (key of _resolved(); track $index; let last = $last) {\n      <kbd class=\"kbd-key\">{{ key }}</kbd>\n      @if (!last) { <span class=\"kbd-sep\">+</span> }\n    }\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      gap: --spacing(0.5);\n    }\n\n    .kbd-key {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: --spacing(6);\n      height: --spacing(6);\n      padding: 0 --spacing(1.5);\n      font-family: inherit;\n      font-size: theme(--text-xs);\n      font-weight: 600;\n      background: var(--color-surface-container);\n      border: 1px solid var(--color-outline-variant);\n      border-bottom-width: 2px;\n      border-radius: theme(--radius-md);\n      color: var(--color-on-surface);\n      white-space: nowrap;\n    }\n\n    .kbd-sep {\n      font-size: theme(--text-xs);\n      color: var(--color-on-surface-variant);\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class KeyboardComponent {\n  keys = input<string[]>([]);\n  platform = input<Platform>('auto');\n\n  private _isMac = computed(() => {\n    const p = this.platform();\n    if (p === 'mac') return true;\n    if (p === 'win') return false;\n    return typeof navigator !== 'undefined' && /mac/i.test(navigator.platform);\n  });\n\n  protected _resolved = computed(() => {\n    const mac = this._isMac();\n    const map = mac ? MAC_SYMBOLS : WIN_LABELS;\n    return this.keys().map(k => map[k.toLowerCase()] ?? k.toUpperCase());\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-keyboard.mjs","sources":["../../../projects/components/keyboard/src/keyboard/keyboard.component.ts","../../../projects/components/keyboard/elementar-rt-components-keyboard.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy } from '@angular/core';\n\ntype Platform = 'mac' | 'win' | 'auto';\n\nconst MAC_SYMBOLS: Record<string, string> = {\n  ctrl: '⌘', cmd: '⌘', command: '⌘',\n  alt: '⌥', option: '⌥',\n  shift: '⇧',\n  enter: '↵', return: '↵',\n  backspace: '⌫', delete: '⌦',\n  escape: 'Esc', esc: 'Esc',\n  tab: '⇥',\n  up: '↑', down: '↓', left: '←', right: '→',\n};\n\nconst WIN_LABELS: Record<string, string> = {\n  ctrl: 'Ctrl', cmd: 'Ctrl', command: 'Ctrl',\n  alt: 'Alt', option: 'Alt',\n  shift: 'Shift',\n  enter: 'Enter', return: 'Enter',\n  backspace: 'Backspace', delete: 'Del',\n  escape: 'Esc', esc: 'Esc',\n  tab: 'Tab',\n  up: '↑', down: '↓', left: '←', right: '→',\n};\n\n@Component({\n  selector: 'emr-keyboard',\n  standalone: true,\n  template: `\n    @for (key of _resolved(); track $index; let last = $last) {\n      <kbd class=\"kbd-key\">{{ key }}</kbd>\n      @if (!last) { <span class=\"kbd-sep\">+</span> }\n    }\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      gap: --spacing(0.5);\n    }\n\n    .kbd-key {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: --spacing(6);\n      height: --spacing(6);\n      padding: 0 --spacing(1.5);\n      font-family: inherit;\n      font-size: theme(--text-xs);\n      font-weight: 600;\n      background: var(--color-surface-container);\n      border: 1px solid var(--color-outline-variant);\n      border-bottom-width: 2px;\n      border-radius: theme(--radius-md);\n      color: var(--color-on-surface);\n      white-space: nowrap;\n    }\n\n    .kbd-sep {\n      font-size: theme(--text-xs);\n      color: var(--color-on-surface-variant);\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class KeyboardComponent {\n  keys = input<string[]>([]);\n  platform = input<Platform>('auto');\n\n  private _isMac = computed(() => {\n    const p = this.platform();\n    if (p === 'mac') return true;\n    if (p === 'win') return false;\n    return typeof navigator !== 'undefined' && /mac/i.test(navigator.platform);\n  });\n\n  protected _resolved = computed(() => {\n    const mac = this._isMac();\n    const map = mac ? MAC_SYMBOLS : WIN_LABELS;\n    return this.keys().map(k => map[k.toLowerCase()] ?? k.toUpperCase());\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}