@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-list.mjs

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, booleanAttribute, linkedSignal, Directive, contentChildren, signal, afterNextRender, effect, untracked } from '@angular/core';
+import * as i1 from '@ngbase/adk/a11y';
+import { AccessibleItem } from '@ngbase/adk/a11y';
+import { documentListener } from '@ngbase/adk/utils';
+
+class NgbList {
+    constructor() {
+        // Dependencies
+        this.allyItem = inject(AccessibleItem);
+        this.el = inject(ElementRef);
+        // Inputs
+        this.ayId = input();
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.allyItem._ayId = linkedSignal(this.ayId);
+    }
+    setAyId(id) {
+        this.allyItem._ayId.set(id);
+    }
+    select() {
+        this.el.nativeElement.click();
+    }
+    focus() {
+        this.el.nativeElement.scrollIntoView({ block: 'nearest' });
+        this.el.nativeElement.classList.add('bg-muted-background');
+    }
+    unselect() {
+        this.el.nativeElement.classList.remove('bg-muted-background');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbList, isStandalone: true, selector: "[ngbList]", inputs: { ayId: { classPropertyName: "ayId", publicName: "ayId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" } }, hostDirectives: [{ directive: i1.AccessibleItem, inputs: ["role", "role", "disabled", "disabled"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbList]',
+                    hostDirectives: [{ directive: AccessibleItem, inputs: ['role', 'disabled'] }],
+                    host: {
+                        role: 'list',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+function provideList(list) {
+    return {
+        provide: NgbList,
+        useExisting: list,
+    };
+}
+
+class NgbListActionGroup {
+    constructor() {
+        this.options = contentChildren(NgbList, { descendants: true });
+        this.activeIndex = signal(undefined);
+        this.optionsMap = new WeakMap();
+        this.handleKeyDown = (event) => {
+            const options = this.options();
+            const lastIndex = this.activeIndex();
+            const i = this.optionsMap.get(this.activeIndex() || options[0]);
+            if (event.key === 'ArrowDown') {
+                this.activeIndex.set(options[Math.min(i + 1, options.length - 1)]);
+            }
+            else if (event.key === 'ArrowUp') {
+                this.activeIndex.set(options[Math.max(i - 1, 0)]);
+            }
+            else if (event.key === 'Enter') {
+                lastIndex?.select();
+            }
+            if (lastIndex !== this.activeIndex()) {
+                event.preventDefault();
+                this.afterAction(lastIndex);
+            }
+        };
+        documentListener('keydown', this.handleKeyDown);
+        afterNextRender(() => this.afterAction());
+        effect(() => {
+            const options = this.options();
+            options.forEach((x, i) => this.optionsMap.set(x, i));
+            untracked(() => {
+                const lastIndex = this.activeIndex();
+                this.activeIndex.set(options[0]);
+                this.afterAction(lastIndex);
+            });
+        });
+    }
+    afterAction(lastIndex) {
+        const option = this.activeIndex();
+        lastIndex?.unselect();
+        option?.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbListActionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbListActionGroup, isStandalone: true, selector: "[ngbActionGroup]", queries: [{ propertyName: "options", predicate: NgbList, descendants: true, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbListActionGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbActionGroup]',
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of list
+ */
+// export * from './list-selection.component';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbList, NgbListActionGroup, provideList };
+//# sourceMappingURL=ngbase-adk-list.mjs.map

package/fesm2022/ngbase-adk-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-list.mjs","sources":["../../../projects/adk/list/list.ts","../../../projects/adk/list/list.directive.ts","../../../projects/adk/list/public-api.ts","../../../projects/adk/list/ngbase-adk-list.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  WritableSignal,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\n\n@Directive({\n  selector: '[ngbList]',\n  hostDirectives: [{ directive: AccessibleItem, inputs: ['role', 'disabled'] }],\n  host: {\n    role: 'list',\n  },\n})\nexport class NgbList {\n  // Dependencies\n  private readonly allyItem = inject(AccessibleItem);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  // Inputs\n  readonly ayId = input<string>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  constructor() {\n    this.allyItem._ayId = linkedSignal(this.ayId) as WritableSignal<string>;\n  }\n\n  setAyId(id: string) {\n    this.allyItem._ayId.set(id);\n  }\n\n  select() {\n    this.el.nativeElement.click();\n  }\n\n  focus() {\n    this.el.nativeElement.scrollIntoView({ block: 'nearest' });\n    this.el.nativeElement.classList.add('bg-muted-background');\n  }\n\n  unselect() {\n    this.el.nativeElement.classList.remove('bg-muted-background');\n  }\n}\n\nexport function provideList(list: typeof NgbList) {\n  return {\n    provide: NgbList,\n    useExisting: list,\n  };\n}\n","import {\n  Directive,\n  afterNextRender,\n  contentChildren,\n  effect,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { documentListener } from '@ngbase/adk/utils';\nimport { NgbList } from './list';\n\n@Directive({\n  selector: '[ngbActionGroup]',\n})\nexport class NgbListActionGroup {\n  readonly options = contentChildren(NgbList, { descendants: true });\n\n  private readonly activeIndex = signal<NgbList | undefined>(undefined);\n  private readonly optionsMap = new WeakMap<NgbList, number>();\n\n  constructor() {\n    documentListener('keydown', this.handleKeyDown);\n    afterNextRender(() => this.afterAction());\n\n    effect(() => {\n      const options = this.options();\n      options.forEach((x, i) => this.optionsMap.set(x, i));\n      untracked(() => {\n        const lastIndex = this.activeIndex();\n        this.activeIndex.set(options[0]);\n        this.afterAction(lastIndex);\n      });\n    });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    const options = this.options();\n    const lastIndex = this.activeIndex();\n    const i = this.optionsMap.get(this.activeIndex() || options[0])!;\n    if (event.key === 'ArrowDown') {\n      this.activeIndex.set(options[Math.min(i + 1, options.length - 1)]);\n    } else if (event.key === 'ArrowUp') {\n      this.activeIndex.set(options[Math.max(i - 1, 0)]);\n    } else if (event.key === 'Enter') {\n      lastIndex?.select();\n    }\n    if (lastIndex !== this.activeIndex()) {\n      event.preventDefault();\n      this.afterAction(lastIndex);\n    }\n  };\n\n  private afterAction(lastIndex?: NgbList) {\n    const option = this.activeIndex();\n    lastIndex?.unselect();\n    option?.focus();\n  }\n}\n","/*\n * Public API Surface of list\n */\n\nexport * from './list';\nexport * from './list.directive';\n// export * from './list-selection.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-mask.mjs

@@ -0,0 +1,234 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, linkedSignal, afterRenderEffect, Directive, Pipe } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i1 from '@ngbase/adk/form-field';
+import { InputBase } from '@ngbase/adk/form-field';
+
+class Mask {
+    // private lastValue = '';
+    constructor() {
+        // this.control?.valueChanges?.subscribe(value => {
+        //   if (value !== this.lastValue) this.handleValue(value);
+        // });
+        // Dependencies
+        this.el = inject(ElementRef);
+        this.control = inject(NgControl, { optional: true });
+        this.inputC = inject(InputBase);
+        // Inputs
+        this.ngbMask = input('');
+        this.showMaskType = input(false);
+        this.localValue = linkedSignal(() => this.inputC.value() ?? '');
+        afterRenderEffect(() => {
+            const mask = this.ngbMask();
+            const value = this.localValue();
+            this.el.nativeElement.value = this.updateView(value, mask);
+        });
+    }
+    onKeyDown(event) {
+        // console.log('onKeyDown', event);
+        const input = event.target;
+        const keyCode = event.key;
+        // Allow navigation keys
+        if ([
+            'ArrowLeft',
+            'ArrowRight',
+            'Home',
+            'End',
+            'Tab',
+            'Backspace',
+            'Delete',
+            'Shift',
+            'Meta',
+            'Control',
+            'Alt',
+            'Escape',
+            'CapsLock',
+        ].includes(keyCode)) {
+            return;
+        }
+        event.preventDefault();
+        const cursorPos = input.selectionStart || 0;
+        const key = event.key;
+        // Get the current value and mask
+        const currentValue = input.value;
+        const mask = this.ngbMask();
+        // Check if the key matches the mask at current position
+        if (this.isValidChar(key, this.getCurrentMaskChar(mask, cursorPos))) {
+            // Insert the character at cursor position
+            const newValue = currentValue.substring(0, cursorPos) + key + currentValue.substring(cursorPos);
+            this.handleValue(newValue, cursorPos);
+        }
+    }
+    getCurrentMaskChar(mask, cursorPos) {
+        // we only have to check cursor position and have to skip non-mask characters
+        for (let i = cursorPos; i < mask.length; i++) {
+            if (mask[i] !== '#' && mask[i] !== 'a' && mask[i] !== '*') {
+                continue;
+            }
+            return mask[i];
+        }
+        return '';
+    }
+    onPaste(event) {
+        event.preventDefault();
+        const input = event.target;
+        const cursorPos = input.selectionStart || 0;
+        const pastedText = event.clipboardData?.getData('text') || '';
+        const currentValue = input.value;
+        const beforeCursor = currentValue.substring(0, cursorPos);
+        const afterCursor = currentValue.substring(cursorPos);
+        const newValue = beforeCursor + pastedText + afterCursor;
+        this.handleValue(newValue, cursorPos);
+    }
+    isValidChar(char, maskChar) {
+        switch (maskChar) {
+            case '#':
+                return /\d/.test(char);
+            case 'a':
+                return /[a-zA-Z]/.test(char);
+            case '*':
+                return /[a-zA-Z0-9]/.test(char);
+            default:
+                return char === maskChar;
+        }
+    }
+    handleValue(value, cursorPos) {
+        // Apply mask and update view
+        const maskedValue = this.updateView(value);
+        // Update actualValue
+        const actualValue = this.unmask(maskedValue);
+        this.updateLocalValue(actualValue, actualValue !== value);
+        // Set cursor position after update
+        // if (cursorPos !== undefined) {
+        //   setTimeout(() => {
+        //     const newPos = this.calculateCursorPosition(maskedValue, cursorPos);
+        //     this.el.nativeElement.setSelectionRange(newPos, newPos);
+        //   });
+        // }
+    }
+    calculateCursorPosition(maskedValue, oldPos) {
+        const mask = this.ngbMask();
+        let newPos = oldPos;
+        // Move cursor past any fixed mask characters
+        while (newPos < mask.length && !'#a*'.includes(mask[newPos])) {
+            newPos++;
+        }
+        return Math.min(newPos, maskedValue.length);
+    }
+    updateLocalValue(value, emit = true) {
+        this.inputC.setValue(value);
+        // this.lastValue = value;
+        this.localValue.set(value);
+        if (emit)
+            this.control?.control?.setValue(value);
+    }
+    writeValue(value) {
+        this.handleValue(value);
+    }
+    updateView(value, mask = this.ngbMask()) {
+        return maskTransform(value, mask);
+    }
+    unmask(value) {
+        const mask = this.ngbMask();
+        let unmaskedValue = '';
+        let valueIndex = 0;
+        for (let maskIndex = 0; maskIndex < mask.length && valueIndex < value.length; maskIndex++) {
+            const maskChar = mask[maskIndex];
+            const valueChar = value[valueIndex];
+            if ('#a*'.includes(maskChar)) {
+                unmaskedValue += valueChar;
+                valueIndex++;
+            }
+            else if (maskChar === valueChar) {
+                valueIndex++;
+            }
+        }
+        return unmaskedValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Mask, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: Mask, isStandalone: true, selector: "[ngbMask]", inputs: { ngbMask: { classPropertyName: "ngbMask", publicName: "ngbMask", isSignal: true, isRequired: false, transformFunction: null }, showMaskType: { classPropertyName: "showMaskType", publicName: "showMaskType", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)" } }, hostDirectives: [{ directive: i1.InputBase }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Mask, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbMask]',
+                    hostDirectives: [InputBase],
+                    host: {
+                        '(keydown)': 'onKeyDown($event)',
+                        '(paste)': 'onPaste($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+function maskTransform(value, mask, showMaskType = false) {
+    let result = '';
+    let valueIndex = 0;
+    for (let maskIndex = 0; maskIndex < mask.length && valueIndex < value.length; maskIndex++) {
+        const maskChar = mask[maskIndex];
+        const valueChar = value[valueIndex];
+        switch (maskChar) {
+            case '#':
+                if (/\d/.test(valueChar)) {
+                    result += valueChar;
+                    valueIndex++;
+                }
+                else if (showMaskType) {
+                    result += '_';
+                }
+                else {
+                    return result;
+                }
+                break;
+            case 'a':
+                if (/[a-zA-Z]/.test(valueChar)) {
+                    result += valueChar;
+                    valueIndex++;
+                }
+                else if (showMaskType) {
+                    result += '_';
+                }
+                else {
+                    return result;
+                }
+                break;
+            case '*':
+                if (/[a-zA-Z0-9]/.test(valueChar)) {
+                    result += valueChar;
+                    valueIndex++;
+                }
+                else if (showMaskType) {
+                    result += '_';
+                }
+                else {
+                    return result;
+                }
+                break;
+            default:
+                result += maskChar;
+                if (maskChar === valueChar && valueIndex === maskIndex) {
+                    valueIndex++;
+                }
+        }
+    }
+    return result;
+}
+
+class MaskPipe {
+    transform(value, mask) {
+        return maskTransform(value, mask);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: MaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: MaskPipe, isStandalone: true, name: "mask" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: MaskPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'mask',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Mask, MaskPipe };
+//# sourceMappingURL=ngbase-adk-mask.mjs.map

package/fesm2022/ngbase-adk-mask.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-mask.mjs","sources":["../../../projects/adk/mask/mask.ts","../../../projects/adk/mask/mask-pipe.ts","../../../projects/adk/mask/ngbase-adk-mask.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { InputBase } from '@ngbase/adk/form-field';\n\n@Directive({\n  selector: '[ngbMask]',\n  hostDirectives: [InputBase],\n  host: {\n    '(keydown)': 'onKeyDown($event)',\n    '(paste)': 'onPaste($event)',\n  },\n})\nexport class Mask {\n  // Dependencies\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly control = inject(NgControl, { optional: true });\n  private readonly inputC = inject(InputBase);\n\n  // Inputs\n  readonly ngbMask = input<string>('');\n  readonly showMaskType = input(false);\n\n  readonly localValue = linkedSignal(() => (this.inputC.value() as string) ?? '');\n  // private lastValue = '';\n\n  constructor() {\n    // this.control?.valueChanges?.subscribe(value => {\n    //   if (value !== this.lastValue) this.handleValue(value);\n    // });\n\n    afterRenderEffect(() => {\n      const mask = this.ngbMask();\n      const value = this.localValue();\n      this.el.nativeElement.value = this.updateView(value, mask);\n    });\n  }\n\n  onKeyDown(event: KeyboardEvent): void {\n    // console.log('onKeyDown', event);\n    const input = event.target as HTMLInputElement;\n    const keyCode = event.key;\n\n    // Allow navigation keys\n    if (\n      [\n        'ArrowLeft',\n        'ArrowRight',\n        'Home',\n        'End',\n        'Tab',\n        'Backspace',\n        'Delete',\n        'Shift',\n        'Meta',\n        'Control',\n        'Alt',\n        'Escape',\n        'CapsLock',\n      ].includes(keyCode)\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const cursorPos = input.selectionStart || 0;\n    const key = event.key;\n\n    // Get the current value and mask\n    const currentValue = input.value;\n    const mask = this.ngbMask();\n\n    // Check if the key matches the mask at current position\n    if (this.isValidChar(key, this.getCurrentMaskChar(mask, cursorPos))) {\n      // Insert the character at cursor position\n      const newValue =\n        currentValue.substring(0, cursorPos) + key + currentValue.substring(cursorPos);\n\n      this.handleValue(newValue, cursorPos);\n    }\n  }\n\n  getCurrentMaskChar(mask: string, cursorPos: number): string {\n    // we only have to check cursor position and have to skip non-mask characters\n    for (let i = cursorPos; i < mask.length; i++) {\n      if (mask[i] !== '#' && mask[i] !== 'a' && mask[i] !== '*') {\n        continue;\n      }\n      return mask[i];\n    }\n    return '';\n  }\n\n  onPaste(event: ClipboardEvent): void {\n    event.preventDefault();\n    const input = event.target as HTMLInputElement;\n    const cursorPos = input.selectionStart || 0;\n    const pastedText = event.clipboardData?.getData('text') || '';\n\n    const currentValue = input.value;\n    const beforeCursor = currentValue.substring(0, cursorPos);\n    const afterCursor = currentValue.substring(cursorPos);\n\n    const newValue = beforeCursor + pastedText + afterCursor;\n    this.handleValue(newValue, cursorPos);\n  }\n\n  private isValidChar(char: string, maskChar: string): boolean {\n    switch (maskChar) {\n      case '#':\n        return /\\d/.test(char);\n      case 'a':\n        return /[a-zA-Z]/.test(char);\n      case '*':\n        return /[a-zA-Z0-9]/.test(char);\n      default:\n        return char === maskChar;\n    }\n  }\n\n  handleValue(value: string, cursorPos?: number) {\n    // Apply mask and update view\n    const maskedValue = this.updateView(value);\n    // Update actualValue\n    const actualValue = this.unmask(maskedValue);\n\n    this.updateLocalValue(actualValue, actualValue !== value);\n\n    // Set cursor position after update\n    // if (cursorPos !== undefined) {\n    //   setTimeout(() => {\n    //     const newPos = this.calculateCursorPosition(maskedValue, cursorPos);\n    //     this.el.nativeElement.setSelectionRange(newPos, newPos);\n    //   });\n    // }\n  }\n\n  private calculateCursorPosition(maskedValue: string, oldPos: number): number {\n    const mask = this.ngbMask();\n    let newPos = oldPos;\n\n    // Move cursor past any fixed mask characters\n    while (newPos < mask.length && !'#a*'.includes(mask[newPos])) {\n      newPos++;\n    }\n\n    return Math.min(newPos, maskedValue.length);\n  }\n\n  private updateLocalValue(value: string, emit = true) {\n    this.inputC.setValue(value);\n    // this.lastValue = value;\n    this.localValue.set(value);\n    if (emit) this.control?.control?.setValue(value);\n  }\n\n  writeValue(value: string): void {\n    this.handleValue(value);\n  }\n\n  private updateView(value: string, mask = this.ngbMask()): string {\n    return maskTransform(value, mask);\n  }\n\n  private unmask(value: string): string {\n    const mask = this.ngbMask();\n    let unmaskedValue = '';\n    let valueIndex = 0;\n\n    for (let maskIndex = 0; maskIndex < mask.length && valueIndex < value.length; maskIndex++) {\n      const maskChar = mask[maskIndex];\n      const valueChar = value[valueIndex];\n\n      if ('#a*'.includes(maskChar)) {\n        unmaskedValue += valueChar;\n        valueIndex++;\n      } else if (maskChar === valueChar) {\n        valueIndex++;\n      }\n    }\n\n    return unmaskedValue;\n  }\n}\n\nexport function maskTransform(value: string, mask: string, showMaskType = false): string {\n  let result = '';\n  let valueIndex = 0;\n\n  for (let maskIndex = 0; maskIndex < mask.length && valueIndex < value.length; maskIndex++) {\n    const maskChar = mask[maskIndex];\n    const valueChar = value[valueIndex];\n\n    switch (maskChar) {\n      case '#':\n        if (/\\d/.test(valueChar)) {\n          result += valueChar;\n          valueIndex++;\n        } else if (showMaskType) {\n          result += '_';\n        } else {\n          return result;\n        }\n        break;\n      case 'a':\n        if (/[a-zA-Z]/.test(valueChar)) {\n          result += valueChar;\n          valueIndex++;\n        } else if (showMaskType) {\n          result += '_';\n        } else {\n          return result;\n        }\n        break;\n      case '*':\n        if (/[a-zA-Z0-9]/.test(valueChar)) {\n          result += valueChar;\n          valueIndex++;\n        } else if (showMaskType) {\n          result += '_';\n        } else {\n          return result;\n        }\n        break;\n      default:\n        result += maskChar;\n        if (maskChar === valueChar && valueIndex === maskIndex) {\n          valueIndex++;\n        }\n    }\n  }\n\n  return result;\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { maskTransform } from './mask';\n\n@Pipe({\n  name: 'mask',\n})\nexport class MaskPipe implements PipeTransform {\n  transform(value: string, mask: string): string {\n    return maskTransform(value, mask);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}