@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-components-paginator.mjs

@@ -0,0 +1,139 @@
+import * as i0 from '@angular/core';
+import { input, signal, output, computed, effect, ViewChild, Component } from '@angular/core';
+import { FuiButtonDirective } from '@raintonic/formaui/components/button';
+import { FuiIconComponent } from '@raintonic/formaui/components/icon';
+
+/**
+ * # Paginator Component
+ *
+ * A pagination component that handles navigation through pages with:
+ * - Previous/Next navigation buttons (disabled at boundaries)
+ * - Page number buttons (at least 4 visible)
+ * - Ellipsis (...) for remaining pages when there are more than 4 pages
+ * - Emits page selection via output signal
+ * - Keyboard support for accessibility
+ */
+class FuiPaginatorComponent {
+    // Input properties
+    numberOfItems = input.required(...(ngDevMode ? [{ debugName: "numberOfItems" }] : /* istanbul ignore next */ []));
+    pageSize = input.required(...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    currentPage = input(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    // Internal state
+    _currentPage = signal(1, ...(ngDevMode ? [{ debugName: "_currentPage" }] : /* istanbul ignore next */ []));
+    // Output events
+    pageSelected = output();
+    _pageAnnouncer;
+    // Computed properties
+    totalPages = computed(() => {
+        const total = this.numberOfItems();
+        const size = this.pageSize();
+        return Math.ceil(total / size);
+    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+    isFirstPage = computed(() => this._currentPage() === 1, ...(ngDevMode ? [{ debugName: "isFirstPage" }] : /* istanbul ignore next */ []));
+    isLastPage = computed(() => this._currentPage() === this.totalPages(), ...(ngDevMode ? [{ debugName: "isLastPage" }] : /* istanbul ignore next */ []));
+    pageNumbers = computed(() => {
+        const currentPage = this._currentPage();
+        const total = this.totalPages();
+        if (total <= 4) {
+            // Show all pages if 4 or fewer
+            return Array.from({ length: total }, (_, i) => i + 1);
+        }
+        // Show at least 4 buttons with ellipsis for remaining pages
+        const pages = [];
+        // Always include first page
+        pages.push(1);
+        // Determine the range around current page
+        let start = Math.max(2, currentPage - 1);
+        let end = Math.min(total - 1, currentPage + 1);
+        // Ensure we show at least 4 page buttons (including first and last)
+        if (end - start < 2) {
+            if (start === 2) {
+                end = Math.min(total - 1, start + 2);
+            }
+            else {
+                start = Math.max(2, end - 2);
+            }
+        }
+        // Add ellipsis and pages
+        if (start > 2) {
+            pages.push('...');
+        }
+        for (let i = start; i <= end; i++) {
+            pages.push(i);
+        }
+        if (end < total - 1) {
+            pages.push('...');
+        }
+        // Always include last page
+        pages.push(total);
+        return pages;
+    }, ...(ngDevMode ? [{ debugName: "pageNumbers" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Sync currentPage input to internal state
+        effect(() => {
+            const page = this.currentPage();
+            this._currentPage.set(page);
+        });
+        // Reset to first page when numberOfItems or pageSize change
+        effect(() => {
+            this.numberOfItems();
+            this.pageSize();
+            this._currentPage.set(1);
+        });
+    }
+    onPageClick(page) {
+        if (typeof page === 'number') {
+            this._currentPage.set(page);
+            this.pageSelected.emit(page);
+            this._announce(`Page ${page} of ${this.totalPages()}`);
+        }
+    }
+    onPreviousClick() {
+        if (!this.isFirstPage()) {
+            const newPage = this._currentPage() - 1;
+            this._currentPage.set(newPage);
+            this.pageSelected.emit(newPage);
+            this._announce(`Page ${newPage} of ${this.totalPages()}`);
+        }
+    }
+    onNextClick() {
+        if (!this.isLastPage()) {
+            const newPage = this._currentPage() + 1;
+            this._currentPage.set(newPage);
+            this.pageSelected.emit(newPage);
+            this._announce(`Page ${newPage} of ${this.totalPages()}`);
+        }
+    }
+    _announce(message) {
+        if (this._pageAnnouncer?.nativeElement) {
+            this._pageAnnouncer.nativeElement.textContent = message;
+        }
+    }
+    getCurrentPage() {
+        return this._currentPage();
+    }
+    isPageActive(page) {
+        return typeof page === 'number' && page === this._currentPage();
+    }
+    isPageClickable(page) {
+        return typeof page === 'number';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPaginatorComponent, isStandalone: true, selector: "fui-paginator", inputs: { numberOfItems: { classPropertyName: "numberOfItems", publicName: "numberOfItems", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: true, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageSelected: "pageSelected" }, host: { classAttribute: "fui-paginator" }, viewQueries: [{ propertyName: "_pageAnnouncer", first: true, predicate: ["pageAnnouncer"], descendants: true }], ngImport: i0, template: "<nav role=\"navigation\" aria-label=\"Pagination\" class=\"fui-paginator__container\">\n  <!-- Live region for page change announcements -->\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\n\n  <!-- Previous Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isFirstPage()\"\n    [attr.aria-disabled]=\"isFirstPage()\"\n    (click)=\"onPreviousClick()\"\n    aria-label=\"Go to previous page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\n  </button>\n\n  <!-- Page Numbers -->\n  <div class=\"fui-paginator__page-buttons\">\n    @for (page of pageNumbers(); track page) {\n      @if (typeof page === 'string') {\n        <!-- Ellipsis -->\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\n          {{ page }}\n        </span>\n      } @else {\n        <!-- Page Number Button -->\n        <button\n          fuiButton\n          [variant]=\"isPageActive(page) ? 'primary' : 'ghost'\"\n          size=\"md\"\n          [disabled]=\"false\"\n          (click)=\"onPageClick(page)\"\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\n          [attr.aria-label]=\"'Page ' + page + ' of ' + totalPages()\"\n          class=\"fui-paginator__page-button\"\n        >\n          {{ page }}\n        </button>\n      }\n    }\n  </div>\n\n  <!-- Next Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isLastPage()\"\n    [attr.aria-disabled]=\"isLastPage()\"\n    (click)=\"onNextClick()\"\n    aria-label=\"Go to next page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\n  </button>\n</nav>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: FuiButtonDirective, selector: "button[fuiButton], a[fuiButton]", inputs: ["variant", "size", "disabled", "fullWidth", "loading", "iconOnly", "aria-label", "type"] }, { kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-paginator', standalone: true, imports: [FuiButtonDirective, FuiIconComponent], host: {
+                        class: 'fui-paginator',
+                    }, template: "<nav role=\"navigation\" aria-label=\"Pagination\" class=\"fui-paginator__container\">\n  <!-- Live region for page change announcements -->\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\n\n  <!-- Previous Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isFirstPage()\"\n    [attr.aria-disabled]=\"isFirstPage()\"\n    (click)=\"onPreviousClick()\"\n    aria-label=\"Go to previous page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\n  </button>\n\n  <!-- Page Numbers -->\n  <div class=\"fui-paginator__page-buttons\">\n    @for (page of pageNumbers(); track page) {\n      @if (typeof page === 'string') {\n        <!-- Ellipsis -->\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\n          {{ page }}\n        </span>\n      } @else {\n        <!-- Page Number Button -->\n        <button\n          fuiButton\n          [variant]=\"isPageActive(page) ? 'primary' : 'ghost'\"\n          size=\"md\"\n          [disabled]=\"false\"\n          (click)=\"onPageClick(page)\"\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\n          [attr.aria-label]=\"'Page ' + page + ' of ' + totalPages()\"\n          class=\"fui-paginator__page-button\"\n        >\n          {{ page }}\n        </button>\n      }\n    }\n  </div>\n\n  <!-- Next Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isLastPage()\"\n    [attr.aria-disabled]=\"isLastPage()\"\n    (click)=\"onNextClick()\"\n    aria-label=\"Go to next page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\n  </button>\n</nav>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { numberOfItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberOfItems", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: true }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }], pageSelected: [{ type: i0.Output, args: ["pageSelected"] }], _pageAnnouncer: [{
+                type: ViewChild,
+                args: ['pageAnnouncer']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiPaginatorComponent };
+//# sourceMappingURL=raintonic-formaui-components-paginator.mjs.map

package/fesm2022/raintonic-formaui-components-paginator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-paginator.mjs","sources":["../../../lib/components/paginator/paginator.component.ts","../../../lib/components/paginator/paginator.component.html","../../../lib/components/paginator/raintonic-formaui-components-paginator.ts"],"sourcesContent":["import { Component, computed, ElementRef, input, output, signal, effect, ViewChild } from '@angular/core';\n\nimport { FuiButtonDirective } from '@raintonic/formaui/components/button';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\n\n/**\n * # Paginator Component\n *\n * A pagination component that handles navigation through pages with:\n * - Previous/Next navigation buttons (disabled at boundaries)\n * - Page number buttons (at least 4 visible)\n * - Ellipsis (...) for remaining pages when there are more than 4 pages\n * - Emits page selection via output signal\n * - Keyboard support for accessibility\n */\n@Component({\n  selector: 'fui-paginator',\n  standalone: true,\n  imports: [FuiButtonDirective, FuiIconComponent],\n  templateUrl: './paginator.component.html',\n  styleUrl: './paginator.component.scss',\n  host: {\n    class: 'fui-paginator',\n  },\n})\nexport class FuiPaginatorComponent {\n  // Input properties\n  readonly numberOfItems = input.required<number>();\n  readonly pageSize = input.required<number>();\n  readonly currentPage = input(1);\n\n  // Internal state\n  private readonly _currentPage = signal(1);\n\n  // Output events\n  readonly pageSelected = output<number>();\n\n  @ViewChild('pageAnnouncer') private _pageAnnouncer?: ElementRef<HTMLElement>;\n\n  // Computed properties\n  readonly totalPages = computed(() => {\n    const total = this.numberOfItems();\n    const size = this.pageSize();\n\n    return Math.ceil(total / size);\n  });\n\n  readonly isFirstPage = computed(() => this._currentPage() === 1);\n  readonly isLastPage = computed(() => this._currentPage() === this.totalPages());\n\n  readonly pageNumbers = computed(() => {\n    const currentPage = this._currentPage();\n    const total = this.totalPages();\n\n    if (total <= 4) {\n      // Show all pages if 4 or fewer\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    // Show at least 4 buttons with ellipsis for remaining pages\n    const pages: (number | string)[] = [];\n\n    // Always include first page\n    pages.push(1);\n\n    // Determine the range around current page\n    let start = Math.max(2, currentPage - 1);\n    let end = Math.min(total - 1, currentPage + 1);\n\n    // Ensure we show at least 4 page buttons (including first and last)\n    if (end - start < 2) {\n      if (start === 2) {\n        end = Math.min(total - 1, start + 2);\n      } else {\n        start = Math.max(2, end - 2);\n      }\n    }\n\n    // Add ellipsis and pages\n    if (start > 2) {\n      pages.push('...');\n    }\n\n    for (let i = start; i <= end; i++) {\n      pages.push(i);\n    }\n\n    if (end < total - 1) {\n      pages.push('...');\n    }\n\n    // Always include last page\n    pages.push(total);\n\n    return pages;\n  });\n\n  constructor() {\n    // Sync currentPage input to internal state\n    effect(() => {\n      const page = this.currentPage();\n      this._currentPage.set(page);\n    });\n\n    // Reset to first page when numberOfItems or pageSize change\n    effect(() => {\n      this.numberOfItems();\n      this.pageSize();\n      this._currentPage.set(1);\n    });\n  }\n\n  onPageClick(page: number | string): void {\n    if (typeof page === 'number') {\n      this._currentPage.set(page);\n      this.pageSelected.emit(page);\n      this._announce(`Page ${page} of ${this.totalPages()}`);\n    }\n  }\n\n  onPreviousClick(): void {\n    if (!this.isFirstPage()) {\n      const newPage = this._currentPage() - 1;\n      this._currentPage.set(newPage);\n      this.pageSelected.emit(newPage);\n      this._announce(`Page ${newPage} of ${this.totalPages()}`);\n    }\n  }\n\n  onNextClick(): void {\n    if (!this.isLastPage()) {\n      const newPage = this._currentPage() + 1;\n      this._currentPage.set(newPage);\n      this.pageSelected.emit(newPage);\n      this._announce(`Page ${newPage} of ${this.totalPages()}`);\n    }\n  }\n\n  private _announce(message: string): void {\n    if (this._pageAnnouncer?.nativeElement) {\n      this._pageAnnouncer.nativeElement.textContent = message;\n    }\n  }\n\n  getCurrentPage(): number {\n    return this._currentPage();\n  }\n\n  isPageActive(page: number | string): boolean {\n    return typeof page === 'number' && page === this._currentPage();\n  }\n\n  isPageClickable(page: number | string): boolean {\n    return typeof page === 'number';\n  }\n}\n","<nav role=\"navigation\" aria-label=\"Pagination\" class=\"fui-paginator__container\">\n  <!-- Live region for page change announcements -->\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\n\n  <!-- Previous Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isFirstPage()\"\n    [attr.aria-disabled]=\"isFirstPage()\"\n    (click)=\"onPreviousClick()\"\n    aria-label=\"Go to previous page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\n  </button>\n\n  <!-- Page Numbers -->\n  <div class=\"fui-paginator__page-buttons\">\n    @for (page of pageNumbers(); track page) {\n      @if (typeof page === 'string') {\n        <!-- Ellipsis -->\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\n          {{ page }}\n        </span>\n      } @else {\n        <!-- Page Number Button -->\n        <button\n          fuiButton\n          [variant]=\"isPageActive(page) ? 'primary' : 'ghost'\"\n          size=\"md\"\n          [disabled]=\"false\"\n          (click)=\"onPageClick(page)\"\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\n          [attr.aria-label]=\"'Page ' + page + ' of ' + totalPages()\"\n          class=\"fui-paginator__page-button\"\n        >\n          {{ page }}\n        </button>\n      }\n    }\n  </div>\n\n  <!-- Next Button -->\n  <button\n    fuiButton\n    variant=\"outline\"\n    size=\"md\"\n    iconOnly\n    [disabled]=\"isLastPage()\"\n    [attr.aria-disabled]=\"isLastPage()\"\n    (click)=\"onNextClick()\"\n    aria-label=\"Go to next page\"\n    class=\"fui-paginator__nav-button\"\n  >\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\n  </button>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;;AASG;MAWU,qBAAqB,CAAA;;AAEvB,IAAA,aAAa,GAAG,KAAK,CAAC,QAAQ,mFAAU;AACxC,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,8EAAU;AACnC,IAAA,WAAW,GAAG,KAAK,CAAC,CAAC,kFAAC;;AAGd,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,mFAAC;;IAGhC,YAAY,GAAG,MAAM,EAAU;AAEJ,IAAA,cAAc;;AAGzC,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;QAE5B,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAChC,IAAA,CAAC,iFAAC;AAEO,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,kFAAC;AACvD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,UAAU,EAAE,iFAAC;AAEtE,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACvC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAE/B,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;;YAEd,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvD;;QAGA,MAAM,KAAK,GAAwB,EAAE;;AAGrC,QAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;;AAGb,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC;AACxC,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC;;AAG9C,QAAA,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE;AACnB,YAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,gBAAA,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC;YACtC;iBAAO;gBACL,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;YAC9B;QACF;;AAGA,QAAA,IAAI,KAAK,GAAG,CAAC,EAAE;AACb,YAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QACnB;AAEA,QAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AACjC,YAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACf;AAEA,QAAA,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE;AACnB,YAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QACnB;;AAGA,QAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAEjB,QAAA,OAAO,KAAK;AACd,IAAA,CAAC,kFAAC;AAEF,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1B,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,WAAW,CAAC,IAAqB,EAAA;AAC/B,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC5B,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,YAAA,IAAI,CAAC,SAAS,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAA,IAAA,EAAO,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE,CAAC;QACxD;IACF;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,CAAA,KAAA,EAAQ,OAAO,CAAA,IAAA,EAAO,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE,CAAC;QAC3D;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,CAAA,KAAA,EAAQ,OAAO,CAAA,IAAA,EAAO,IAAI,CAAC,UAAU,EAAE,CAAA,CAAE,CAAC;QAC3D;IACF;AAEQ,IAAA,SAAS,CAAC,OAAe,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,aAAa,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,GAAG,OAAO;QACzD;IACF;IAEA,cAAc,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;IAC5B;AAEA,IAAA,YAAY,CAAC,IAAqB,EAAA;QAChC,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,YAAY,EAAE;IACjE;AAEA,IAAA,eAAe,CAAC,IAAqB,EAAA;AACnC,QAAA,OAAO,OAAO,IAAI,KAAK,QAAQ;IACjC;uGAjIW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,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,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBlC,4xDA4DA,EAAA,MAAA,EAAA,CAAA,0mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1CY,kBAAkB,+KAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOnC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,EAAA,IAAA,EAGzC;AACJ,wBAAA,KAAK,EAAE,eAAe;AACvB,qBAAA,EAAA,QAAA,EAAA,4xDAAA,EAAA,MAAA,EAAA,CAAA,0mHAAA,CAAA,EAAA;;sBAcA,SAAS;uBAAC,eAAe;;;AErC5B;;AAEG;;;;"}

package/fesm2022/raintonic-formaui-components-password-input.mjs

@@ -0,0 +1,306 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, signal, computed, inject, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgForm, FormGroupDirective, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { DefaultErrorStateMatcher, FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';
+import { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';
+import { FuiIconComponent } from '@raintonic/formaui/components/icon';
+
+const DEFAULT_STRENGTH_CONFIG = {
+    minLength: 8,
+    requireUppercase: true,
+    requireLowercase: true,
+    requireNumbers: true,
+    requireSpecial: false,
+};
+
+/**
+ * # FuiPasswordInputComponent
+ *
+ * A password input component with visibility toggle and optional strength meter.
+ * Integrates with fui-form-field and Angular Forms.
+ *
+ * ## Features
+ * - Password visibility toggle
+ * - Optional password strength meter
+ * - Full Reactive Forms integration (ControlValueAccessor)
+ * - FuiFormFieldControl integration for fui-form-field
+ * - Error state handling
+ * - Accessibility (ARIA)
+ *
+ * ## Usage
+ *
+ * ### Basic Password Input
+ * ```html
+ * <fui-form-field>
+ *   <fui-label>Password</fui-label>
+ *   <fui-password-input formControlName="password"></fui-password-input>
+ * </fui-form-field>
+ * ```
+ *
+ * ### With Strength Meter
+ * ```html
+ * <fui-form-field>
+ *   <fui-label>Password</fui-label>
+ *   <fui-password-input
+ *     formControlName="password"
+ *     [showStrengthMeter]="true"
+ *   ></fui-password-input>
+ * </fui-form-field>
+ * ```
+ */
+class FuiPasswordInputComponent {
+    // Static properties
+    static nextId = 0;
+    controlType = 'fui-password-input';
+    // Inputs
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showStrengthMeter = input(false, { ...(ngDevMode ? { debugName: "showStrengthMeter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    strengthConfig = input(DEFAULT_STRENGTH_CONFIG, ...(ngDevMode ? [{ debugName: "strengthConfig" }] : /* istanbul ignore next */ []));
+    errorStateMatcher = input(null, ...(ngDevMode ? [{ debugName: "errorStateMatcher" }] : /* istanbul ignore next */ []));
+    // Internal state
+    _passwordVisible = signal(false, ...(ngDevMode ? [{ debugName: "_passwordVisible" }] : /* istanbul ignore next */ []));
+    _value = signal('', ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    focused = this._focused.asReadonly();
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    _ngControlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_ngControlDisabled" }] : /* istanbul ignore next */ []));
+    _errorState = signal(false, ...(ngDevMode ? [{ debugName: "_errorState" }] : /* istanbul ignore next */ []));
+    errorState = this._errorState.asReadonly();
+    _required = signal(false, ...(ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []));
+    required = this._required.asReadonly();
+    // Computed
+    disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    _inputType = computed(() => (this._passwordVisible() ? 'text' : 'password'), ...(ngDevMode ? [{ debugName: "_inputType" }] : /* istanbul ignore next */ []));
+    value = this._value.asReadonly();
+    empty = computed(() => {
+        const v = this._value();
+        return !v || v.length === 0;
+    }, ...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
+    _strength = computed(() => {
+        return this._calculateStrength(this._value());
+    }, ...(ngDevMode ? [{ debugName: "_strength" }] : /* istanbul ignore next */ []));
+    _strengthPercent = computed(() => {
+        switch (this._strength()) {
+            case 'weak':
+                return 25;
+            case 'fair':
+                return 50;
+            case 'good':
+                return 75;
+            case 'strong':
+                return 100;
+            default:
+                return 0;
+        }
+    }, ...(ngDevMode ? [{ debugName: "_strengthPercent" }] : /* istanbul ignore next */ []));
+    // State changes subject for form field compatibility
+    stateChanges = new Subject();
+    _uid = `fui-password-input-${FuiPasswordInputComponent.nextId++}`;
+    id = this._uid;
+    _ariaDescribedby = null;
+    // Form control references
+    _parentForm = inject(NgForm, { optional: true });
+    _parentFormGroup = inject(FormGroupDirective, { optional: true });
+    _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);
+    _ngControlRef = injectNgControl();
+    get ngControl() {
+        return this._ngControlRef.ngControl;
+    }
+    // ViewChild for input element
+    inputElement = viewChild('inputElement', ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
+    // ControlValueAccessor callbacks
+    _onChange = () => {
+        /* noop */
+    };
+    _onTouched = () => {
+        /* noop */
+    };
+    constructor() {
+        void Promise.resolve().then(() => {
+            if (this._ngControlRef.ngControl) {
+                this._ngControlRef.ngControl.valueAccessor = this;
+            }
+        });
+        // Effect to emit state changes
+        effect(() => {
+            // Track all reactive inputs and internal signals
+            this.placeholder();
+            this.disabledInput();
+            this.readonly();
+            this.showStrengthMeter();
+            this.strengthConfig();
+            this.errorStateMatcher();
+            this._passwordVisible();
+            this._value();
+            this._focused();
+            this._disabled();
+            this._ngControlDisabled();
+            this._required();
+            this._errorState();
+            // Emit state change
+            this.stateChanges.next();
+        });
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            updateErrorState(this.ngControl, this._errorState, this.errorStateMatcher(), this._defaultErrorStateMatcher, this._parentForm, this._parentFormGroup, this.stateChanges);
+            syncRequiredState(this.ngControl, this._required, this.stateChanges);
+            syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        const v = value ?? '';
+        this._value.set(v);
+        // Sync the DOM element value if available
+        const el = this.inputElement();
+        if (el) {
+            el.nativeElement.value = v;
+        }
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+        this.stateChanges.next();
+    }
+    onContainerClick(_event) {
+        if (!this._focused()) {
+            this.inputElement()?.nativeElement.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        this._ariaDescribedby = ids.length ? ids.join(' ') : null;
+    }
+    // Event handlers
+    _onInput(event) {
+        const target = event.target;
+        const newValue = target.value;
+        if (newValue !== this._value()) {
+            this._value.set(newValue);
+            this._onChange(newValue);
+            this.stateChanges.next();
+        }
+    }
+    _onFocus() {
+        if (!this._focused()) {
+            this._focused.set(true);
+            this.stateChanges.next();
+        }
+    }
+    _onBlur() {
+        if (this._focused()) {
+            this._focused.set(false);
+            this._onTouched();
+            this.stateChanges.next();
+        }
+    }
+    toggleVisibility() {
+        this._passwordVisible.update((v) => !v);
+    }
+    // Public API
+    focus() {
+        this.inputElement()?.nativeElement.focus();
+    }
+    blur() {
+        this.inputElement()?.nativeElement.blur();
+    }
+    // Strength calculation
+    _calculateStrength(password) {
+        if (!password || password.length === 0) {
+            return 'weak';
+        }
+        const config = this.strengthConfig();
+        let score = 0;
+        const maxScore = 5;
+        // Length check
+        const minLen = config.minLength ?? 8;
+        if (password.length >= minLen) {
+            score++;
+        }
+        // Bonus for longer passwords
+        if (password.length >= minLen + 4) {
+            score++;
+        }
+        // Uppercase check
+        if (/[A-Z]/.test(password)) {
+            score++;
+        }
+        // Lowercase check
+        if (/[a-z]/.test(password)) {
+            score++;
+        }
+        // Numbers check
+        if (/[0-9]/.test(password)) {
+            score++;
+        }
+        // Special characters check
+        if (/[^A-Za-z0-9]/.test(password)) {
+            score++;
+        }
+        // Normalize to strength levels
+        const ratio = score / maxScore;
+        if (ratio <= 0.3) {
+            return 'weak';
+        }
+        if (ratio <= 0.5) {
+            return 'fair';
+        }
+        if (ratio <= 0.8) {
+            return 'good';
+        }
+        return 'strong';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPasswordInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPasswordInputComponent, isStandalone: true, selector: "fui-password-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showStrengthMeter: { classPropertyName: "showStrengthMeter", publicName: "showStrengthMeter", isSignal: true, isRequired: false, transformFunction: null }, strengthConfig: { classPropertyName: "strengthConfig", publicName: "strengthConfig", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-password-input--focused": "focused()", "class.fui-password-input--disabled": "disabled()", "class.fui-password-input--readonly": "readonly()", "class.fui-password-input--error": "errorState()", "attr.id": "id" }, classAttribute: "fui-password-input" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: FuiPasswordInputComponent,
+                multi: true,
+            },
+            {
+                provide: FUI_FORM_FIELD_CONTROL,
+                useExisting: FuiPasswordInputComponent,
+            },
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fui-password-input__wrapper\">\n  <input\n    #inputElement\n    class=\"fui-password-input__input\"\n    [attr.type]=\"_inputType()\"\n    [attr.placeholder]=\"placeholder()\"\n    [attr.disabled]=\"disabled() ? '' : null\"\n    [attr.readonly]=\"readonly() ? '' : null\"\n    [attr.aria-invalid]=\"errorState()\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-describedby]=\"_ariaDescribedby\"\n    autocomplete=\"current-password\"\n    (input)=\"_onInput($event)\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n  />\n  <button\n    type=\"button\"\n    class=\"fui-password-input__toggle\"\n    (click)=\"toggleVisibility()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"_passwordVisible() ? 'Hide password' : 'Show password'\"\n    tabindex=\"-1\"\n  >\n    <fui-icon [name]=\"_passwordVisible() ? 'eye-slash' : 'eye'\" size=\"sm\"></fui-icon>\n  </button>\n</div>\n\n@if (showStrengthMeter() && _value()) {\n  <div class=\"fui-password-input__strength-meter\" aria-live=\"polite\">\n    <div\n      class=\"fui-password-input__strength-bar\"\n      role=\"progressbar\"\n      [attr.aria-valuenow]=\"_strengthPercent()\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      [attr.aria-label]=\"'Password strength: ' + _strength()\"\n    >\n      <div\n        class=\"fui-password-input__strength-fill\"\n        [style.width.%]=\"_strengthPercent()\"\n        [class.fui-password-input__strength-fill--weak]=\"_strength() === 'weak'\"\n        [class.fui-password-input__strength-fill--fair]=\"_strength() === 'fair'\"\n        [class.fui-password-input__strength-fill--good]=\"_strength() === 'good'\"\n        [class.fui-password-input__strength-fill--strong]=\"_strength() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"fui-password-input__strength-label\" aria-hidden=\"true\">{{ _strength() }}</span>\n  </div>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-password-input{display:block;width:100%}.fui-password-input__wrapper{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--fui-gap-4)}.fui-password-input__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);line-height:1.5;color:var(--fui-text-primary);padding:0}.fui-password-input__input::placeholder{color:var(--fui-text-placeholder, var(--fui-text-disabled))}.fui-password-input__input:disabled{color:var(--fui-text-disabled);cursor:not-allowed}.fui-password-input__toggle{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-password-input__toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);cursor:pointer;opacity:.7;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-password-input__toggle:hover:not(:disabled){opacity:1;color:var(--fui-text-primary)}.fui-password-input__toggle:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-password-input__toggle:disabled{opacity:.4;cursor:not-allowed}.fui-password-input__strength-meter{display:flex;flex-direction:column;gap:var(--fui-gap-4);padding-top:var(--fui-gap-8)}.fui-password-input__strength-bar{width:100%;height:4px;background-color:var(--fui-surface-05, var(--fui-secondary-20));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-password-input__strength-fill{height:100%;border-radius:var(--fui-border-radius-pill);transition:width,background-color var(--fui-duration-moderate-01) var(--fui-ease-standard) 0ms}.fui-password-input__strength-fill--weak{background-color:var(--fui-state-error)}.fui-password-input__strength-fill--fair{background-color:var(--fui-state-warning)}.fui-password-input__strength-fill--good{background-color:var(--fui-state-info)}.fui-password-input__strength-fill--strong{background-color:var(--fui-state-success)}.fui-password-input__strength-label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01);font-weight:var(--fui-font-weight-regular);color:var(--fui-text-secondary);text-transform:capitalize}.fui-password-input--disabled{opacity:var(--fui-opacity-disabled);cursor:not-allowed}.fui-password-input--disabled .fui-password-input__input{cursor:not-allowed}.fui-password-input--readonly .fui-password-input__input{cursor:default}.fui-password-input--readonly .fui-password-input__toggle{display:none}.fui-password-input--error .fui-password-input__input{color:var(--fui-state-error)}@media(prefers-reduced-motion:reduce){.fui-password-input__strength-fill,.fui-password-input__toggle{transition:none}}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPasswordInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-password-input', standalone: true, imports: [FuiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-password-input',
+                        '[class.fui-password-input--focused]': 'focused()',
+                        '[class.fui-password-input--disabled]': 'disabled()',
+                        '[class.fui-password-input--readonly]': 'readonly()',
+                        '[class.fui-password-input--error]': 'errorState()',
+                        '[attr.id]': 'id',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FuiPasswordInputComponent,
+                            multi: true,
+                        },
+                        {
+                            provide: FUI_FORM_FIELD_CONTROL,
+                            useExisting: FuiPasswordInputComponent,
+                        },
+                    ], template: "<div class=\"fui-password-input__wrapper\">\n  <input\n    #inputElement\n    class=\"fui-password-input__input\"\n    [attr.type]=\"_inputType()\"\n    [attr.placeholder]=\"placeholder()\"\n    [attr.disabled]=\"disabled() ? '' : null\"\n    [attr.readonly]=\"readonly() ? '' : null\"\n    [attr.aria-invalid]=\"errorState()\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-describedby]=\"_ariaDescribedby\"\n    autocomplete=\"current-password\"\n    (input)=\"_onInput($event)\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n  />\n  <button\n    type=\"button\"\n    class=\"fui-password-input__toggle\"\n    (click)=\"toggleVisibility()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"_passwordVisible() ? 'Hide password' : 'Show password'\"\n    tabindex=\"-1\"\n  >\n    <fui-icon [name]=\"_passwordVisible() ? 'eye-slash' : 'eye'\" size=\"sm\"></fui-icon>\n  </button>\n</div>\n\n@if (showStrengthMeter() && _value()) {\n  <div class=\"fui-password-input__strength-meter\" aria-live=\"polite\">\n    <div\n      class=\"fui-password-input__strength-bar\"\n      role=\"progressbar\"\n      [attr.aria-valuenow]=\"_strengthPercent()\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      [attr.aria-label]=\"'Password strength: ' + _strength()\"\n    >\n      <div\n        class=\"fui-password-input__strength-fill\"\n        [style.width.%]=\"_strengthPercent()\"\n        [class.fui-password-input__strength-fill--weak]=\"_strength() === 'weak'\"\n        [class.fui-password-input__strength-fill--fair]=\"_strength() === 'fair'\"\n        [class.fui-password-input__strength-fill--good]=\"_strength() === 'good'\"\n        [class.fui-password-input__strength-fill--strong]=\"_strength() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"fui-password-input__strength-label\" aria-hidden=\"true\">{{ _strength() }}</span>\n  </div>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-password-input{display:block;width:100%}.fui-password-input__wrapper{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--fui-gap-4)}.fui-password-input__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);line-height:1.5;color:var(--fui-text-primary);padding:0}.fui-password-input__input::placeholder{color:var(--fui-text-placeholder, var(--fui-text-disabled))}.fui-password-input__input:disabled{color:var(--fui-text-disabled);cursor:not-allowed}.fui-password-input__toggle{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-password-input__toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);cursor:pointer;opacity:.7;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-password-input__toggle:hover:not(:disabled){opacity:1;color:var(--fui-text-primary)}.fui-password-input__toggle:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-password-input__toggle:disabled{opacity:.4;cursor:not-allowed}.fui-password-input__strength-meter{display:flex;flex-direction:column;gap:var(--fui-gap-4);padding-top:var(--fui-gap-8)}.fui-password-input__strength-bar{width:100%;height:4px;background-color:var(--fui-surface-05, var(--fui-secondary-20));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-password-input__strength-fill{height:100%;border-radius:var(--fui-border-radius-pill);transition:width,background-color var(--fui-duration-moderate-01) var(--fui-ease-standard) 0ms}.fui-password-input__strength-fill--weak{background-color:var(--fui-state-error)}.fui-password-input__strength-fill--fair{background-color:var(--fui-state-warning)}.fui-password-input__strength-fill--good{background-color:var(--fui-state-info)}.fui-password-input__strength-fill--strong{background-color:var(--fui-state-success)}.fui-password-input__strength-label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01);font-weight:var(--fui-font-weight-regular);color:var(--fui-text-secondary);text-transform:capitalize}.fui-password-input--disabled{opacity:var(--fui-opacity-disabled);cursor:not-allowed}.fui-password-input--disabled .fui-password-input__input{cursor:not-allowed}.fui-password-input--readonly .fui-password-input__input{cursor:default}.fui-password-input--readonly .fui-password-input__toggle{display:none}.fui-password-input--error .fui-password-input__input{color:var(--fui-state-error)}@media(prefers-reduced-motion:reduce){.fui-password-input__strength-fill,.fui-password-input__toggle{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showStrengthMeter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStrengthMeter", required: false }] }], strengthConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "strengthConfig", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_STRENGTH_CONFIG, FuiPasswordInputComponent };
+//# sourceMappingURL=raintonic-formaui-components-password-input.mjs.map

package/fesm2022/raintonic-formaui-components-password-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-password-input.mjs","sources":["../../../lib/components/password-input/password-input.types.ts","../../../lib/components/password-input/password-input.component.ts","../../../lib/components/password-input/password-input.component.html","../../../lib/components/password-input/raintonic-formaui-components-password-input.ts"],"sourcesContent":["export type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';\n\nexport interface PasswordStrengthConfig {\n  minLength?: number;\n  requireUppercase?: boolean;\n  requireLowercase?: boolean;\n  requireNumbers?: boolean;\n  requireSpecial?: boolean;\n}\n\nexport const DEFAULT_STRENGTH_CONFIG: PasswordStrengthConfig = {\n  minLength: 8,\n  requireUppercase: true,\n  requireLowercase: true,\n  requireNumbers: true,\n  requireSpecial: false,\n};\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  computed,\n  signal,\n  viewChild,\n  ElementRef,\n  Signal,\n  WritableSignal,\n  OnDestroy,\n  DoCheck,\n  inject,\n  effect,\n  booleanAttribute,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { FUI_FORM_FIELD_CONTROL, FuiFormFieldControl } from '@raintonic/formaui/core';\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport { DEFAULT_STRENGTH_CONFIG, PasswordStrength, PasswordStrengthConfig } from './password-input.types';\n\n/**\n * # FuiPasswordInputComponent\n *\n * A password input component with visibility toggle and optional strength meter.\n * Integrates with fui-form-field and Angular Forms.\n *\n * ## Features\n * - Password visibility toggle\n * - Optional password strength meter\n * - Full Reactive Forms integration (ControlValueAccessor)\n * - FuiFormFieldControl integration for fui-form-field\n * - Error state handling\n * - Accessibility (ARIA)\n *\n * ## Usage\n *\n * ### Basic Password Input\n * ```html\n * <fui-form-field>\n *   <fui-label>Password</fui-label>\n *   <fui-password-input formControlName=\"password\"></fui-password-input>\n * </fui-form-field>\n * ```\n *\n * ### With Strength Meter\n * ```html\n * <fui-form-field>\n *   <fui-label>Password</fui-label>\n *   <fui-password-input\n *     formControlName=\"password\"\n *     [showStrengthMeter]=\"true\"\n *   ></fui-password-input>\n * </fui-form-field>\n * ```\n */\n@Component({\n  selector: 'fui-password-input',\n  standalone: true,\n  imports: [FuiIconComponent],\n  templateUrl: './password-input.component.html',\n  styleUrls: ['./password-input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-password-input',\n    '[class.fui-password-input--focused]': 'focused()',\n    '[class.fui-password-input--disabled]': 'disabled()',\n    '[class.fui-password-input--readonly]': 'readonly()',\n    '[class.fui-password-input--error]': 'errorState()',\n    '[attr.id]': 'id',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: FuiPasswordInputComponent,\n      multi: true,\n    },\n    {\n      provide: FUI_FORM_FIELD_CONTROL,\n      useExisting: FuiPasswordInputComponent,\n    },\n  ],\n})\nexport class FuiPasswordInputComponent\n  implements ControlValueAccessor, FuiFormFieldControl<string>, DoCheck, OnDestroy\n{\n  // Static properties\n  static nextId = 0;\n  readonly controlType = 'fui-password-input';\n\n  // Inputs\n  readonly placeholder = input('');\n  readonly disabledInput = input<boolean, unknown>(false, {\n    alias: 'disabled',\n    transform: booleanAttribute,\n  });\n  readonly readonly = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly showStrengthMeter = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly strengthConfig = input(DEFAULT_STRENGTH_CONFIG);\n  readonly errorStateMatcher = input<ErrorStateMatcher | null>(null);\n\n  // Internal state\n  readonly _passwordVisible: WritableSignal<boolean> = signal(false);\n  readonly _value: WritableSignal<string> = signal('');\n  private readonly _focused: WritableSignal<boolean> = signal(false);\n  readonly focused: Signal<boolean> = this._focused.asReadonly();\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\n  readonly errorState: Signal<boolean> = this._errorState.asReadonly();\n  private readonly _required: WritableSignal<boolean> = signal(false);\n  readonly required: Signal<boolean> = this._required.asReadonly();\n\n  // Computed\n  readonly disabled: Signal<boolean> = computed(\n    () => this._disabled() || this.disabledInput() || this._ngControlDisabled(),\n  );\n  readonly _inputType: Signal<string> = computed(() => (this._passwordVisible() ? 'text' : 'password'));\n  readonly value: Signal<string> = this._value.asReadonly();\n  readonly empty: Signal<boolean> = computed(() => {\n    const v = this._value();\n    return !v || v.length === 0;\n  });\n\n  readonly _strength: Signal<PasswordStrength> = computed(() => {\n    return this._calculateStrength(this._value());\n  });\n\n  readonly _strengthPercent: Signal<number> = computed(() => {\n    switch (this._strength()) {\n      case 'weak':\n        return 25;\n      case 'fair':\n        return 50;\n      case 'good':\n        return 75;\n      case 'strong':\n        return 100;\n      default:\n        return 0;\n    }\n  });\n\n  // State changes subject for form field compatibility\n  readonly stateChanges = new Subject<void>();\n  private _uid = `fui-password-input-${FuiPasswordInputComponent.nextId++}`;\n  readonly id = this._uid;\n  _ariaDescribedby: string | null = null;\n\n  // Form control references\n  private _parentForm = inject(NgForm, { optional: true });\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\n  private readonly _ngControlRef = injectNgControl();\n  get ngControl(): NgControl | null {\n    return this._ngControlRef.ngControl;\n  }\n\n  // ViewChild for input element\n  readonly inputElement: Signal<ElementRef<HTMLInputElement> | undefined> =\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n  // ControlValueAccessor callbacks\n  private _onChange: (value: string) => void = () => {\n    /* noop */\n  };\n  private _onTouched: () => void = () => {\n    /* noop */\n  };\n\n  constructor() {\n    void Promise.resolve().then(() => {\n      if (this._ngControlRef.ngControl) {\n        this._ngControlRef.ngControl.valueAccessor = this;\n      }\n    });\n\n    // Effect to emit state changes\n    effect(() => {\n      // Track all reactive inputs and internal signals\n      this.placeholder();\n      this.disabledInput();\n      this.readonly();\n      this.showStrengthMeter();\n      this.strengthConfig();\n      this.errorStateMatcher();\n      this._passwordVisible();\n      this._value();\n      this._focused();\n      this._disabled();\n      this._ngControlDisabled();\n      this._required();\n      this._errorState();\n\n      // Emit state change\n      this.stateChanges.next();\n    });\n  }\n\n  ngDoCheck(): void {\n    if (this.ngControl) {\n      updateErrorState(\n        this.ngControl,\n        this._errorState,\n        this.errorStateMatcher(),\n        this._defaultErrorStateMatcher,\n        this._parentForm,\n        this._parentFormGroup,\n        this.stateChanges,\n      );\n      syncRequiredState(this.ngControl, this._required, this.stateChanges);\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: string | null): void {\n    const v = value ?? '';\n    this._value.set(v);\n    // Sync the DOM element value if available\n    const el = this.inputElement();\n    if (el) {\n      el.nativeElement.value = v;\n    }\n    this.stateChanges.next();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled.set(isDisabled);\n    this.stateChanges.next();\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    if (!this._focused()) {\n      this.inputElement()?.nativeElement.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._ariaDescribedby = ids.length ? ids.join(' ') : null;\n  }\n\n  // Event handlers\n  _onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n    if (newValue !== this._value()) {\n      this._value.set(newValue);\n      this._onChange(newValue);\n      this.stateChanges.next();\n    }\n  }\n\n  _onFocus(): void {\n    if (!this._focused()) {\n      this._focused.set(true);\n      this.stateChanges.next();\n    }\n  }\n\n  _onBlur(): void {\n    if (this._focused()) {\n      this._focused.set(false);\n      this._onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  toggleVisibility(): void {\n    this._passwordVisible.update((v) => !v);\n  }\n\n  // Public API\n  focus(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  blur(): void {\n    this.inputElement()?.nativeElement.blur();\n  }\n\n  // Strength calculation\n  _calculateStrength(password: string): PasswordStrength {\n    if (!password || password.length === 0) {\n      return 'weak';\n    }\n\n    const config = this.strengthConfig();\n    let score = 0;\n    const maxScore = 5;\n\n    // Length check\n    const minLen = config.minLength ?? 8;\n    if (password.length >= minLen) {\n      score++;\n    }\n    // Bonus for longer passwords\n    if (password.length >= minLen + 4) {\n      score++;\n    }\n\n    // Uppercase check\n    if (/[A-Z]/.test(password)) {\n      score++;\n    }\n\n    // Lowercase check\n    if (/[a-z]/.test(password)) {\n      score++;\n    }\n\n    // Numbers check\n    if (/[0-9]/.test(password)) {\n      score++;\n    }\n\n    // Special characters check\n    if (/[^A-Za-z0-9]/.test(password)) {\n      score++;\n    }\n\n    // Normalize to strength levels\n    const ratio = score / maxScore;\n    if (ratio <= 0.3) {\n      return 'weak';\n    }\n    if (ratio <= 0.5) {\n      return 'fair';\n    }\n    if (ratio <= 0.8) {\n      return 'good';\n    }\n    return 'strong';\n  }\n}\n","<div class=\"fui-password-input__wrapper\">\n  <input\n    #inputElement\n    class=\"fui-password-input__input\"\n    [attr.type]=\"_inputType()\"\n    [attr.placeholder]=\"placeholder()\"\n    [attr.disabled]=\"disabled() ? '' : null\"\n    [attr.readonly]=\"readonly() ? '' : null\"\n    [attr.aria-invalid]=\"errorState()\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-describedby]=\"_ariaDescribedby\"\n    autocomplete=\"current-password\"\n    (input)=\"_onInput($event)\"\n    (focus)=\"_onFocus()\"\n    (blur)=\"_onBlur()\"\n  />\n  <button\n    type=\"button\"\n    class=\"fui-password-input__toggle\"\n    (click)=\"toggleVisibility()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"_passwordVisible() ? 'Hide password' : 'Show password'\"\n    tabindex=\"-1\"\n  >\n    <fui-icon [name]=\"_passwordVisible() ? 'eye-slash' : 'eye'\" size=\"sm\"></fui-icon>\n  </button>\n</div>\n\n@if (showStrengthMeter() && _value()) {\n  <div class=\"fui-password-input__strength-meter\" aria-live=\"polite\">\n    <div\n      class=\"fui-password-input__strength-bar\"\n      role=\"progressbar\"\n      [attr.aria-valuenow]=\"_strengthPercent()\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      [attr.aria-label]=\"'Password strength: ' + _strength()\"\n    >\n      <div\n        class=\"fui-password-input__strength-fill\"\n        [style.width.%]=\"_strengthPercent()\"\n        [class.fui-password-input__strength-fill--weak]=\"_strength() === 'weak'\"\n        [class.fui-password-input__strength-fill--fair]=\"_strength() === 'fair'\"\n        [class.fui-password-input__strength-fill--good]=\"_strength() === 'good'\"\n        [class.fui-password-input__strength-fill--strong]=\"_strength() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"fui-password-input__strength-label\" aria-hidden=\"true\">{{ _strength() }}</span>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}