@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-incidents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-incidents.mjs","sources":["../../../projects/components/incidents/src/properties.ts","../../../projects/components/incidents/src/incidents/incidents.ts","../../../projects/components/incidents/src/incidents/incidents.html","../../../projects/components/incidents/src/incidents-bar/incidents-bar.ts","../../../projects/components/incidents/src/incidents-bar/incidents-bar.html","../../../projects/components/incidents/src/incidents-list/incidents-list.ts","../../../projects/components/incidents/src/incidents-list/incidents-list.html","../../../projects/components/incidents/src/incidents.store.ts","../../../projects/components/incidents/src/incident/incident.ts","../../../projects/components/incidents/src/incident/incident.html","../../../projects/components/incidents/src/incident-title/incident-title.ts","../../../projects/components/incidents/src/incident-title/incident-title.html","../../../projects/components/incidents/src/incident-details/incident-details.ts","../../../projects/components/incidents/src/incident-details/incident-details.html","../../../projects/components/incidents/src/incident-button.directive.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.html","../../../projects/components/incidents/src/incidents-description/incidents-description.ts","../../../projects/components/incidents/src/incidents-description/incidents-description.html","../../../projects/components/incidents/src/incidents-toggle-icon.directive.ts","../../../projects/components/incidents/src/incident-close.directive.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.html","../../../projects/components/incidents/src/incident-icon.directive.ts","../../../projects/components/incidents/ngstarter-ui-components-incidents.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const INCIDENTS = new InjectionToken('INCIDENTS');\n","import {\n  Component\n} from '@angular/core';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents',\n  exportAs: 'ngsIncidents',\n  templateUrl: './incidents.html',\n  styleUrl: './incidents.scss',\n  providers: [\n    {\n      provide: INCIDENTS,\n      useExisting: Incidents\n    }\n  ],\n  host: {\n    'class': 'ngs-incidents',\n    '[class.is-visible]': 'isVisible',\n  }\n})\nexport class Incidents {\n  isVisible = false;\n\n  toggleVisibility() {\n    this.isVisible = !this.isVisible;\n  }\n}\n","<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n","import { Component, inject } from '@angular/core';\nimport { INCIDENTS } from '../properties';\nimport { Incidents } from '../incidents/incidents';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n  selector: 'ngs-incidents-bar',\n  exportAs: 'ngsIncidentsBar',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incidents-bar.html',\n  styleUrl: './incidents-bar.scss',\n  host: {\n    'class': 'ngs-incidents-bar',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsBar {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  _handleClick(_event?: Event) {\n    this._parent?.toggleVisibility();\n  }\n}\n","<div class=\"flex flex-col gap-0.5\">\n  <ng-content select=\"ngs-incidents-title\"/>\n  <ng-content select=\"ngs-incidents-description\"/>\n</div>\n<button ngsIconButton class=\"ms-auto toggle-icon\">\n  <ng-content select=\"[ngsIncidentsToggleIcon]\"/>\n</button>\n","import { booleanAttribute, Component, inject, input } from '@angular/core';\nimport { Incidents } from '../incidents/incidents';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents-list',\n  exportAs: 'ngs-incidents-list',\n  templateUrl: './incidents-list.html',\n  styleUrl: './incidents-list.scss',\n  host: {\n    'class': 'ngs-incidents-list',\n    '[class.is-fixed]': 'fixed()',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsList {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  fixed = input(false, {\n    transform: booleanAttribute\n  });\n\n  _handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.closest('.ngs-incident') === null) {\n      this._parent?.toggleVisibility();\n    }\n  }\n}\n","<div class=\"container\">\n  <ng-content select=\"ngs-incident\"/>\n</div>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Incident } from './types';\n\nexport interface IncidentsState {\n  incidents: Incident[],\n  title: string;\n  description: string;\n}\n\nconst initialState: IncidentsState = {\n  incidents: [],\n  title: '',\n  description: '',\n};\n\nexport const IncidentsStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withMethods((store) => ({\n    show(state: IncidentsState): void {\n      patchState(store, {\n        ...state\n      });\n    },\n    hide(): void {\n      patchState(store, {\n        incidents: []\n      });\n    }\n  }))\n);\n","import { Component, inject, input } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Button } from '@ngstarter-ui/components/button';\n\nlet incidentId = 0;\n\n@Component({\n  selector: 'ngs-incident,[ngs-incident]',\n  exportAs: 'ngsIncident',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incident.html',\n  styleUrl: './incident.scss',\n  host: {\n    'class': 'ngs-incident'\n  }\n})\nexport class Incident {\n  private _incidentsStore = inject(IncidentsStore);\n\n  incidentId = input(`incident-${incidentId++}`);\n\n  close() {\n    this._incidentsStore.hide();\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[ngsIncidentIcon]\"/>\n</div>\n<div class=\"content\">\n  <div class=\"data\">\n    <ng-content select=\"ngs-incident-title\"/>\n    <ng-content select=\"ngs-incident-details\"/>\n  </div>\n  <ng-content select=\"[ngsIncidentButton]\"/>\n</div>\n<button ngsIconButton class=\"close -ms-2\" (click)=\"close()\">\n  <ng-content select=\"[ngsIncidentClose]\"/>\n</button>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incident-title.html',\n  styleUrl: './incident-title.scss',\n  host: {\n    'class': 'ngs-incident-title',\n  }\n})\nexport class IncidentTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-details',\n  exportAs: 'ngsIncidentDetails',\n  templateUrl: './incident-details.html',\n  styleUrl: './incident-details.scss',\n  host: {\n    'class': 'ngs-incident-details',\n  }\n})\nexport class IncidentDetails {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentButton]',\n  exportAs: 'ngsIncidentButton',\n  host: {\n    'class': 'ngs-incident-button',\n  }\n})\nexport class IncidentButtonDirective {\n\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incidents-title.html',\n  styleUrl: './incidents-title.scss',\n  host: {\n    'class': 'ngs-incidents-title',\n  }\n})\nexport class IncidentsTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-description',\n  exportAs: 'ngsIncidentsDescription',\n  templateUrl: './incidents-description.html',\n  styleUrl: './incidents-description.scss',\n  host: {\n    'class': 'ngs-incidents-description'\n  }\n})\nexport class IncidentsDescription {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentsToggleIcon]',\n  exportAs: 'ngsIncidentsToggleIcon',\n  host: {\n    'class': 'ngs-incidents-toggle-icon',\n  }\n})\nexport class IncidentsToggleIconDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentClose]',\n  exportAs: 'ngsIncidentClose',\n  host: {\n    'class': 'ngs-incident-close'\n  }\n})\nexport class IncidentCloseDirective {\n\n}\n","import { Component, computed, inject } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Incidents } from '../incidents/incidents';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { IncidentsTitle } from '../incidents-title/incidents-title';\nimport { IncidentDetails } from '../incident-details/incident-details';\nimport { IncidentsBar } from '../incidents-bar/incidents-bar';\nimport { IncidentsDescription } from '../incidents-description/incidents-description';\nimport { IncidentsToggleIconDirective } from '../incidents-toggle-icon.directive';\nimport { IncidentTitle } from '../incident-title/incident-title';\nimport { IncidentCloseDirective } from '../incident-close.directive';\nimport { Incident } from '../incident/incident';\nimport { IncidentsList } from '../incidents-list/incidents-list';\n\n@Component({\n  selector: 'ngs-incidents-container,ngs-incidents-global',\n  exportAs: 'ngsIncidentsGlobal',\n  imports: [\n    Incidents,\n    Icon,\n    IncidentsTitle,\n    IncidentDetails,\n    IncidentsBar,\n    IncidentsDescription,\n    IncidentsToggleIconDirective,\n    IncidentTitle,\n    IncidentsList,\n    IncidentCloseDirective,\n    Incident\n  ],\n  templateUrl: './incidents-container.html',\n  styleUrl: './incidents-container.scss',\n  host: {\n    'class': 'ngs-incidents-global',\n    '[class.is-active]': 'hasIncidents()'\n  }\n})\nexport class IncidentsContainer {\n  protected _incidentsStore = inject(IncidentsStore);\n\n  hasIncidents = computed<boolean>(() => {\n    return this._incidentsStore.incidents().length > 0;\n  });\n  title = computed(() => {\n    return this._incidentsStore.title();\n  });\n  description = computed(() => {\n    return this._incidentsStore.description();\n  });\n  incidents = computed(() => {\n    return this._incidentsStore.incidents();\n  });\n}\n","@if (hasIncidents()) {\n  <ngs-incidents>\n    <ngs-incidents-bar>\n      <ngs-incidents-title>{{ title() }}</ngs-incidents-title>\n      @if (description()) {\n        <ngs-incidents-description>{{ description() }}</ngs-incidents-description>\n      }\n      <ngs-icon name=\"fluent:chevron-down-24-regular\" ngsIncidentsToggleIcon/>\n    </ngs-incidents-bar>\n    <ngs-incidents-list fixed>\n      @for (incident of incidents(); track incident) {\n        <ngs-incident>\n          <ngs-icon name=\"fluent:info-24-regular\" ngsIncidentIcon/>\n          <ngs-icon name=\"fluent:dismiss-24-regular\" ngsIncidentClose/>\n          <ngs-incident-title>{{ incident.title }}</ngs-incident-title>\n          @if (incident.details) {\n            <ngs-incident-details>{{ incident.details }}</ngs-incident-details>\n          }\n        </ngs-incident>\n      }\n    </ngs-incidents-list>\n  </ngs-incidents>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentIcon]',\n  exportAs: 'ngsIncidentIcon',\n  host: {\n    'class': 'ngs-incident-icon'\n  }\n})\nexport class IncidentIconDirective {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs

@@ -0,0 +1,179 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DOCUMENT, input, numberAttribute, output, signal, ElementRef, Renderer2, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+
+class InlineTextEdit {
+    platformId = inject(PLATFORM_ID);
+    document = inject(DOCUMENT);
+    enabled = input(true, ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    delay = input(0, { ...(ngDevMode ? { debugName: "delay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    contentChanged = output();
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
+    previousValue = '';
+    minHeightSet = false;
+    elementRef = inject((ElementRef));
+    renderer = inject(Renderer2);
+    emitTimeoutId = null;
+    constructor() {
+        afterNextRender(() => {
+            this.setInitialMinHeight();
+        });
+    }
+    ngAfterViewInit() {
+        this.previousValue = this.elementRef.nativeElement.textContent;
+    }
+    get isContentEditable() {
+        return true;
+    }
+    ngAfterContentChecked() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        this.setInitialMinHeight();
+    }
+    ngOnDestroy() {
+        this.clearPendingEmission();
+    }
+    setInitialMinHeight() {
+        if (this.minHeightSet) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        let height = el.getBoundingClientRect().height;
+        if (!height || height < 1) {
+            const cs = getComputedStyle(el);
+            let lh = parseFloat(cs.lineHeight);
+            if (isNaN(lh) || lh <= 0) {
+                const fs = parseFloat(cs.fontSize) || 16;
+                lh = fs * 1.5;
+            }
+            height = lh;
+        }
+        if (height && height > 0) {
+            this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);
+            this.minHeightSet = true;
+        }
+    }
+    onFocus() {
+        this.isFocused.set(true);
+    }
+    onBlur() {
+        this.isFocused.set(false);
+        this.finishEdit();
+    }
+    onEnter(event) {
+        event.preventDefault();
+        this.finishEdit();
+    }
+    onEscape() {
+        this.cancelEdit();
+    }
+    onPaste(event) {
+        event.preventDefault();
+        const text = event.clipboardData?.getData('text/plain') ?? '';
+        this.document.execCommand('insertText', false, text);
+    }
+    onInput() {
+        this.isEditing.set(true);
+        // Track live changes and normalize empty content.
+        // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.
+        const el = this.elementRef.nativeElement;
+        const html = (el.innerHTML ?? '').trim().toLowerCase();
+        const text = (el.textContent ?? '').trim();
+        const isEffectivelyEmpty = text.length === 0 ||
+            html === '' ||
+            html === '<br>' ||
+            html === '<br/>' ||
+            html === '<div><br></div>';
+        if (isEffectivelyEmpty && el.innerHTML !== '') {
+            // Clear to a truly empty state so placeholders and styling work correctly.
+            el.innerHTML = '';
+        }
+    }
+    finishEdit() {
+        if (!this.isEditing()) {
+            return;
+        }
+        const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';
+        if (newValue !== this.previousValue) {
+            this.previousValue = newValue;
+            this.emitWithDelay(newValue);
+        }
+        this.isEditing.set(false);
+    }
+    cancelEdit() {
+        if (!this.isEditing()) {
+            return;
+        }
+        this.elementRef.nativeElement.textContent = this.previousValue;
+        // Keep focus and move caret to the end of the restored content for better UX.
+        this.placeCaretAtEnd();
+        this.isEditing.set(false);
+        // Cancel any pending emission since the edit was canceled.
+        this.clearPendingEmission();
+    }
+    placeCaretAtEnd() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        // Ensure the host is focused so caret positioning is visible.
+        el.focus();
+        const selection = this.document.getSelection?.();
+        if (!selection) {
+            return;
+        }
+        const range = this.document.createRange();
+        range.selectNodeContents(el);
+        range.collapse(false); // collapse to end
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    emitWithDelay(value) {
+        const d = this.delay();
+        // Always clear a previous scheduled emission to ensure only the latest value is emitted
+        this.clearPendingEmission();
+        if (d > 0) {
+            this.emitTimeoutId = setTimeout(() => {
+                this.emitTimeoutId = null;
+                this.contentChanged.emit(value);
+            }, d);
+        }
+        else {
+            this.contentChanged.emit(value);
+        }
+    }
+    clearPendingEmission() {
+        if (this.emitTimeoutId) {
+            clearTimeout(this.emitTimeoutId);
+            this.emitTimeoutId = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InlineTextEdit, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: InlineTextEdit, isStandalone: true, selector: "ngs-inline-text-edit,[ngs-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: "ngs-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(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--input-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--color-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/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InlineTextEdit, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-inline-text-edit,[ngs-inline-text-edit]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-inline-text-edit',
+                        '[attr.contenteditable]': 'isContentEditable',
+                        '[attr.data-placeholder]': 'placeholder()',
+                        '[class.editing]': 'isEditing()',
+                        '[class.focused]': 'isFocused()',
+                        '(focus)': 'onFocus()',
+                        '(blur)': 'onBlur()',
+                        '(keydown.enter)': 'onEnter($event)',
+                        '(keydown.escape)': 'onEscape()',
+                        '(paste)': 'onPaste($event)',
+                        '(input)': 'onInput()',
+                    }, 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(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--input-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--color-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/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\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"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InlineTextEdit };
+//# sourceMappingURL=ngstarter-ui-components-inline-text-edit.mjs.map

package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.html","../../../projects/components/inline-text-edit/ngstarter-ui-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: 'ngs-inline-text-edit,[ngs-inline-text-edit]',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './inline-text-edit.html',\n  styleUrl: './inline-text-edit.scss',\n  host: {\n    'class': 'ngs-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 InlineTextEdit 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/ngstarter-ui-components-input-mask.mjs

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

package/fesm2022/ngstarter-ui-components-input-mask.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-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/ngstarter-ui-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: '[ngsCreditCardNumberMask]',\n  exportAs: 'ngsCreditCardNumberMask',\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: '[ngsCreditCardExpiryDateMask]',\n  exportAs: 'ngsCreditCardExpiryDateMask',\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: '[ngsCreditCardCvvMask]',\n  exportAs: 'ngsCreditCardCvvMask',\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/ngstarter-ui-components-input-validator.mjs

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

package/fesm2022/ngstarter-ui-components-input-validator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-input-validator.mjs","sources":["../../../projects/components/input-validator/src/expiry-date-validator.ts","../../../projects/components/input-validator/ngstarter-ui-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;;;;"}