@raintonic/formaui 0.2.0 → 0.2.1

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

@@ -1 +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":"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"}
+{"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';\r\n\r\nimport { FuiButtonDirective } from '@raintonic/formaui/components/button';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n\r\n/**\r\n * # Paginator Component\r\n *\r\n * A pagination component that handles navigation through pages with:\r\n * - Previous/Next navigation buttons (disabled at boundaries)\r\n * - Page number buttons (at least 4 visible)\r\n * - Ellipsis (...) for remaining pages when there are more than 4 pages\r\n * - Emits page selection via output signal\r\n * - Keyboard support for accessibility\r\n */\r\n@Component({\r\n  selector: 'fui-paginator',\r\n  standalone: true,\r\n  imports: [FuiButtonDirective, FuiIconComponent],\r\n  templateUrl: './paginator.component.html',\r\n  styleUrl: './paginator.component.scss',\r\n  host: {\r\n    class: 'fui-paginator',\r\n  },\r\n})\r\nexport class FuiPaginatorComponent {\r\n  // Input properties\r\n  readonly numberOfItems = input.required<number>();\r\n  readonly pageSize = input.required<number>();\r\n  readonly currentPage = input(1);\r\n\r\n  // Internal state\r\n  private readonly _currentPage = signal(1);\r\n\r\n  // Output events\r\n  readonly pageSelected = output<number>();\r\n\r\n  @ViewChild('pageAnnouncer') private _pageAnnouncer?: ElementRef<HTMLElement>;\r\n\r\n  // Computed properties\r\n  readonly totalPages = computed(() => {\r\n    const total = this.numberOfItems();\r\n    const size = this.pageSize();\r\n\r\n    return Math.ceil(total / size);\r\n  });\r\n\r\n  readonly isFirstPage = computed(() => this._currentPage() === 1);\r\n  readonly isLastPage = computed(() => this._currentPage() === this.totalPages());\r\n\r\n  readonly pageNumbers = computed(() => {\r\n    const currentPage = this._currentPage();\r\n    const total = this.totalPages();\r\n\r\n    if (total <= 4) {\r\n      // Show all pages if 4 or fewer\r\n      return Array.from({ length: total }, (_, i) => i + 1);\r\n    }\r\n\r\n    // Show at least 4 buttons with ellipsis for remaining pages\r\n    const pages: (number | string)[] = [];\r\n\r\n    // Always include first page\r\n    pages.push(1);\r\n\r\n    // Determine the range around current page\r\n    let start = Math.max(2, currentPage - 1);\r\n    let end = Math.min(total - 1, currentPage + 1);\r\n\r\n    // Ensure we show at least 4 page buttons (including first and last)\r\n    if (end - start < 2) {\r\n      if (start === 2) {\r\n        end = Math.min(total - 1, start + 2);\r\n      } else {\r\n        start = Math.max(2, end - 2);\r\n      }\r\n    }\r\n\r\n    // Add ellipsis and pages\r\n    if (start > 2) {\r\n      pages.push('...');\r\n    }\r\n\r\n    for (let i = start; i <= end; i++) {\r\n      pages.push(i);\r\n    }\r\n\r\n    if (end < total - 1) {\r\n      pages.push('...');\r\n    }\r\n\r\n    // Always include last page\r\n    pages.push(total);\r\n\r\n    return pages;\r\n  });\r\n\r\n  constructor() {\r\n    // Sync currentPage input to internal state\r\n    effect(() => {\r\n      const page = this.currentPage();\r\n      this._currentPage.set(page);\r\n    });\r\n\r\n    // Reset to first page when numberOfItems or pageSize change\r\n    effect(() => {\r\n      this.numberOfItems();\r\n      this.pageSize();\r\n      this._currentPage.set(1);\r\n    });\r\n  }\r\n\r\n  onPageClick(page: number | string): void {\r\n    if (typeof page === 'number') {\r\n      this._currentPage.set(page);\r\n      this.pageSelected.emit(page);\r\n      this._announce(`Page ${page} of ${this.totalPages()}`);\r\n    }\r\n  }\r\n\r\n  onPreviousClick(): void {\r\n    if (!this.isFirstPage()) {\r\n      const newPage = this._currentPage() - 1;\r\n      this._currentPage.set(newPage);\r\n      this.pageSelected.emit(newPage);\r\n      this._announce(`Page ${newPage} of ${this.totalPages()}`);\r\n    }\r\n  }\r\n\r\n  onNextClick(): void {\r\n    if (!this.isLastPage()) {\r\n      const newPage = this._currentPage() + 1;\r\n      this._currentPage.set(newPage);\r\n      this.pageSelected.emit(newPage);\r\n      this._announce(`Page ${newPage} of ${this.totalPages()}`);\r\n    }\r\n  }\r\n\r\n  private _announce(message: string): void {\r\n    if (this._pageAnnouncer?.nativeElement) {\r\n      this._pageAnnouncer.nativeElement.textContent = message;\r\n    }\r\n  }\r\n\r\n  getCurrentPage(): number {\r\n    return this._currentPage();\r\n  }\r\n\r\n  isPageActive(page: number | string): boolean {\r\n    return typeof page === 'number' && page === this._currentPage();\r\n  }\r\n\r\n  isPageClickable(page: number | string): boolean {\r\n    return typeof page === 'number';\r\n  }\r\n}\r\n","<nav role=\"navigation\" aria-label=\"Pagination\" class=\"fui-paginator__container\">\r\n  <!-- Live region for page change announcements -->\r\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n  <!-- Previous Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"outline\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isFirstPage()\"\r\n    [attr.aria-disabled]=\"isFirstPage()\"\r\n    (click)=\"onPreviousClick()\"\r\n    aria-label=\"Go to previous page\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n  </button>\r\n\r\n  <!-- Page Numbers -->\r\n  <div class=\"fui-paginator__page-buttons\">\r\n    @for (page of pageNumbers(); track page) {\r\n      @if (typeof page === 'string') {\r\n        <!-- Ellipsis -->\r\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n          {{ page }}\r\n        </span>\r\n      } @else {\r\n        <!-- Page Number Button -->\r\n        <button\r\n          fuiButton\r\n          [variant]=\"isPageActive(page) ? 'primary' : 'ghost'\"\r\n          size=\"md\"\r\n          [disabled]=\"false\"\r\n          (click)=\"onPageClick(page)\"\r\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n          [attr.aria-label]=\"'Page ' + page + ' of ' + totalPages()\"\r\n          class=\"fui-paginator__page-button\"\r\n        >\r\n          {{ page }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <!-- Next Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"outline\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isLastPage()\"\r\n    [attr.aria-disabled]=\"isLastPage()\"\r\n    (click)=\"onNextClick()\"\r\n    aria-label=\"Go to next page\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n  </button>\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -274,7 +274,7 @@ class FuiPasswordInputComponent {
                 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 });
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fui-password-input__wrapper\">\r\n  <input\r\n    #inputElement\r\n    class=\"fui-password-input__input\"\r\n    [attr.type]=\"_inputType()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.disabled]=\"disabled() ? '' : null\"\r\n    [attr.readonly]=\"readonly() ? '' : null\"\r\n    [attr.aria-invalid]=\"errorState()\"\r\n    [attr.aria-required]=\"required() ? 'true' : null\"\r\n    [attr.aria-describedby]=\"_ariaDescribedby\"\r\n    autocomplete=\"current-password\"\r\n    (input)=\"_onInput($event)\"\r\n    (focus)=\"_onFocus()\"\r\n    (blur)=\"_onBlur()\"\r\n  />\r\n  <button\r\n    type=\"button\"\r\n    class=\"fui-password-input__toggle\"\r\n    (click)=\"toggleVisibility()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-label]=\"_passwordVisible() ? 'Hide password' : 'Show password'\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <fui-icon [name]=\"_passwordVisible() ? 'eye-slash' : 'eye'\" size=\"sm\"></fui-icon>\r\n  </button>\r\n</div>\r\n\r\n@if (showStrengthMeter() && _value()) {\r\n  <div class=\"fui-password-input__strength-meter\" aria-live=\"polite\">\r\n    <div\r\n      class=\"fui-password-input__strength-bar\"\r\n      role=\"progressbar\"\r\n      [attr.aria-valuenow]=\"_strengthPercent()\"\r\n      aria-valuemin=\"0\"\r\n      aria-valuemax=\"100\"\r\n      [attr.aria-label]=\"'Password strength: ' + _strength()\"\r\n    >\r\n      <div\r\n        class=\"fui-password-input__strength-fill\"\r\n        [style.width.%]=\"_strengthPercent()\"\r\n        [class.fui-password-input__strength-fill--weak]=\"_strength() === 'weak'\"\r\n        [class.fui-password-input__strength-fill--fair]=\"_strength() === 'fair'\"\r\n        [class.fui-password-input__strength-fill--good]=\"_strength() === 'good'\"\r\n        [class.fui-password-input__strength-fill--strong]=\"_strength() === 'strong'\"\r\n      ></div>\r\n    </div>\r\n    <span class=\"fui-password-input__strength-label\" aria-hidden=\"true\">{{ _strength() }}</span>\r\n  </div>\r\n}\r\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,
@@ -295,7 +295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                             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"] }]
+                    ], template: "<div class=\"fui-password-input__wrapper\">\r\n  <input\r\n    #inputElement\r\n    class=\"fui-password-input__input\"\r\n    [attr.type]=\"_inputType()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.disabled]=\"disabled() ? '' : null\"\r\n    [attr.readonly]=\"readonly() ? '' : null\"\r\n    [attr.aria-invalid]=\"errorState()\"\r\n    [attr.aria-required]=\"required() ? 'true' : null\"\r\n    [attr.aria-describedby]=\"_ariaDescribedby\"\r\n    autocomplete=\"current-password\"\r\n    (input)=\"_onInput($event)\"\r\n    (focus)=\"_onFocus()\"\r\n    (blur)=\"_onBlur()\"\r\n  />\r\n  <button\r\n    type=\"button\"\r\n    class=\"fui-password-input__toggle\"\r\n    (click)=\"toggleVisibility()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-label]=\"_passwordVisible() ? 'Hide password' : 'Show password'\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <fui-icon [name]=\"_passwordVisible() ? 'eye-slash' : 'eye'\" size=\"sm\"></fui-icon>\r\n  </button>\r\n</div>\r\n\r\n@if (showStrengthMeter() && _value()) {\r\n  <div class=\"fui-password-input__strength-meter\" aria-live=\"polite\">\r\n    <div\r\n      class=\"fui-password-input__strength-bar\"\r\n      role=\"progressbar\"\r\n      [attr.aria-valuenow]=\"_strengthPercent()\"\r\n      aria-valuemin=\"0\"\r\n      aria-valuemax=\"100\"\r\n      [attr.aria-label]=\"'Password strength: ' + _strength()\"\r\n    >\r\n      <div\r\n        class=\"fui-password-input__strength-fill\"\r\n        [style.width.%]=\"_strengthPercent()\"\r\n        [class.fui-password-input__strength-fill--weak]=\"_strength() === 'weak'\"\r\n        [class.fui-password-input__strength-fill--fair]=\"_strength() === 'fair'\"\r\n        [class.fui-password-input__strength-fill--good]=\"_strength() === 'good'\"\r\n        [class.fui-password-input__strength-fill--strong]=\"_strength() === 'strong'\"\r\n      ></div>\r\n    </div>\r\n    <span class=\"fui-password-input__strength-label\" aria-hidden=\"true\">{{ _strength() }}</span>\r\n  </div>\r\n}\r\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 }] }] } });
 
 /**

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

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

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

@@ -43,14 +43,14 @@ class FuiPopoverComponent {
         return baseClass;
     }, ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPopoverComponent, isStandalone: true, selector: "fui-popover", inputs: { hasArrow: { classPropertyName: "hasArrow", publicName: "hasArrow", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClasses()" }, classAttribute: "fui-popover" }, ngImport: i0, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\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)}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPopoverComponent, isStandalone: true, selector: "fui-popover", inputs: { hasArrow: { classPropertyName: "hasArrow", publicName: "hasArrow", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClasses()" }, classAttribute: "fui-popover" }, ngImport: i0, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\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)}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fui-popover', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fui-popover',
                         '[class]': 'computedClasses()',
-                    }, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\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)}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
+                    }, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\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)}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
         }], propDecorators: { hasArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasArrow", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 
 const POPOVER_POSITIONS = [

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-popover.mjs","sources":["../../../lib/components/popover/popover.component.ts","../../../lib/components/popover/popover.component.html","../../../lib/components/popover/popover.types.ts","../../../lib/components/popover/popover-trigger.directive.ts","../../../lib/components/popover/raintonic-formaui-components-popover.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, Signal } from '@angular/core';\nimport { PopoverPosition } from './popover.types';\n\n/**\n * # FuiPopoverComponent\n *\n * Internal popover container component rendered inside the overlay.\n * Provides a styled panel with optional arrow indicator.\n *\n * ## Usage\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\n */\n@Component({\n  selector: 'fui-popover',\n  standalone: true,\n  imports: [],\n  templateUrl: './popover.component.html',\n  styleUrl: './popover.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-popover',\n    '[class]': 'computedClasses()',\n  },\n})\nexport class FuiPopoverComponent {\n  /** Whether to show the arrow indicator */\n  readonly hasArrow = input(true);\n\n  /** Position of the popover relative to the trigger element, used for arrow calculation */\n  readonly position = input<PopoverPosition>('bottom');\n\n  /** Computed CSS classes for the popover */\n  readonly computedClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\n\n    if (this.hasArrow()) {\n      classes.push('fui-popover--with-arrow');\n    }\n\n    return classes.join(' ');\n  });\n\n  /** Computed arrow classes based on position */\n  readonly arrowClasses: Signal<string> = computed(() => {\n    const position = this.position();\n    const baseClass = 'fui-popover__arrow';\n\n    if (position.startsWith('top')) {\n      return `${baseClass} ${baseClass}--bottom`;\n    } else if (position.startsWith('bottom')) {\n      return `${baseClass} ${baseClass}--top`;\n    } else if (position.startsWith('left')) {\n      return `${baseClass} ${baseClass}--right`;\n    } else if (position.startsWith('right')) {\n      return `${baseClass} ${baseClass}--left`;\n    }\n\n    return baseClass;\n  });\n}\n","<div class=\"fui-popover__panel\" role=\"dialog\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\nexport type PopoverPosition =\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left-start'\n  | 'left-end'\n  | 'right-start'\n  | 'right-end';\n\nexport const POPOVER_POSITIONS = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n  'top-start',\n  'top-end',\n  'bottom-start',\n  'bottom-end',\n  'left-start',\n  'left-end',\n  'right-start',\n  'right-end',\n] as const;\n\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\n","import {\n  Directive,\n  ElementRef,\n  input,\n  output,\n  effect,\n  HostListener,\n  inject,\n  OnDestroy,\n  booleanAttribute,\n  numberAttribute,\n  TemplateRef,\n  EmbeddedViewRef,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\nimport { Subscription } from 'rxjs';\n\n/**\n * # PopoverTrigger Directive\n *\n * A directive that triggers a popover overlay anchored to the host element.\n * Supports click, hover, focus, and manual trigger modes with configurable\n * positioning, delays, and arrow indicators.\n *\n * ## Usage\n *\n * ### Basic Click Popover\n * ```html\n * <ng-template #popoverContent>\n *   <p>Popover content here</p>\n * </ng-template>\n *\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\n * ```\n *\n * ### Hover with Position\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n *         fuiPopoverTriggerOn=\"hover\"\n *         fuiPopoverPosition=\"top\">\n *   Hover Me\n * </button>\n * ```\n *\n * ### Manual Control\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n *         fuiPopoverTriggerOn=\"manual\"\n *         [fuiPopoverOpen]=\"isOpen\">\n *   Manual Popover\n * </button>\n * ```\n */\n@Directive({\n  selector: '[fuiPopoverTrigger]',\n  standalone: true,\n  host: {\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\n  },\n})\nexport class FuiPopoverTriggerDirective implements OnDestroy {\n  /** Template ref for the popover content */\n  readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\n\n  /** Position of the popover relative to the trigger element */\n  readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\n    transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\n  });\n\n  /** Trigger mode for showing/hiding the popover */\n  readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\n    transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\n  });\n\n  /** Delay before showing the popover (in milliseconds) */\n  readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n  /** Delay before hiding the popover (in milliseconds) */\n  readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n  /** Whether to show the arrow indicator */\n  readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether to close on outside click */\n  readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the popover trigger is disabled */\n  readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\n  readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Emits when the popover is opened */\n  readonly fuiPopoverOpened = output();\n\n  /** Emits when the popover is closed */\n  readonly fuiPopoverClosed = output();\n\n  // Internal state\n  readonly _isOpen: WritableSignal<boolean> = signal(false);\n  private _overlayRef: FuiOverlayRef | null = null;\n  private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\n  private _showTimeout: number | null = null;\n  private _hideTimeout: number | null = null;\n  private _subscriptions: Subscription[] = [];\n\n  // Injected dependencies\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\n\n  constructor() {\n    // Handle manual control\n    effect(() => {\n      if (this.fuiPopoverTriggerOn() === 'manual') {\n        if (this.fuiPopoverOpen()) {\n          this._showPopover();\n        } else {\n          this._hidePopover();\n        }\n      }\n    });\n\n    // Handle disabled state\n    effect(() => {\n      if (this.fuiPopoverDisabled() && this._isOpen()) {\n        this._hidePopover();\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this._clearTimeouts();\n    this._destroyPopover();\n  }\n\n  @HostListener('click')\n  onHostClick(): void {\n    if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\n      if (this._isOpen()) {\n        this._hidePopover();\n      } else {\n        this._showPopover();\n      }\n    }\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n      this._scheduleShow();\n    }\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n      this._scheduleHide();\n    }\n  }\n\n  @HostListener('focus')\n  onFocus(): void {\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n      this._scheduleShow();\n    }\n  }\n\n  @HostListener('blur')\n  onBlur(): void {\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n      this._scheduleHide();\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this._isOpen()) {\n      this._hidePopover();\n      event.preventDefault();\n    }\n  }\n\n  /** Programmatically show the popover */\n  show(): void {\n    if (!this.fuiPopoverDisabled()) {\n      this._showPopover();\n    }\n  }\n\n  /** Programmatically hide the popover */\n  hide(): void {\n    this._hidePopover();\n  }\n\n  /** Toggle popover visibility */\n  toggle(): void {\n    if (this._isOpen()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private _scheduleShow(): void {\n    this._clearTimeouts();\n\n    if (this.fuiPopoverShowDelay() > 0) {\n      this._showTimeout = window.setTimeout(() => {\n        this._showPopover();\n      }, this.fuiPopoverShowDelay());\n    } else {\n      this._showPopover();\n    }\n  }\n\n  private _scheduleHide(): void {\n    this._clearTimeouts();\n\n    if (this.fuiPopoverHideDelay() > 0) {\n      this._hideTimeout = window.setTimeout(() => {\n        this._hidePopover();\n      }, this.fuiPopoverHideDelay());\n    } else {\n      this._hidePopover();\n    }\n  }\n\n  private _previouslyFocusedElement: HTMLElement | null = null;\n\n  private _showPopover(): void {\n    if (this._isOpen() || this.fuiPopoverDisabled()) {\n      return;\n    }\n\n    // Save the currently focused element for focus restoration\n    this._previouslyFocusedElement = document.activeElement as HTMLElement;\n\n    this._createPopover();\n    this._isOpen.set(true);\n    this.fuiPopoverOpened.emit();\n\n    // Add click outside listener for click trigger\n    if (this.fuiPopoverCloseOnOutsideClick()) {\n      setTimeout(() => {\n        document.addEventListener('click', this._onDocumentClick, true);\n      });\n    }\n\n    // Focus the first focusable element within the popover\n    setTimeout(() => {\n      this._focusFirstInOverlay();\n    });\n  }\n\n  private _hidePopover(): void {\n    if (!this._isOpen()) {\n      return;\n    }\n\n    this._isOpen.set(false);\n    this._destroyPopover();\n    this.fuiPopoverClosed.emit();\n    document.removeEventListener('click', this._onDocumentClick, true);\n\n    // Restore focus to the trigger element\n    if (this._previouslyFocusedElement) {\n      this._previouslyFocusedElement.focus();\n      this._previouslyFocusedElement = null;\n    }\n  }\n\n  private _focusFirstInOverlay(): void {\n    const overlay = this._overlayRef?.overlayElement;\n    if (!overlay) return;\n\n    const focusable = overlay.querySelector<HTMLElement>(\n      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n    );\n\n    if (focusable) {\n      focusable.focus();\n    }\n  }\n\n  private _createPopover(): void {\n    if (this._overlayRef) {\n      return;\n    }\n\n    const positions = this._getPositions(this.fuiPopoverPosition());\n    const positionStrategy = this._overlayService\n      .position()\n      .connectedTo(this._elementRef, positions)\n      .withPush(true)\n      .withViewportMargin(8);\n\n    this._overlayRef = this._overlayService.create({\n      positionStrategy,\n      scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\n      panelClass: 'fui-popover-panel',\n    });\n\n    // Attach the template to the overlay\n    this._overlayRef.attach(this.fuiPopoverTrigger());\n\n    // Subscribe to keydown events for ESC\n    const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this._hidePopover();\n        event.preventDefault();\n      }\n    });\n    this._subscriptions.push(keydownSub);\n\n    // Set up hover events on the overlay for hover trigger persistence\n    if (this.fuiPopoverTriggerOn() === 'hover') {\n      const overlayElement = this._overlayRef.overlayElement;\n      overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\n      overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\n    }\n  }\n\n  private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\n    const offset = 8;\n    const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\n      top: [\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n      ],\n      'top-start': [\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n      ],\n      'top-end': [\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n      ],\n      bottom: [\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n      ],\n      'bottom-start': [\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n      ],\n      'bottom-end': [\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n      ],\n      left: [\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n      ],\n      'left-start': [\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n      ],\n      'left-end': [\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n      ],\n      right: [\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n      ],\n      'right-start': [\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n      ],\n      'right-end': [\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n      ],\n    };\n\n    return positionMap[pos] || positionMap.bottom;\n  }\n\n  private _destroyPopover(): void {\n    // Clean up subscriptions\n    this._subscriptions.forEach((sub) => {\n      sub.unsubscribe();\n    });\n    this._subscriptions = [];\n\n    // Remove hover listeners from overlay\n    if (this._overlayRef) {\n      const overlayElement = this._overlayRef.overlayElement;\n      overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\n      overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\n\n      this._overlayRef.dispose();\n      this._overlayRef = null;\n    }\n\n    this._embeddedViewRef = null;\n  }\n\n  private _clearTimeouts(): void {\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n  }\n\n  private readonly _onDocumentClick = (event: Event): void => {\n    const target = event.target as HTMLElement;\n    const triggerElement = this._elementRef.nativeElement;\n    const overlayElement = this._overlayRef?.overlayElement;\n\n    if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\n      this._hidePopover();\n    }\n  };\n\n  private readonly _onOverlayMouseEnter = (): void => {\n    this._clearTimeouts();\n  };\n\n  private readonly _onOverlayMouseLeave = (): void => {\n    if (this.fuiPopoverTriggerOn() === 'hover') {\n      this._scheduleHide();\n    }\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-popover.mjs","sources":["../../../lib/components/popover/popover.component.ts","../../../lib/components/popover/popover.component.html","../../../lib/components/popover/popover.types.ts","../../../lib/components/popover/popover-trigger.directive.ts","../../../lib/components/popover/raintonic-formaui-components-popover.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, Signal } from '@angular/core';\r\nimport { PopoverPosition } from './popover.types';\r\n\r\n/**\r\n * # FuiPopoverComponent\r\n *\r\n * Internal popover container component rendered inside the overlay.\r\n * Provides a styled panel with optional arrow indicator.\r\n *\r\n * ## Usage\r\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\r\n */\r\n@Component({\r\n  selector: 'fui-popover',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './popover.component.html',\r\n  styleUrl: './popover.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-popover',\r\n    '[class]': 'computedClasses()',\r\n  },\r\n})\r\nexport class FuiPopoverComponent {\r\n  /** Whether to show the arrow indicator */\r\n  readonly hasArrow = input(true);\r\n\r\n  /** Position of the popover relative to the trigger element, used for arrow calculation */\r\n  readonly position = input<PopoverPosition>('bottom');\r\n\r\n  /** Computed CSS classes for the popover */\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\r\n\r\n    if (this.hasArrow()) {\r\n      classes.push('fui-popover--with-arrow');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  /** Computed arrow classes based on position */\r\n  readonly arrowClasses: Signal<string> = computed(() => {\r\n    const position = this.position();\r\n    const baseClass = 'fui-popover__arrow';\r\n\r\n    if (position.startsWith('top')) {\r\n      return `${baseClass} ${baseClass}--bottom`;\r\n    } else if (position.startsWith('bottom')) {\r\n      return `${baseClass} ${baseClass}--top`;\r\n    } else if (position.startsWith('left')) {\r\n      return `${baseClass} ${baseClass}--right`;\r\n    } else if (position.startsWith('right')) {\r\n      return `${baseClass} ${baseClass}--left`;\r\n    }\r\n\r\n    return baseClass;\r\n  });\r\n}\r\n","<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\r\nexport type PopoverPosition =\r\n  | 'top'\r\n  | 'bottom'\r\n  | 'left'\r\n  | 'right'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport const POPOVER_POSITIONS = [\r\n  'top',\r\n  'bottom',\r\n  'left',\r\n  'right',\r\n  'top-start',\r\n  'top-end',\r\n  'bottom-start',\r\n  'bottom-end',\r\n  'left-start',\r\n  'left-end',\r\n  'right-start',\r\n  'right-end',\r\n] as const;\r\n\r\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\r\n","import {\r\n  Directive,\r\n  ElementRef,\r\n  input,\r\n  output,\r\n  effect,\r\n  HostListener,\r\n  inject,\r\n  OnDestroy,\r\n  booleanAttribute,\r\n  numberAttribute,\r\n  TemplateRef,\r\n  EmbeddedViewRef,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\r\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\n\r\n/**\r\n * # PopoverTrigger Directive\r\n *\r\n * A directive that triggers a popover overlay anchored to the host element.\r\n * Supports click, hover, focus, and manual trigger modes with configurable\r\n * positioning, delays, and arrow indicators.\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Click Popover\r\n * ```html\r\n * <ng-template #popoverContent>\r\n *   <p>Popover content here</p>\r\n * </ng-template>\r\n *\r\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\r\n * ```\r\n *\r\n * ### Hover with Position\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"hover\"\r\n *         fuiPopoverPosition=\"top\">\r\n *   Hover Me\r\n * </button>\r\n * ```\r\n *\r\n * ### Manual Control\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"manual\"\r\n *         [fuiPopoverOpen]=\"isOpen\">\r\n *   Manual Popover\r\n * </button>\r\n * ```\r\n */\r\n@Directive({\r\n  selector: '[fuiPopoverTrigger]',\r\n  standalone: true,\r\n  host: {\r\n    '[attr.aria-haspopup]': '\"dialog\"',\r\n    '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\r\n  },\r\n})\r\nexport class FuiPopoverTriggerDirective implements OnDestroy {\r\n  /** Template ref for the popover content */\r\n  readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\r\n\r\n  /** Position of the popover relative to the trigger element */\r\n  readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\r\n    transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\r\n  });\r\n\r\n  /** Trigger mode for showing/hiding the popover */\r\n  readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\r\n    transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\r\n  });\r\n\r\n  /** Delay before showing the popover (in milliseconds) */\r\n  readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Delay before hiding the popover (in milliseconds) */\r\n  readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Whether to show the arrow indicator */\r\n  readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether to close on outside click */\r\n  readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether the popover trigger is disabled */\r\n  readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\r\n  readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Emits when the popover is opened */\r\n  readonly fuiPopoverOpened = output();\r\n\r\n  /** Emits when the popover is closed */\r\n  readonly fuiPopoverClosed = output();\r\n\r\n  // Internal state\r\n  readonly _isOpen: WritableSignal<boolean> = signal(false);\r\n  private _overlayRef: FuiOverlayRef | null = null;\r\n  private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\r\n  private _showTimeout: number | null = null;\r\n  private _hideTimeout: number | null = null;\r\n  private _subscriptions: Subscription[] = [];\r\n\r\n  // Injected dependencies\r\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n  private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\r\n\r\n  constructor() {\r\n    // Handle manual control\r\n    effect(() => {\r\n      if (this.fuiPopoverTriggerOn() === 'manual') {\r\n        if (this.fuiPopoverOpen()) {\r\n          this._showPopover();\r\n        } else {\r\n          this._hidePopover();\r\n        }\r\n      }\r\n    });\r\n\r\n    // Handle disabled state\r\n    effect(() => {\r\n      if (this.fuiPopoverDisabled() && this._isOpen()) {\r\n        this._hidePopover();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._clearTimeouts();\r\n    this._destroyPopover();\r\n  }\r\n\r\n  @HostListener('click')\r\n  onHostClick(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\r\n      if (this._isOpen()) {\r\n        this._hidePopover();\r\n      } else {\r\n        this._showPopover();\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('focus')\r\n  onFocus(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'Escape' && this._isOpen()) {\r\n      this._hidePopover();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  /** Programmatically show the popover */\r\n  show(): void {\r\n    if (!this.fuiPopoverDisabled()) {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  /** Programmatically hide the popover */\r\n  hide(): void {\r\n    this._hidePopover();\r\n  }\r\n\r\n  /** Toggle popover visibility */\r\n  toggle(): void {\r\n    if (this._isOpen()) {\r\n      this.hide();\r\n    } else {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  private _scheduleShow(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverShowDelay() > 0) {\r\n      this._showTimeout = window.setTimeout(() => {\r\n        this._showPopover();\r\n      }, this.fuiPopoverShowDelay());\r\n    } else {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  private _scheduleHide(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverHideDelay() > 0) {\r\n      this._hideTimeout = window.setTimeout(() => {\r\n        this._hidePopover();\r\n      }, this.fuiPopoverHideDelay());\r\n    } else {\r\n      this._hidePopover();\r\n    }\r\n  }\r\n\r\n  private _previouslyFocusedElement: HTMLElement | null = null;\r\n\r\n  private _showPopover(): void {\r\n    if (this._isOpen() || this.fuiPopoverDisabled()) {\r\n      return;\r\n    }\r\n\r\n    // Save the currently focused element for focus restoration\r\n    this._previouslyFocusedElement = document.activeElement as HTMLElement;\r\n\r\n    this._createPopover();\r\n    this._isOpen.set(true);\r\n    this.fuiPopoverOpened.emit();\r\n\r\n    // Add click outside listener for click trigger\r\n    if (this.fuiPopoverCloseOnOutsideClick()) {\r\n      setTimeout(() => {\r\n        document.addEventListener('click', this._onDocumentClick, true);\r\n      });\r\n    }\r\n\r\n    // Focus the first focusable element within the popover\r\n    setTimeout(() => {\r\n      this._focusFirstInOverlay();\r\n    });\r\n  }\r\n\r\n  private _hidePopover(): void {\r\n    if (!this._isOpen()) {\r\n      return;\r\n    }\r\n\r\n    this._isOpen.set(false);\r\n    this._destroyPopover();\r\n    this.fuiPopoverClosed.emit();\r\n    document.removeEventListener('click', this._onDocumentClick, true);\r\n\r\n    // Restore focus to the trigger element\r\n    if (this._previouslyFocusedElement) {\r\n      this._previouslyFocusedElement.focus();\r\n      this._previouslyFocusedElement = null;\r\n    }\r\n  }\r\n\r\n  private _focusFirstInOverlay(): void {\r\n    const overlay = this._overlayRef?.overlayElement;\r\n    if (!overlay) return;\r\n\r\n    const focusable = overlay.querySelector<HTMLElement>(\r\n      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    if (focusable) {\r\n      focusable.focus();\r\n    }\r\n  }\r\n\r\n  private _createPopover(): void {\r\n    if (this._overlayRef) {\r\n      return;\r\n    }\r\n\r\n    const positions = this._getPositions(this.fuiPopoverPosition());\r\n    const positionStrategy = this._overlayService\r\n      .position()\r\n      .connectedTo(this._elementRef, positions)\r\n      .withPush(true)\r\n      .withViewportMargin(8);\r\n\r\n    this._overlayRef = this._overlayService.create({\r\n      positionStrategy,\r\n      scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\r\n      panelClass: 'fui-popover-panel',\r\n    });\r\n\r\n    // Attach the template to the overlay\r\n    this._overlayRef.attach(this.fuiPopoverTrigger());\r\n\r\n    // Subscribe to keydown events for ESC\r\n    const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        this._hidePopover();\r\n        event.preventDefault();\r\n      }\r\n    });\r\n    this._subscriptions.push(keydownSub);\r\n\r\n    // Set up hover events on the overlay for hover trigger persistence\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\r\n    }\r\n  }\r\n\r\n  private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\r\n    const offset = 8;\r\n    const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\r\n      top: [\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-end': [\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      bottom: [\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-start': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      left: [\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n      ],\r\n      'left-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n      ],\r\n      'left-end': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n      ],\r\n      right: [\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n      ],\r\n      'right-start': [\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n      ],\r\n      'right-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n      ],\r\n    };\r\n\r\n    return positionMap[pos] || positionMap.bottom;\r\n  }\r\n\r\n  private _destroyPopover(): void {\r\n    // Clean up subscriptions\r\n    this._subscriptions.forEach((sub) => {\r\n      sub.unsubscribe();\r\n    });\r\n    this._subscriptions = [];\r\n\r\n    // Remove hover listeners from overlay\r\n    if (this._overlayRef) {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\r\n\r\n      this._overlayRef.dispose();\r\n      this._overlayRef = null;\r\n    }\r\n\r\n    this._embeddedViewRef = null;\r\n  }\r\n\r\n  private _clearTimeouts(): void {\r\n    if (this._showTimeout) {\r\n      clearTimeout(this._showTimeout);\r\n      this._showTimeout = null;\r\n    }\r\n    if (this._hideTimeout) {\r\n      clearTimeout(this._hideTimeout);\r\n      this._hideTimeout = null;\r\n    }\r\n  }\r\n\r\n  private readonly _onDocumentClick = (event: Event): void => {\r\n    const target = event.target as HTMLElement;\r\n    const triggerElement = this._elementRef.nativeElement;\r\n    const overlayElement = this._overlayRef?.overlayElement;\r\n\r\n    if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\r\n      this._hidePopover();\r\n    }\r\n  };\r\n\r\n  private readonly _onOverlayMouseEnter = (): void => {\r\n    this._clearTimeouts();\r\n  };\r\n\r\n  private readonly _onOverlayMouseLeave = (): void => {\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      this._scheduleHide();\r\n    }\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-progressbar.mjs","sources":["../../../lib/components/progressbar/progressbar.component.ts","../../../lib/components/progressbar/progressbar.component.html","../../../lib/components/progressbar/raintonic-formaui-components-progressbar.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, numberAttribute } from '@angular/core';\n\n/**\n * Progress bar mode types (compatible with mat-progress-bar)\n */\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n/**\n * Progress bar color variants\n */\nexport type ProgressBarColor = 'primary' | 'accent' | 'warn' | 'success' | 'info';\n\n/**\n * # FuiProgressbar Component\n *\n * A progress bar component compatible with Angular Material's mat-progress-bar interface.\n *\n * ## Features\n * - Multiple modes: determinate, indeterminate, buffer, query\n * - Color variants: primary, accent, warn, success, info\n * - Accessible with ARIA attributes\n * - Smooth animations\n *\n * ## Usage\n *\n * ### Determinate Progress\n * ```html\n * <fui-progressbar [value]=\"50\"></fui-progressbar>\n * ```\n *\n * ### Indeterminate Progress\n * ```html\n * <fui-progressbar mode=\"indeterminate\"></fui-progressbar>\n * ```\n *\n * ### Buffer Progress\n * ```html\n * <fui-progressbar mode=\"buffer\" [value]=\"50\" [bufferValue]=\"75\"></fui-progressbar>\n * ```\n *\n * ### Query Progress\n * ```html\n * <fui-progressbar mode=\"query\"></fui-progressbar>\n * ```\n *\n * ### Color Variants\n * ```html\n * <fui-progressbar [value]=\"50\" color=\"success\"></fui-progressbar>\n * ```\n */\n@Component({\n  selector: 'fui-progressbar',\n  standalone: true,\n  imports: [],\n  templateUrl: './progressbar.component.html',\n  styleUrls: ['./progressbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-progressbar',\n    '[class.fui-progressbar--determinate]': 'mode() === \"determinate\"',\n    '[class.fui-progressbar--indeterminate]': 'mode() === \"indeterminate\"',\n    '[class.fui-progressbar--buffer]': 'mode() === \"buffer\"',\n    '[class.fui-progressbar--query]': 'mode() === \"query\"',\n    '[class.fui-progressbar--primary]': 'color() === \"primary\"',\n    '[class.fui-progressbar--accent]': 'color() === \"accent\"',\n    '[class.fui-progressbar--warn]': 'color() === \"warn\"',\n    '[class.fui-progressbar--success]': 'color() === \"success\"',\n    '[class.fui-progressbar--info]': 'color() === \"info\"',\n    role: 'progressbar',\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-label]': 'effectiveAriaLabel()',\n    '[attr.aria-labelledby]': 'ariaLabelledby()',\n  },\n})\nexport class FuiProgressbarComponent {\n  /**\n   * Progress bar mode (compatible with mat-progress-bar)\n   * - determinate: Shows a specific progress value\n   * - indeterminate: Shows an animation for unknown progress\n   * - buffer: Shows progress with a buffer indicator\n   * - query: Shows a query animation (reverse indeterminate)\n   */\n  readonly mode = input<ProgressBarMode>('determinate');\n\n  /**\n   * Progress value (0-100)\n   */\n  readonly value = input<number, unknown>(0, {\n    transform: numberAttribute,\n  });\n\n  /**\n   * Buffer value for buffer mode (0-100)\n   */\n  readonly bufferValue = input<number, unknown>(0, {\n    transform: numberAttribute,\n  });\n\n  /**\n   * Color variant\n   */\n  readonly color = input<ProgressBarColor>('primary');\n\n  /**\n   * ARIA label for accessibility.\n   * When neither aria-label nor aria-labelledby is provided, a default label\n   * is computed based on the mode (e.g. \"Loading\" for indeterminate/query).\n   */\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n\n  /**\n   * ARIA labelledby for accessibility\n   */\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n\n  /**\n   * Effective aria-label: uses the explicit input, or falls back to a\n   * default when no aria-labelledby is provided either.\n   */\n  readonly effectiveAriaLabel = computed(() => {\n    const explicit = this.ariaLabel();\n    if (explicit) return explicit;\n    // If aria-labelledby is set, don't add a redundant label\n    if (this.ariaLabelledby()) return null;\n    // Default labels per mode\n    const m = this.mode();\n    if (m === 'indeterminate' || m === 'query') return 'Loading';\n    return 'Progress';\n  });\n\n  /**\n   * Clamped progress value (0-100)\n   */\n  readonly clampedValue = computed(() => this._clamp(this.value()));\n\n  /**\n   * Clamped buffer value (0-100)\n   */\n  readonly clampedBufferValue = computed(() => this._clamp(this.bufferValue()));\n\n  /**\n   * Transform for the primary progress bar\n   */\n  readonly primaryTransform = computed(() => {\n    const value = this.clampedValue();\n    return `scaleX(${value / 100})`;\n  });\n\n  /**\n   * Transform for the buffer bar\n   */\n  readonly bufferTransform = computed(() => {\n    const bufferValue = this.clampedBufferValue();\n    return `scaleX(${bufferValue / 100})`;\n  });\n\n  /**\n   * Clamps a value between 0 and 100\n   */\n  private _clamp(value: number): number {\n    return Math.max(0, Math.min(100, value || 0));\n  }\n}\n","<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-progressbar.mjs","sources":["../../../lib/components/progressbar/progressbar.component.ts","../../../lib/components/progressbar/progressbar.component.html","../../../lib/components/progressbar/raintonic-formaui-components-progressbar.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, numberAttribute } from '@angular/core';\r\n\r\n/**\r\n * Progress bar mode types (compatible with mat-progress-bar)\r\n */\r\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\r\n\r\n/**\r\n * Progress bar color variants\r\n */\r\nexport type ProgressBarColor = 'primary' | 'accent' | 'warn' | 'success' | 'info';\r\n\r\n/**\r\n * # FuiProgressbar Component\r\n *\r\n * A progress bar component compatible with Angular Material's mat-progress-bar interface.\r\n *\r\n * ## Features\r\n * - Multiple modes: determinate, indeterminate, buffer, query\r\n * - Color variants: primary, accent, warn, success, info\r\n * - Accessible with ARIA attributes\r\n * - Smooth animations\r\n *\r\n * ## Usage\r\n *\r\n * ### Determinate Progress\r\n * ```html\r\n * <fui-progressbar [value]=\"50\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Indeterminate Progress\r\n * ```html\r\n * <fui-progressbar mode=\"indeterminate\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Buffer Progress\r\n * ```html\r\n * <fui-progressbar mode=\"buffer\" [value]=\"50\" [bufferValue]=\"75\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Query Progress\r\n * ```html\r\n * <fui-progressbar mode=\"query\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Color Variants\r\n * ```html\r\n * <fui-progressbar [value]=\"50\" color=\"success\"></fui-progressbar>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-progressbar',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './progressbar.component.html',\r\n  styleUrls: ['./progressbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-progressbar',\r\n    '[class.fui-progressbar--determinate]': 'mode() === \"determinate\"',\r\n    '[class.fui-progressbar--indeterminate]': 'mode() === \"indeterminate\"',\r\n    '[class.fui-progressbar--buffer]': 'mode() === \"buffer\"',\r\n    '[class.fui-progressbar--query]': 'mode() === \"query\"',\r\n    '[class.fui-progressbar--primary]': 'color() === \"primary\"',\r\n    '[class.fui-progressbar--accent]': 'color() === \"accent\"',\r\n    '[class.fui-progressbar--warn]': 'color() === \"warn\"',\r\n    '[class.fui-progressbar--success]': 'color() === \"success\"',\r\n    '[class.fui-progressbar--info]': 'color() === \"info\"',\r\n    role: 'progressbar',\r\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null',\r\n    '[attr.aria-valuemin]': '0',\r\n    '[attr.aria-valuemax]': '100',\r\n    '[attr.aria-label]': 'effectiveAriaLabel()',\r\n    '[attr.aria-labelledby]': 'ariaLabelledby()',\r\n  },\r\n})\r\nexport class FuiProgressbarComponent {\r\n  /**\r\n   * Progress bar mode (compatible with mat-progress-bar)\r\n   * - determinate: Shows a specific progress value\r\n   * - indeterminate: Shows an animation for unknown progress\r\n   * - buffer: Shows progress with a buffer indicator\r\n   * - query: Shows a query animation (reverse indeterminate)\r\n   */\r\n  readonly mode = input<ProgressBarMode>('determinate');\r\n\r\n  /**\r\n   * Progress value (0-100)\r\n   */\r\n  readonly value = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Buffer value for buffer mode (0-100)\r\n   */\r\n  readonly bufferValue = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Color variant\r\n   */\r\n  readonly color = input<ProgressBarColor>('primary');\r\n\r\n  /**\r\n   * ARIA label for accessibility.\r\n   * When neither aria-label nor aria-labelledby is provided, a default label\r\n   * is computed based on the mode (e.g. \"Loading\" for indeterminate/query).\r\n   */\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n\r\n  /**\r\n   * ARIA labelledby for accessibility\r\n   */\r\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\r\n\r\n  /**\r\n   * Effective aria-label: uses the explicit input, or falls back to a\r\n   * default when no aria-labelledby is provided either.\r\n   */\r\n  readonly effectiveAriaLabel = computed(() => {\r\n    const explicit = this.ariaLabel();\r\n    if (explicit) return explicit;\r\n    // If aria-labelledby is set, don't add a redundant label\r\n    if (this.ariaLabelledby()) return null;\r\n    // Default labels per mode\r\n    const m = this.mode();\r\n    if (m === 'indeterminate' || m === 'query') return 'Loading';\r\n    return 'Progress';\r\n  });\r\n\r\n  /**\r\n   * Clamped progress value (0-100)\r\n   */\r\n  readonly clampedValue = computed(() => this._clamp(this.value()));\r\n\r\n  /**\r\n   * Clamped buffer value (0-100)\r\n   */\r\n  readonly clampedBufferValue = computed(() => this._clamp(this.bufferValue()));\r\n\r\n  /**\r\n   * Transform for the primary progress bar\r\n   */\r\n  readonly primaryTransform = computed(() => {\r\n    const value = this.clampedValue();\r\n    return `scaleX(${value / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Transform for the buffer bar\r\n   */\r\n  readonly bufferTransform = computed(() => {\r\n    const bufferValue = this.clampedBufferValue();\r\n    return `scaleX(${bufferValue / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Clamps a value between 0 and 100\r\n   */\r\n  private _clamp(value: number): number {\r\n    return Math.max(0, Math.min(100, value || 0));\r\n  }\r\n}\r\n","<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}