npm - @elementar-rt/components - Versions diffs - 0.6.55 → 0.6.57 - Mend

@elementar-rt/components 0.6.55 → 0.6.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (345) hide show

package/fesm2022/elementar-rt-components-inline-text-edit.mjs CHANGED Viewed

@@ -153,10 +153,10 @@ class InlineTextEditComponent {
             this.emitTimeoutId = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineTextEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: InlineTextEditComponent, isStandalone: true, selector: "emr-inline-text-edit,[emr-inline-text-edit]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "keydown.enter": "onEnter($event)", "keydown.escape": "onEscape()", "paste": "onPaste($event)", "input": "onInput()" }, properties: { "attr.contenteditable": "isContentEditable", "attr.data-placeholder": "placeholder()", "class.editing": "isEditing()", "class.focused": "isFocused()" }, classAttribute: "emr-inline-text-edit" }, ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineTextEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: InlineTextEditComponent, isStandalone: true, selector: "emr-inline-text-edit,[emr-inline-text-edit]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "keydown.enter": "onEnter($event)", "keydown.escape": "onEscape()", "paste": "onPaste($event)", "input": "onInput()" }, properties: { "attr.contenteditable": "isContentEditable", "attr.data-placeholder": "placeholder()", "class.editing": "isEditing()", "class.focused": "isFocused()" }, classAttribute: "emr-inline-text-edit" }, ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineTextEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: InlineTextEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-inline-text-edit,[emr-inline-text-edit]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-inline-text-edit',
@@ -170,7 +170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         '(keydown.escape)': 'onEscape()',
                         '(paste)': 'onPaste($event)',
                         '(input)': 'onInput()',
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"] }]
         }], ctorParameters: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }] } });
 /**

package/fesm2022/elementar-rt-components-inline-text-edit.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.html","../../../projects/components/inline-text-edit/elementar-rt-components-inline-text-edit.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n ElementRef,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n Renderer2,\r\n PLATFORM_ID,\r\n AfterContentChecked,\r\n OnDestroy,\r\n afterNextRender, DOCUMENT, numberAttribute, AfterViewInit,\r\n} from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'emr-inline-text-edit,[emr-inline-text-edit]',\r\n standalone: true,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl: './inline-text-edit.component.html',\r\n styleUrl: './inline-text-edit.component.scss',\r\n host: {\r\n 'class': 'emr-inline-text-edit',\r\n '[attr.contenteditable]': 'isContentEditable',\r\n '[attr.data-placeholder]': 'placeholder()',\r\n '[class.editing]': 'isEditing()',\r\n '[class.focused]': 'isFocused()',\r\n '(focus)': 'onFocus()',\r\n '(blur)': 'onBlur()',\r\n '(keydown.enter)': 'onEnter($event)',\r\n '(keydown.escape)': 'onEscape()',\r\n '(paste)': 'onPaste($event)',\r\n '(input)': 'onInput()',\r\n },\r\n})\r\nexport class InlineTextEditComponent implements AfterViewInit, AfterContentChecked, OnDestroy {\r\n private platformId = inject(PLATFORM_ID);\r\n private document = inject(DOCUMENT);\r\n\r\n enabled = input(true);\r\n placeholder = input('');\r\n delay = input(0, {\r\n transform: numberAttribute\r\n });\r\n\r\n readonly contentChanged = output<string>();\r\n\r\n isEditing = signal(false);\r\n isFocused = signal(false);\r\n\r\n private previousValue = '';\r\n private minHeightSet = false;\r\n private elementRef = inject(ElementRef<HTMLElement>);\r\n private renderer = inject(Renderer2);\r\n private emitTimeoutId: ReturnType<typeof setTimeout> \| null = null;\r\n\r\n constructor() {\r\n afterNextRender(() => {\r\n this.setInitialMinHeight();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.previousValue = this.elementRef.nativeElement.textContent;\r\n }\r\n\r\n get isContentEditable() {\r\n return true;\r\n }\r\n\r\n ngAfterContentChecked() {\r\n if (isPlatformServer(this.platformId)) {\r\n return;\r\n }\r\n\r\n this.setInitialMinHeight();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.clearPendingEmission();\r\n }\r\n\r\n private setInitialMinHeight(): void {\r\n if (this.minHeightSet) {\r\n return;\r\n }\r\n\r\n const el = this.elementRef.nativeElement;\r\n let height = el.getBoundingClientRect().height;\r\n\r\n if (!height \|\| height < 1) {\r\n const cs = getComputedStyle(el);\r\n let lh = parseFloat(cs.lineHeight);\r\n\r\n if (isNaN(lh) \|\| lh <= 0) {\r\n const fs = parseFloat(cs.fontSize) \|\| 16;\r\n lh = fs * 1.5;\r\n }\r\n\r\n height = lh;\r\n }\r\n\r\n if (height && height > 0) {\r\n this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);\r\n this.minHeightSet = true;\r\n }\r\n }\r\n\r\n onFocus(): void {\r\n this.isFocused.set(true);\r\n }\r\n\r\n onBlur(): void {\r\n this.isFocused.set(false);\r\n this.finishEdit();\r\n }\r\n\r\n onEnter(event: Event): void {\r\n event.preventDefault();\r\n this.finishEdit();\r\n }\r\n\r\n onEscape(): void {\r\n this.cancelEdit();\r\n }\r\n\r\n onPaste(event: ClipboardEvent): void {\r\n event.preventDefault();\r\n const text = event.clipboardData?.getData('text/plain') ?? '';\r\n this.document.execCommand('insertText', false, text);\r\n }\r\n\r\n onInput(): void {\r\n this.isEditing.set(true);\r\n // Track live changes and normalize empty content.\r\n // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.\r\n const el = this.elementRef.nativeElement;\r\n const html = (el.innerHTML ?? '').trim().toLowerCase();\r\n const text = (el.textContent ?? '').trim();\r\n\r\n const isEffectivelyEmpty =\r\n text.length === 0 \|\|\r\n html === '' \|\|\r\n html === '<br>' \|\|\r\n html === '<br/>' \|\|\r\n html === '<div><br></div>';\r\n\r\n if (isEffectivelyEmpty && el.innerHTML !== '') {\r\n // Clear to a truly empty state so placeholders and styling work correctly.\r\n el.innerHTML = '';\r\n }\r\n }\r\n\r\n private finishEdit(): void {\r\n if (!this.isEditing()) {\r\n return;\r\n }\r\n\r\n const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';\r\n\r\n if (newValue !== this.previousValue) {\r\n this.previousValue = newValue;\r\n this.emitWithDelay(newValue);\r\n }\r\n\r\n this.isEditing.set(false);\r\n }\r\n\r\n private cancelEdit(): void {\r\n if (!this.isEditing()) {\r\n return;\r\n }\r\n\r\n this.elementRef.nativeElement.textContent = this.previousValue;\r\n // Keep focus and move caret to the end of the restored content for better UX.\r\n this.placeCaretAtEnd();\r\n this.isEditing.set(false);\r\n // Cancel any pending emission since the edit was canceled.\r\n this.clearPendingEmission();\r\n }\r\n\r\n private placeCaretAtEnd(): void {\r\n if (isPlatformServer(this.platformId)) {\r\n return;\r\n }\r\n\r\n const el = this.elementRef.nativeElement;\r\n // Ensure the host is focused so caret positioning is visible.\r\n el.focus();\r\n\r\n const selection = this.document.getSelection?.();\r\n if (!selection) {\r\n return;\r\n }\r\n\r\n const range = this.document.createRange();\r\n range.selectNodeContents(el);\r\n range.collapse(false); // collapse to end\r\n selection.removeAllRanges();\r\n selection.addRange(range);\r\n }\r\n\r\n private emitWithDelay(value: string): void {\r\n const d = this.delay();\r\n // Always clear a previous scheduled emission to ensure only the latest value is emitted\r\n this.clearPendingEmission();\r\n\r\n if (d > 0) {\r\n this.emitTimeoutId = setTimeout(() => {\r\n this.emitTimeoutId = null;\r\n this.contentChanged.emit(value);\r\n }, d);\r\n } else {\r\n this.contentChanged.emit(value);\r\n }\r\n }\r\n\r\n private clearPendingEmission(): void {\r\n if (this.emitTimeoutId) {\r\n clearTimeout(this.emitTimeoutId);\r\n this.emitTimeoutId = null;\r\n }\r\n }\r\n}\r\n","<ng-content/>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.html","../../../projects/components/inline-text-edit/elementar-rt-components-inline-text-edit.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n input,\n output,\n signal,\n Renderer2,\n PLATFORM_ID,\n AfterContentChecked,\n OnDestroy,\n afterNextRender, DOCUMENT, numberAttribute, AfterViewInit,\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\n\n@Component({\n selector: 'emr-inline-text-edit,[emr-inline-text-edit]',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './inline-text-edit.component.html',\n styleUrl: './inline-text-edit.component.scss',\n host: {\n 'class': 'emr-inline-text-edit',\n '[attr.contenteditable]': 'isContentEditable',\n '[attr.data-placeholder]': 'placeholder()',\n '[class.editing]': 'isEditing()',\n '[class.focused]': 'isFocused()',\n '(focus)': 'onFocus()',\n '(blur)': 'onBlur()',\n '(keydown.enter)': 'onEnter($event)',\n '(keydown.escape)': 'onEscape()',\n '(paste)': 'onPaste($event)',\n '(input)': 'onInput()',\n },\n})\nexport class InlineTextEditComponent implements AfterViewInit, AfterContentChecked, OnDestroy {\n private platformId = inject(PLATFORM_ID);\n private document = inject(DOCUMENT);\n\n enabled = input(true);\n placeholder = input('');\n delay = input(0, {\n transform: numberAttribute\n });\n\n readonly contentChanged = output<string>();\n\n isEditing = signal(false);\n isFocused = signal(false);\n\n private previousValue = '';\n private minHeightSet = false;\n private elementRef = inject(ElementRef<HTMLElement>);\n private renderer = inject(Renderer2);\n private emitTimeoutId: ReturnType<typeof setTimeout> \| null = null;\n\n constructor() {\n afterNextRender(() => {\n this.setInitialMinHeight();\n });\n }\n\n ngAfterViewInit() {\n this.previousValue = this.elementRef.nativeElement.textContent;\n }\n\n get isContentEditable() {\n return true;\n }\n\n ngAfterContentChecked() {\n if (isPlatformServer(this.platformId)) {\n return;\n }\n\n this.setInitialMinHeight();\n }\n\n ngOnDestroy(): void {\n this.clearPendingEmission();\n }\n\n private setInitialMinHeight(): void {\n if (this.minHeightSet) {\n return;\n }\n\n const el = this.elementRef.nativeElement;\n let height = el.getBoundingClientRect().height;\n\n if (!height \|\| height < 1) {\n const cs = getComputedStyle(el);\n let lh = parseFloat(cs.lineHeight);\n\n if (isNaN(lh) \|\| lh <= 0) {\n const fs = parseFloat(cs.fontSize) \|\| 16;\n lh = fs * 1.5;\n }\n\n height = lh;\n }\n\n if (height && height > 0) {\n this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);\n this.minHeightSet = true;\n }\n }\n\n onFocus(): void {\n this.isFocused.set(true);\n }\n\n onBlur(): void {\n this.isFocused.set(false);\n this.finishEdit();\n }\n\n onEnter(event: Event): void {\n event.preventDefault();\n this.finishEdit();\n }\n\n onEscape(): void {\n this.cancelEdit();\n }\n\n onPaste(event: ClipboardEvent): void {\n event.preventDefault();\n const text = event.clipboardData?.getData('text/plain') ?? '';\n this.document.execCommand('insertText', false, text);\n }\n\n onInput(): void {\n this.isEditing.set(true);\n // Track live changes and normalize empty content.\n // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.\n const el = this.elementRef.nativeElement;\n const html = (el.innerHTML ?? '').trim().toLowerCase();\n const text = (el.textContent ?? '').trim();\n\n const isEffectivelyEmpty =\n text.length === 0 \|\|\n html === '' \|\|\n html === '<br>' \|\|\n html === '<br/>' \|\|\n html === '<div><br></div>';\n\n if (isEffectivelyEmpty && el.innerHTML !== '') {\n // Clear to a truly empty state so placeholders and styling work correctly.\n el.innerHTML = '';\n }\n }\n\n private finishEdit(): void {\n if (!this.isEditing()) {\n return;\n }\n\n const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';\n\n if (newValue !== this.previousValue) {\n this.previousValue = newValue;\n this.emitWithDelay(newValue);\n }\n\n this.isEditing.set(false);\n }\n\n private cancelEdit(): void {\n if (!this.isEditing()) {\n return;\n }\n\n this.elementRef.nativeElement.textContent = this.previousValue;\n // Keep focus and move caret to the end of the restored content for better UX.\n this.placeCaretAtEnd();\n this.isEditing.set(false);\n // Cancel any pending emission since the edit was canceled.\n this.clearPendingEmission();\n }\n\n private placeCaretAtEnd(): void {\n if (isPlatformServer(this.platformId)) {\n return;\n }\n\n const el = this.elementRef.nativeElement;\n // Ensure the host is focused so caret positioning is visible.\n el.focus();\n\n const selection = this.document.getSelection?.();\n if (!selection) {\n return;\n }\n\n const range = this.document.createRange();\n range.selectNodeContents(el);\n range.collapse(false); // collapse to end\n selection.removeAllRanges();\n selection.addRange(range);\n }\n\n private emitWithDelay(value: string): void {\n const d = this.delay();\n // Always clear a previous scheduled emission to ensure only the latest value is emitted\n this.clearPendingEmission();\n\n if (d > 0) {\n this.emitTimeoutId = setTimeout(() => {\n this.emitTimeoutId = null;\n this.contentChanged.emit(value);\n }, d);\n } else {\n this.contentChanged.emit(value);\n }\n }\n\n private clearPendingEmission(): void {\n if (this.emitTimeoutId) {\n clearTimeout(this.emitTimeoutId);\n this.emitTimeoutId = null;\n }\n }\n}\n","<ng-content/>\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-mask.mjs CHANGED Viewed

@@ -27,10 +27,10 @@ class CreditCardNumberMaskDirective {
             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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardNumberMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardNumberMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardNumberMask]',
@@ -108,8 +108,8 @@ class CreditCardExpiryDateMaskDirective {
         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: [
+    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: [
             {
                 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.10", ngImport: i0, type: CreditCardExpiryDateMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardExpiryDateMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardExpiryDateMask]',
@@ -154,10 +154,10 @@ class CreditCardCvvMaskDirective {
         }
         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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CreditCardCvvMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CreditCardCvvMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrCreditCardCvvMask]',

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

	@@ -1 +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';\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":";;;;AAGA,MAAM,sBAAsB,GAAG,CAAC,KAAa,KAAY;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAChC,CAAC;MAaY,6BAA6B,CAAA;AACvB,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC7D,IAAA,WAAW,GAAG,MAAM,CAA+B,UAAU,CAAC;AAEtE,IAAA,WAAW,GAAG,KAAK,CAAC,qBAAqB,uDAAC;AAEnD,IAAA,OAAO,CAAC,KAAY,EAAA;AAClB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc;AAC3C,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK;QAEjC,MAAM,cAAc,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE1D,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACzF,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,sBAAsB,EAAE;QAClD;QAEA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,cAAc;AAErD,QAAA,IAAI,cAAc,KAAK,IAAI,EAAE;AAC3B,YAAA,MAAM,iBAAiB,GAAG,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;AACzF,YAAA,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;QAC/D;IACF;wGAxBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAXzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,iBAAiB;wBAC5B,aAAa,EAAE,OAAO;AACtB,wBAAA,qBAAqB,EAAE,aAAa;AACpC,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,oBAAoB,EAAE,eAAe;AACtC,qBAAA;AACF,iBAAA;;;ACjBD,MAAM,aAAa,GAAG,CAAC,KAAa,KAAY;AAC9C,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxD,IAAI,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;AAEpC,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACpC,IAAI,QAAQ,GAAG,EAAE;YAAE,KAAK,GAAG,IAAI;QAC/B,IAAI,QAAQ,KAAK,CAAC;YAAE,KAAK,GAAG,IAAI;IAClC;AAEA,IAAA,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,IAAI,IAAI,CAAA,CAAE,GAAG,KAAK;AACxD,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,KAAY;AAC7C,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;IACrB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;IAC5B,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;IAEzB,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,QAAA,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;IACnB;AAEA,IAAA,OAAO,IAAI,GAAG,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE,GAAG,KAAK;AAC1C,CAAC;MAmBY,iCAAiC,CAAA;AAC3B,IAAA,UAAU,GAAG,MAAM,CAA+B,UAAU,CAAC;AAErE,IAAA,WAAW,GAAG,KAAK,CAAC,OAAO,uDAAC;AAErC,IAAA,QAAQ,GAAG,CAAC,CAAM,KAAI,EAAE,CAAC;AACzB,IAAA,SAAS,GAAG,MAAK,EAAE,CAAC;AAEpB,IAAA,UAAU,CAAC,KAAoB,EAAA;QAC7B,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,cAAc;IACtD;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEU,IAAA,OAAO,CAAC,KAAY,EAAA;AAC5B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC;AACtD,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc;AAC5C,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK;QAClC,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;AAElD,QAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAChD,QAAA,MAAM,CAAC,KAAK,GAAG,cAAc;AAE7B,QAAA,IAAI,cAAc,KAAK,IAAI,EAAE;AAC3B,YAAA,MAAM,iBAAiB,GAAG,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;AACzF,YAAA,MAAM,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;QAChE;IACF;AAEA,IAAA,MAAM,CAAC,KAAY,EAAA;QACjB,IAAI,CAAC,SAAS,EAAE;AAEhB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC;AACtD,QAAA,IAAI,CAAC,MAAM;YAAE;QAEb,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;QACjD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAEpD,QAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AACzB,QAAA,MAAM,CAAC,KAAK,GAAG,cAAc;IAC/B;wGAjDW,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAbjC;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iCAAiC,CAAC;AAChE,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,6BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAOU,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAhB7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,uCAAuC,CAAC;AAChE,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,iBAAiB;AAC5B,wBAAA,QAAQ,EAAE,gBAAgB;AAC1B,wBAAA,oBAAoB,EAAE,eAAe;AACtC;AACF,iBAAA;;;AC3CD,MAAM,SAAS,GAAG,CAAC,KAAa,KAAY;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IACxC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC;MAaY,0BAA0B,CAAA;AACpB,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC7D,IAAA,WAAW,GAAG,MAAM,CAA+B,UAAU,CAAC;AAEtE,IAAA,WAAW,GAAG,KAAK,CAAC,KAAK,uDAAC;AAEnC,IAAA,OAAO,CAAC,KAAY,EAAA;AAClB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;QAC9C,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;AAE7C,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACtE,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,sBAAsB,EAAE;QAClD;QAEA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,cAAc;IACvD;wGAhBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,iBAAiB;wBAC5B,aAAa,EAAE,OAAO;AACtB,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,qBAAqB,EAAE,UAAU;AACjC,wBAAA,oBAAoB,EAAE,eAAe;AACtC,qBAAA;AACF,iBAAA;;;AClBD;;AAEG;;;;"}
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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"}

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

	@@ -1 +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';\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;;;;"}
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;;;;"}

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

@@ -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.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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanItemDefDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: KanbanItemDefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrKanbanItemDef]'
@@ -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.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"] }] });
+    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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: KanbanBoardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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.10", ngImpo
                     ], 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"] }]
+                    }, 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"] }]
         }], 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 CHANGED Viewed

	@@ -1 +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';\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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"}
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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"}

package/fesm2022/elementar-rt-components-keyboard.mjs ADDED Viewed

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+const MAC_SYMBOLS = {
+    ctrl: '⌘', cmd: '⌘', command: '⌘',
+    alt: '⌥', option: '⌥',
+    shift: '⇧',
+    enter: '↵', return: '↵',
+    backspace: '⌫', delete: '⌦',
+    escape: 'Esc', esc: 'Esc',
+    tab: '⇥',
+    up: '↑', down: '↓', left: '←', right: '→',
+};
+const WIN_LABELS = {
+    ctrl: 'Ctrl', cmd: 'Ctrl', command: 'Ctrl',
+    alt: 'Alt', option: 'Alt',
+    shift: 'Shift',
+    enter: 'Enter', return: 'Enter',
+    backspace: 'Backspace', delete: 'Del',
+    escape: 'Esc', esc: 'Esc',
+    tab: 'Tab',
+    up: '↑', down: '↓', left: '←', right: '→',
+};
+class KeyboardComponent {
+    keys = input([], ...(ngDevMode ? [{ debugName: "keys" }] : []));
+    platform = input('auto', ...(ngDevMode ? [{ debugName: "platform" }] : []));
+    _isMac = computed(() => {
+        const p = this.platform();
+        if (p === 'mac')
+            return true;
+        if (p === 'win')
+            return false;
+        return typeof navigator !== 'undefined' && /mac/i.test(navigator.platform);
+    }, ...(ngDevMode ? [{ debugName: "_isMac" }] : []));
+    _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: `
+    @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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+        }], propDecorators: { keys: [{ type: i0.Input, args: [{ isSignal: true, alias: "keys", required: false }] }], platform: [{ type: i0.Input, args: [{ isSignal: true, alias: "platform", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { KeyboardComponent };
+//# sourceMappingURL=elementar-rt-components-keyboard.mjs.map

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

@@ -0,0 +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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"}