shirkasoft-ui-components 1.3.7 → 1.3.9

package/fesm2022/shirkasoft-ui-components-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shirkasoft-ui-components-tabs.mjs","sources":["../../../projects/ui-components/tabs/tabs.service.ts","../../../projects/ui-components/tabs/tabs.component.ts","../../../projects/ui-components/tabs/tablist.component.ts","../../../projects/ui-components/tabs/tab.component.ts","../../../projects/ui-components/tabs/tabpanels.component.ts","../../../projects/ui-components/tabs/tabpanel.component.ts","../../../projects/ui-components/tabs/shirkasoft-ui-components-tabs.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Shared state between shk-abs and its tab/tabpanel children. */\n@Injectable()\nexport class TabsService {\n  /** Currently active tab value. */\n  readonly active = signal<any>(undefined);\n\n  /** Sets the active tab to the given value. */\n  select(value: any): void {\n    this.active.set(value);\n  }\n}\n","import { Component, effect, inject, model, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Container for tab panels. Renders its projected shk-tablist/shh-tab content. */\n@Component({\n  selector: 'shk-tabs',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [TabsService],\n  template: `\n    <div class=\"shk-tabs\">\n      <ng-content></ng-content>\n    </div>\n  `,\n})\nexport class TabsComponent {\n  /** Currently active tab value. Two-way bindable with [(value)]. */\n  value = model<any>(undefined);\n  /** Allows the tab header to scroll horizontally when it overflows. */\n  scrollable = input<boolean>(false);\n\n  /** Shared service used to sync the active tab with the children. */\n  protected tabsSvc = inject(TabsService);\n\n  constructor() {\n    // Push external value changes into the shared service.\n    effect(() => {\n      this.tabsSvc.active.set(this.value());\n    });\n    // Reflect child-side selections back into the two-way value.\n    effect(() => {\n      const active = this.tabsSvc.active();\n      if (active !== this.value()) {\n        this.value.set(active);\n      }\n    });\n  }\n}\n","import { Component, input, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Horizontal bar that contains the shk-tab headers. */\n@Component({\n  selector: 'shk-tablist',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      class=\"shk-tablist\"\n      [class.shk-tablist-scrollable]=\"scrollable()\"\n      [class]=\"styleClass()\"\n      role=\"tablist\"\n      aria-orientation=\"horizontal\"\n    >\n      <ng-content></ng-content>\n    </div>\n  `,\n  styles: [\n    `\n      .shk-tablist {\n        display: flex;\n        align-items: center;\n        gap: 0.25rem;\n        flex-wrap: wrap;\n        border-bottom: 1px solid var(--shk-surface-200);\n      }\n      .dark .shk-tablist {\n        border-bottom-color: var(--shk-surface-200);\n      }\n      .shk-tablist-scrollable {\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        scrollbar-width: thin;\n      }\n      .shk-tablist-scrollable::-webkit-scrollbar {\n        height: 6px;\n      }\n      .shk-tablist-scrollable::-webkit-scrollbar-thumb {\n        background: var(--shk-surface-300);\n        border-radius: 9999px;\n      }\n    `,\n  ],\n})\nexport class TablistComponent {\n  /** Allows the header to scroll horizontally when it overflows. */\n  scrollable = input<boolean>(false);\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n}\n","import { Component, computed, inject, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** A single tab header. Clicking it activates the matching panel. */\n@Component({\n  selector: 'shk-tab',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      type=\"button\"\n      class=\"shk-tab\"\n      [class]=\"styleClass()\"\n      [class.shk-tab-active]=\"active()\"\n      [class.shk-tab-disabled]=\"disabled()\"\n      role=\"tab\"\n      [attr.aria-selected]=\"active()\"\n      [disabled]=\"disabled()\"\n      (click)=\"select()\"\n    >\n      <ng-content></ng-content>\n    </button>\n  `,\n  styles: [\n    `\n      .shk-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.375rem;\n        padding: 0.625rem 1rem;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--shk-surface-500);\n        background: transparent;\n        border: none;\n        border-bottom: 2px solid transparent;\n        margin-bottom: -1px;\n        cursor: pointer;\n        white-space: nowrap;\n        transition:\n          color 0.15s ease-in-out,\n          border-color 0.15s ease-in-out,\n          background-color 0.15s ease-in-out;\n      }\n      .shk-tab:hover:not(:disabled):not(.shk-tab-active) {\n        color: var(--shk-surface-800);\n      }\n      .shk-tab-active {\n        color: var(--shk-primary-600);\n        border-bottom-color: var(--shk-primary-600);\n        font-weight: 600;\n      }\n      .dark .shk-tab-active {\n        color: var(--shk-primary-400);\n        border-bottom-color: var(--shk-primary-400);\n      }\n      .shk-tab:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n    `,\n  ],\n})\nexport class TabComponent {\n  /** Value that links this tab to its panel. */\n  value = input<any>(undefined);\n  /** Disables the tab. */\n  disabled = input<boolean>(false);\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n\n  /** Shared service used to read the active tab value. */\n  protected tabsSvc = inject(TabsService);\n  /** Whether this tab is the active one. */\n  protected active = computed(() => this.tabsSvc.active() === this.value());\n\n  /** Activates this tab through the shared service. */\n  select(): void {\n    if (this.disabled()) return;\n    this.tabsSvc.select(this.value());\n  }\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Container that groups the shk-tabpanel content sections. */\n@Component({\n  selector: 'shk-tabpanels',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"shk-tabpanels\">\n      <ng-content></ng-content>\n    </div>\n  `,\n})\nexport class TabpanelsComponent {}\n","import { Component, computed, inject, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Content section shown only while its value is the active tab. */\n@Component({\n  selector: 'shk-tabpanel',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (active()) {\n      <div class=\"shk-tabpanel\" role=\"tabpanel\">\n        <ng-content></ng-content>\n      </div>\n    }\n  `,\n})\nexport class TabPanelComponent {\n  /** Value that links this panel to its tab. */\n  value = input<any>(undefined);\n\n  /** Shared service used to read the active tab value. */\n  protected tabsSvc = inject(TabsService);\n  /** Whether this panel is the active one. */\n  protected active = computed(() => this.tabsSvc.active() === this.value());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shirkasoft-ui-components-tabs.mjs","sources":["../../../projects/ui-components/tabs/tabs.service.ts","../../../projects/ui-components/tabs/tabs.component.ts","../../../projects/ui-components/tabs/tablist.component.ts","../../../projects/ui-components/tabs/tab.component.ts","../../../projects/ui-components/tabs/tabpanels.component.ts","../../../projects/ui-components/tabs/tabpanel.component.ts","../../../projects/ui-components/tabs/shirkasoft-ui-components-tabs.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Shared state between shk-abs and its tab/tabpanel children. */\n@Injectable()\nexport class TabsService {\n  /** Currently active tab value. */\n  readonly active = signal<any>(undefined);\n\n  /** Sets the active tab to the given value. */\n  select(value: any): void {\n    this.active.set(value);\n  }\n}\n","import { Component, effect, inject, model, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Container for tab panels. Renders its projected shk-tablist/shh-tab content. */\n@Component({\n  selector: 'shk-tabs',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [TabsService],\n  template: `\n    <div class=\"shk-tabs\">\n      <ng-content></ng-content>\n    </div>\n  `,\n})\nexport class TabsComponent {\n  /** Currently active tab value. Two-way bindable with [(value)]. */\n  value = model<any>(undefined);\n  /** Allows the tab header to scroll horizontally when it overflows. */\n  scrollable = input<boolean>(false);\n\n  /** Shared service used to sync the active tab with the children. */\n  protected tabsSvc = inject(TabsService);\n\n  constructor() {\n    // Push external value changes into the shared service.\n    effect(() => {\n      this.tabsSvc.active.set(this.value());\n    });\n    // Reflect child-side selections back into the two-way value.\n    effect(() => {\n      const active = this.tabsSvc.active();\n      if (active !== this.value()) {\n        this.value.set(active);\n      }\n    });\n  }\n}\n","import { Component, input, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Horizontal bar that contains the shk-tab headers. */\n@Component({\n  selector: 'shk-tablist',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      class=\"shk-tablist\"\n      [class.shk-tablist-scrollable]=\"scrollable()\"\n      [class]=\"styleClass()\"\n      role=\"tablist\"\n      aria-orientation=\"horizontal\"\n    >\n      <ng-content></ng-content>\n    </div>\n  `,\n  styles: [\n    `\n      .shk-tablist {\n        display: flex;\n        align-items: center;\n        gap: 0.25rem;\n        flex-wrap: wrap;\n        border-bottom: 1px solid var(--shk-surface-200);\n      }\n      :host-context(.dark) .shk-tablist {\n        border-bottom-color: var(--shk-surface-200);\n      }\n      .shk-tablist-scrollable {\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        scrollbar-width: thin;\n      }\n      .shk-tablist-scrollable::-webkit-scrollbar {\n        height: 6px;\n      }\n      .shk-tablist-scrollable::-webkit-scrollbar-thumb {\n        background: var(--shk-surface-300);\n        border-radius: 9999px;\n      }\n    `,\n  ],\n})\nexport class TablistComponent {\n  /** Allows the header to scroll horizontally when it overflows. */\n  scrollable = input<boolean>(false);\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n}\n","import { Component, computed, inject, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** A single tab header. Clicking it activates the matching panel. */\n@Component({\n  selector: 'shk-tab',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      type=\"button\"\n      class=\"shk-tab\"\n      [class]=\"styleClass()\"\n      [class.shk-tab-active]=\"active()\"\n      [class.shk-tab-disabled]=\"disabled()\"\n      role=\"tab\"\n      [attr.aria-selected]=\"active()\"\n      [disabled]=\"disabled()\"\n      (click)=\"select()\"\n    >\n      <ng-content></ng-content>\n    </button>\n  `,\n  styles: [\n    `\n      .shk-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.375rem;\n        padding: 0.625rem 1rem;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: var(--shk-surface-500);\n        background: transparent;\n        border: none;\n        border-bottom: 2px solid transparent;\n        margin-bottom: -1px;\n        cursor: pointer;\n        white-space: nowrap;\n        transition:\n          color 0.15s ease-in-out,\n          border-color 0.15s ease-in-out,\n          background-color 0.15s ease-in-out;\n      }\n      .shk-tab:hover:not(:disabled):not(.shk-tab-active) {\n        color: var(--shk-surface-800);\n      }\n      .shk-tab-active {\n        color: var(--shk-primary-600);\n        border-bottom-color: var(--shk-primary-600);\n        font-weight: 600;\n      }\n      :host-context(.dark) .shk-tab-active {\n        color: var(--shk-primary-400);\n        border-bottom-color: var(--shk-primary-400);\n      }\n      .shk-tab:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n    `,\n  ],\n})\nexport class TabComponent {\n  /** Value that links this tab to its panel. */\n  value = input<any>(undefined);\n  /** Disables the tab. */\n  disabled = input<boolean>(false);\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n\n  /** Shared service used to read the active tab value. */\n  protected tabsSvc = inject(TabsService);\n  /** Whether this tab is the active one. */\n  protected active = computed(() => this.tabsSvc.active() === this.value());\n\n  /** Activates this tab through the shared service. */\n  select(): void {\n    if (this.disabled()) return;\n    this.tabsSvc.select(this.value());\n  }\n}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Container that groups the shk-tabpanel content sections. */\n@Component({\n  selector: 'shk-tabpanels',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"shk-tabpanels\">\n      <ng-content></ng-content>\n    </div>\n  `,\n})\nexport class TabpanelsComponent {}\n","import { Component, computed, inject, input, ChangeDetectionStrategy } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Content section shown only while its value is the active tab. */\n@Component({\n  selector: 'shk-tabpanel',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    @if (active()) {\n      <div class=\"shk-tabpanel\" role=\"tabpanel\">\n        <ng-content></ng-content>\n      </div>\n    }\n  `,\n  styles: [\n    `\n      /* Breathing room between the tab strip and the panel content. */\n      .shk-tabpanel {\n        padding-top: 0.75rem;\n        animation: shk-tabpanel-in 0.15s ease-out;\n      }\n      @keyframes shk-tabpanel-in {\n        from {\n          opacity: 0;\n        }\n      }\n    `,\n  ],\n})\nexport class TabPanelComponent {\n  /** Value that links this panel to its tab. */\n  value = input<any>(undefined);\n\n  /** Shared service used to read the active tab value. */\n  protected tabsSvc = inject(TabsService);\n  /** Whether this panel is the active one. */\n  protected active = computed(() => this.tabsSvc.active() === this.value());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/shirkasoft-ui-components-tag.mjs

@@ -28,7 +28,7 @@ class TagComponent {
         this.styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
         this.getIcon = getIcon;
         this.tagClass = computed(() => {
-            const base = 'inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium';
+            const base = 'shk-tag inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium';
             const severity = SEVERITY_CLASS[this.severity()] ?? SEVERITY_CLASS.secondary;
             const radius = this.rounded() ? 'rounded-full' : 'rounded-md';
             return `${base} ${radius} ${severity} ${this.styleClass()}`.trim();
@@ -45,7 +45,7 @@ class TagComponent {
       }
       <ng-content></ng-content>
     </span>
-  `, isInline: true, styles: [".shk-tag-icon{width:.875rem;height:.875rem;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".shk-tag{vertical-align:middle;white-space:nowrap;line-height:1rem}.shk-tag-icon{width:.875rem;height:.875rem;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
       }
       <ng-content></ng-content>
     </span>
-  `, styles: [".shk-tag-icon{width:.875rem;height:.875rem;flex-shrink:0}\n"] }]
+  `, styles: [".shk-tag{vertical-align:middle;white-space:nowrap;line-height:1rem}.shk-tag-icon{width:.875rem;height:.875rem;flex-shrink:0}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
 
 /**

package/fesm2022/shirkasoft-ui-components-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shirkasoft-ui-components-tag.mjs","sources":["../../../projects/ui-components/tag/tag.component.ts","../../../projects/ui-components/tag/shirkasoft-ui-components-tag.ts"],"sourcesContent":["import { Component, computed, input, ChangeDetectionStrategy } from '@angular/core';\nimport { LucideDynamicIcon } from '@lucide/angular';\nimport { getIcon } from 'shirkasoft-ui-components/utils';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\nexport type TagSeverity = 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'contrast';\n\nconst SEVERITY_CLASS: Record<TagSeverity, string> = {\n  secondary: '_shk-tag-secondary',\n  success: '_shk-tag-success',\n  info: '_shk-tag-info',\n  warning: '_shk-tag-warn',\n  danger: '_shk-tag-danger',\n  contrast: '_shk-tag-contrast',\n};\n\n/** Small label used to highlight a value, status or category. */\n@Component({\n  selector: 'shk-tag',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LucideDynamicIcon],\n  template: `\n    <span [class]=\"tagClass()\" [style]=\"style()\">\n      @if (icon()) {\n        <svg [lucideIcon]=\"getIcon(icon())\" class=\"shk-tag-icon\"></svg>\n      }\n      @if (value() !== undefined && value() !== null) {\n        <span>{{ value() }}</span>\n      }\n      <ng-content></ng-content>\n    </span>\n  `,\n  styles: [\n    `\n      .shk-tag-icon {\n        width: 0.875rem;\n        height: 0.875rem;\n        flex-shrink: 0;\n      }\n    `,\n  ],\n})\nexport class TagComponent {\n  /** Text shown inside the tag. */\n  value = input<string | number>('');\n  /** Color variant. Defaults to 'secondary'. */\n  severity = input<TagSeverity>('secondary');\n  /** Renders the tag with fully rounded corners (pill). */\n  rounded = input<boolean>(false);\n  /** Optional leading lucide icon name or component. */\n  icon = input<string | any>('');\n  /** Inline styles applied to the tag. */\n  style = input<Record<string, string | number>>({});\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n\n  protected getIcon = getIcon;\n\n  protected tagClass = computed(() => {\n    const base = 'inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium';\n    const severity = SEVERITY_CLASS[this.severity()] ?? SEVERITY_CLASS.secondary;\n    const radius = this.rounded() ? 'rounded-full' : 'rounded-md';\n    return `${base} ${radius} ${severity} ${this.styleClass()}`.trim();\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":"shirkasoft-ui-components-tag.mjs","sources":["../../../projects/ui-components/tag/tag.component.ts","../../../projects/ui-components/tag/shirkasoft-ui-components-tag.ts"],"sourcesContent":["import { Component, computed, input, ChangeDetectionStrategy } from '@angular/core';\nimport { LucideDynamicIcon } from '@lucide/angular';\nimport { getIcon } from 'shirkasoft-ui-components/utils';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\nexport type TagSeverity = 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'contrast';\n\nconst SEVERITY_CLASS: Record<TagSeverity, string> = {\n  secondary: '_shk-tag-secondary',\n  success: '_shk-tag-success',\n  info: '_shk-tag-info',\n  warning: '_shk-tag-warn',\n  danger: '_shk-tag-danger',\n  contrast: '_shk-tag-contrast',\n};\n\n/** Small label used to highlight a value, status or category. */\n@Component({\n  selector: 'shk-tag',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LucideDynamicIcon],\n  template: `\n    <span [class]=\"tagClass()\" [style]=\"style()\">\n      @if (icon()) {\n        <svg [lucideIcon]=\"getIcon(icon())\" class=\"shk-tag-icon\"></svg>\n      }\n      @if (value() !== undefined && value() !== null) {\n        <span>{{ value() }}</span>\n      }\n      <ng-content></ng-content>\n    </span>\n  `,\n  styles: [\n    `\n      /* Same vertical alignment with or without icon (an inline-flex box\n         starting with an svg has no text baseline and rose a few px), and\n         never wraps inside narrow table cells. */\n      .shk-tag {\n        vertical-align: middle;\n        white-space: nowrap;\n        line-height: 1rem;\n      }\n      .shk-tag-icon {\n        width: 0.875rem;\n        height: 0.875rem;\n        flex-shrink: 0;\n      }\n    `,\n  ],\n})\nexport class TagComponent {\n  /** Text shown inside the tag. */\n  value = input<string | number>('');\n  /** Color variant. Defaults to 'secondary'. */\n  severity = input<TagSeverity>('secondary');\n  /** Renders the tag with fully rounded corners (pill). */\n  rounded = input<boolean>(false);\n  /** Optional leading lucide icon name or component. */\n  icon = input<string | any>('');\n  /** Inline styles applied to the tag. */\n  style = input<Record<string, string | number>>({});\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n\n  protected getIcon = getIcon;\n\n  protected tagClass = computed(() => {\n    const base = 'shk-tag inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium';\n    const severity = SEVERITY_CLASS[this.severity()] ?? SEVERITY_CLASS.secondary;\n    const radius = this.rounded() ? 'rounded-full' : 'rounded-md';\n    return `${base} ${radius} ${severity} ${this.styleClass()}`.trim();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/shirkasoft-ui-components-text-field.mjs

@@ -349,7 +349,7 @@ class TextFieldComponent {
                 useExisting: forwardRef(() => TextFieldComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "textareaElement", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "textareaElement", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [attr.aria-invalid]=\"(shouldShowError() && !isDisabledSearch) || null\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"shk-control shk-control-addon block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-invalid]=\"shouldShowError() || null\"\n            [class.shk-control-valid]=\"wasFixedError()\"\n            class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        [attr.aria-invalid]=\"shouldShowError() || null\"\n        [class.shk-control-valid]=\"wasFixedError()\"\n        class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
@@ -359,7 +359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                             useExisting: forwardRef(() => TextFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n" }]
+                    ], template: "<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [attr.aria-invalid]=\"(shouldShowError() && !isDisabledSearch) || null\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"shk-control shk-control-addon block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-invalid]=\"shouldShowError() || null\"\n            [class.shk-control-valid]=\"wasFixedError()\"\n            class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        [attr.aria-invalid]=\"shouldShowError() || null\"\n        [class.shk-control-valid]=\"wasFixedError()\"\n        class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], formatCard: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatCard", required: false }] }], preventNegative: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventNegative", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], numbersOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "numbersOnly", required: false }] }], allowDecimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDecimals", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], errorMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessages", required: false }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], isTextArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTextArea", required: false }] }], textAreaHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAreaHeight", required: false }] }], searchMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchMode", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], searchButtonClick: [{ type: i0.Output, args: ["searchButtonClick"] }], inputElement: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], textareaElement: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }] } });
 
 /**

package/fesm2022/shirkasoft-ui-components-text-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shirkasoft-ui-components-text-field.mjs","sources":["../../../projects/ui-components/text-field/text-field.component.ts","../../../projects/ui-components/text-field/text-field.component.html","../../../projects/ui-components/text-field/shirkasoft-ui-components-text-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  forwardRef,\n  signal,\n  computed,\n  effect,\n  viewChild,\n  ElementRef,\n  ChangeDetectionStrategy,\n  DestroyRef,\n  inject,\n  output,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormGroup,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TranslocoService } from '@jsverse/transloco';\nimport {\n  LucideDynamicIcon,\n  LucideEye,\n} from '@lucide/angular';\nimport { getIcon as getIconFromCentral } from 'shirkasoft-ui-components/utils';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/**\n * Text input (or textarea) that implements ControlValueAccessor with built-in\n * validation messages, card/number formatting, password reveal and search mode.\n */\n@Component({\n  selector: 'shk-text-field',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, LucideDynamicIcon],\n  templateUrl: './text-field.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TextFieldComponent),\n      multi: true,\n    },\n  ],\n})\nexport class TextFieldComponent implements ControlValueAccessor {\n  private cdr = inject(ChangeDetectorRef);\n\n  /** id attribute applied to the native input. */\n  id = input<string>('');\n  /** Formats the value as a credit card number (XXXX-XXXX-XXXX-XXXX). */\n  formatCard = input<boolean>(false);\n  /** Blocks the minus sign from being typed. */\n  preventNegative = input<boolean>(false);\n  /** Label rendered above the field. */\n  label = input<string>('');\n  /** Native input type ('text', 'password', 'number', etc.). */\n  type = input<string>('text');\n  /** Allows digits only, stripping any other character. */\n  numbersOnly = input<boolean>(false);\n  /** When true, allows decimals and normalizes ',' to '.'. */\n  allowDecimals = input<boolean>(false);\n  /** Maximum number of characters the user can type. */\n  maxLength = input<number | undefined>(undefined);\n  /** Placeholder text of the native input. */\n  placeholder = input<string>('');\n  /** Custom messages keyed by validation error name. */\n  errorMessages = input<{ [key: string]: string }>({});\n  /** Parent reactive form used to resolve the control by label. */\n  formGroup = input<FormGroup | undefined>(undefined);\n  /** Reactive control bound directly to this field. */\n  control = input<FormControl | undefined>(undefined);\n  /** Disables the field. */\n  disabled = input<boolean>(false);\n  /** Custom error message shown regardless of validation errors. */\n  errorMessage = input<string>('');\n  /** Renders a textarea instead of an input. */\n  isTextArea = input<boolean>(false);\n  /** Height classes applied when `isTextArea` is true. */\n  textAreaHeight = input<string>('h-28');\n  /** Renders the field as a read-only search trigger. */\n  searchMode = input<boolean>(false);\n  /** Value shown when `searchMode` is enabled. */\n  displayValue = input<string>('');\n  /** Native autocomplete attribute. */\n  autocomplete = input<string>('');\n  /** Emitted when the search button is clicked (search mode). */\n  searchButtonClick = output<void>();\n  protected readonly getIcon = (name: any) => getIconFromCentral(name, LucideEye);\n\n  /** Reference to the native input element. */\n  inputElement = viewChild<ElementRef<HTMLInputElement>>('input');\n  /** Reference to the native textarea element. */\n  textareaElement = viewChild<ElementRef<HTMLTextAreaElement>>('textarea');\n\n  /** Internal raw value of the field. */\n  private _value = signal<any>('');\n  /** Reactive disabled state from the form control. */\n  private _disabledState = signal<boolean>(false);\n  /** Whether the password is currently revealed. */\n  showPassword = signal<boolean>(false);\n  /** Tracks whether the control was in error at some point (for \"was fixed\" UX). */\n  hadError = signal<boolean>(false);\n  /** Counter bumped to trigger recomputation of derived error signals. */\n  private errorTracker = signal<number>(0);\n\n  /** Text displayed in search mode when `displayValue` is set. */\n  displayLabel = computed(() => {\n    if (this.searchMode() && this.displayValue()) {\n      return this.displayValue();\n    }\n    return '';\n  });\n  /** Prevents re-subscribing to the same form control. */\n  private subscribed = signal<boolean>(false);\n\n  /** Effective disabled state combining the input and the form binding. */\n  isDisabled = computed(() => this.disabled() || this._disabledState());\n\n  /** Current field value. */\n  value = computed(() => this._value());\n\n  /** Resolves the reactive control: explicit `control` or `formGroup.get(label)`. */\n  actualControl = computed(() => {\n    const ctrl = this.control();\n    if (ctrl) return ctrl;\n\n    const fg = this.formGroup();\n    const lbl = this.label();\n    if (fg && lbl) {\n      return fg.get(lbl) as FormControl;\n    }\n    return undefined;\n  });\n\n  /** True when the resolved control is invalid and dirty or touched. */\n  shouldShowError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return ctrl?.invalid && (ctrl?.dirty || ctrl?.touched);\n  });\n\n  /** True when the control had an error before and is now valid (success state). */\n  wasFixedError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return this.hadError() && ctrl?.valid && ctrl?.touched;\n  });\n\n  /** Resolved list of error messages for the current control state. */\n  getErrorMessages = computed(() => {\n    this.errorTracker();\n\n    const customError = this.errorMessage();\n    if (customError) {\n      return [customError];\n    }\n\n    const ctrl = this.actualControl();\n    if (!ctrl?.errors) return [];\n\n    const customErrors = this.errorMessages();\n    const t = this.transloco;\n\n    return Object.keys(ctrl.errors).map((errorKey) => {\n      if (customErrors[errorKey]) return customErrors[errorKey];\n\n      switch (errorKey) {\n        case 'required':\n          return t.translate('validation.required');\n        case 'email':\n          return t.translate('validation.email');\n        case 'minlength':\n          return t.translate('validation.minlength', {\n            min: ctrl.errors!['minlength'].requiredLength,\n          });\n        case 'maxlength':\n          return t.translate('validation.maxlength', {\n            max: ctrl.errors!['maxlength'].requiredLength,\n          });\n        case 'pattern':\n          return t.translate('validation.pattern');\n        default:\n          return t.translate('validation.invalid');\n      }\n    });\n  });\n\n  /** Effective input type (handles textarea and password reveal). */\n  effectiveType = computed(() => {\n    if (this.isTextArea()) return 'text';\n    if (this.type() === 'password' && this.showPassword()) return 'text';\n    return this.type();\n  });\n\n  private transloco = inject(TranslocoService);\n  /** Callback notified with the new value (ControlValueAccessor). */\n  private onChange: (value: any) => void = () => {};\n\n  /** Callback notified when the field is touched (ControlValueAccessor). */\n  private onTouched: () => void = () => {};\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      const ctrl = this.actualControl();\n      const shouldDisable = this.isDisabled();\n\n      if (ctrl && shouldDisable) {\n        Promise.resolve().then(() => {\n          ctrl.disable();\n        });\n      }\n    });\n\n    effect(() => {\n      const ctrl = this.actualControl();\n\n      if (!ctrl) {\n        this.subscribed.set(false);\n        return;\n      }\n\n      if (this.subscribed()) return;\n\n      if (ctrl.invalid && ctrl.touched) {\n        this.hadError.set(true);\n      }\n\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n\n        if (ctrl.invalid && ctrl.touched) {\n          this.hadError.set(true);\n        }\n      });\n\n      ctrl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n      });\n\n      this.subscribed.set(true);\n    });\n\n    this.transloco.langChanges$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n      });\n  }\n\n  /** Prevents disallowed characters based on the `numbersOnly`/`allowDecimals` config. */\n  numberValidation(event: KeyboardEvent) {\n    const allowedKeys = [\n      'Backspace',\n      'Tab',\n      'End',\n      'Home',\n      'ArrowLeft',\n      'ArrowRight',\n      'Delete',\n    ];\n\n    if (this.numbersOnly()) {\n      const isNumber = /^\\d$/.test(event.key);\n      if (!isNumber && !allowedKeys.includes(event.key)) {\n        event.preventDefault();\n      }\n      return;\n    }\n\n    if (this.allowDecimals() || this.type() === 'number') {\n      allowedKeys.push('.');\n    }\n\n    const isDecimal = event.key === '.' || event.key === ',';\n    const isNumber = !isNaN(Number(event.key));\n\n    if (allowedKeys.includes(event.key)) {\n      if (isDecimal) {\n        const input = event.target as HTMLInputElement;\n        const currentValue = input.value;\n\n        const hasDecimalSeparator =\n          currentValue.includes('.') || currentValue.includes(',');\n\n        if (hasDecimalSeparator) {\n          event.preventDefault();\n        }\n      }\n      return;\n    }\n\n    if (isNumber) {\n      return;\n    }\n\n    event.preventDefault();\n  }\n\n  /** Marks the field as touched and refreshes the error state. */\n  onBlur(): void {\n    this.onTouched();\n\n    this.errorTracker.update((v) => v + 1);\n\n    const ctrl = this.actualControl();\n    if (ctrl?.invalid && ctrl?.touched) {\n      this.hadError.set(true);\n    }\n  }\n\n  /** Formats the raw input as a credit card number and notifies the control. */\n  onCardInput(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    let value = input.value.replace(/[^0-9]/g, '');\n\n    if (value.length > 16) {\n      value = value.substring(0, 16);\n    }\n\n    let formatted = '';\n    for (let i = 0; i < value.length; i++) {\n      if (i > 0 && i % 4 === 0) {\n        formatted += '-';\n      }\n      formatted += value[i];\n    }\n\n    input.value = formatted;\n    this.onChange(formatted);\n  }\n\n  /** Handles raw input: applies number/card/max-length formatting and notifies the control. */\n  onInput(event: Event): void {\n    const input = event.target as HTMLInputElement | HTMLTextAreaElement;\n    let newValue = input.value;\n\n    if (this.allowDecimals()) {\n      newValue = newValue.replace(/,/g, '.');\n\n      const parts = newValue.split('.');\n      if (parts.length > 2) {\n        newValue = parts[0] + '.' + parts.slice(1).join('');\n      }\n\n      if (parts.length > 1 && parts[1].length > 2) {\n        newValue = parts[0] + '.' + parts[1].substring(0, 2);\n      }\n    }\n\n    if (this.numbersOnly()) {\n      newValue = newValue.replace(/[^0-9]/g, '');\n    }\n\n    const maxLen = this.maxLength();\n    if (maxLen && newValue.length > maxLen) {\n      newValue = newValue.substring(0, maxLen);\n      input.value = newValue;\n\n      const ctrl = this.actualControl();\n      setTimeout(() => {\n        ctrl?.updateValueAndValidity();\n        this.errorTracker.update((v) => v + 1);\n      });\n    }\n\n    if (this.formatCard()) {\n      this.onCardInput(event);\n    } else {\n      this.onChange(newValue);\n    }\n  }\n\n  /** Toggles the visibility of a password field. */\n  togglePasswordVisibility(): void {\n    this.showPassword.update((v) => !v);\n  }\n\n  /** Sets the value from the form control applying the same formatting rules. */\n  writeValue(value: any): void {\n    let processedValue = value;\n\n    if (this.allowDecimals() && value) {\n      processedValue = String(value).replace(/,/g, '.');\n    }\n\n    if (this.numbersOnly() && value) {\n      processedValue = value.toString().replace(/[^0-9]/g, '');\n    }\n\n    const maxLen = this.maxLength();\n    if (maxLen && processedValue?.length > maxLen) {\n      processedValue = processedValue.substring(0, maxLen);\n    }\n\n    if (this.formatCard() && processedValue) {\n      const cleaned = processedValue.replace(/[^0-9]/g, '');\n      let formatted = '';\n      for (let i = 0; i < cleaned.length; i++) {\n        if (i > 0 && i % 4 === 0) formatted += '-';\n        formatted += cleaned[i];\n      }\n      this._value.set(formatted);\n    } else {\n      this._value.set(processedValue);\n    }\n  }\n\n  /** Registers the callback invoked on value changes (ControlValueAccessor). */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** Registers the callback invoked when the field is touched. */\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /** Reflects the disabled state of the form control. */\n  setDisabledState(isDisabled: boolean): void {\n    this._disabledState.set(isDisabled);\n    this.cdr.markForCheck();\n  }\n}\n","<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        class=\"block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getIconFromCentral"],"mappings":"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"}
+{"version":3,"file":"shirkasoft-ui-components-text-field.mjs","sources":["../../../projects/ui-components/text-field/text-field.component.ts","../../../projects/ui-components/text-field/text-field.component.html","../../../projects/ui-components/text-field/shirkasoft-ui-components-text-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  forwardRef,\n  signal,\n  computed,\n  effect,\n  viewChild,\n  ElementRef,\n  ChangeDetectionStrategy,\n  DestroyRef,\n  inject,\n  output,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormGroup,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TranslocoService } from '@jsverse/transloco';\nimport {\n  LucideDynamicIcon,\n  LucideEye,\n} from '@lucide/angular';\nimport { getIcon as getIconFromCentral } from 'shirkasoft-ui-components/utils';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/**\n * Text input (or textarea) that implements ControlValueAccessor with built-in\n * validation messages, card/number formatting, password reveal and search mode.\n */\n@Component({\n  selector: 'shk-text-field',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, LucideDynamicIcon],\n  templateUrl: './text-field.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TextFieldComponent),\n      multi: true,\n    },\n  ],\n})\nexport class TextFieldComponent implements ControlValueAccessor {\n  private cdr = inject(ChangeDetectorRef);\n\n  /** id attribute applied to the native input. */\n  id = input<string>('');\n  /** Formats the value as a credit card number (XXXX-XXXX-XXXX-XXXX). */\n  formatCard = input<boolean>(false);\n  /** Blocks the minus sign from being typed. */\n  preventNegative = input<boolean>(false);\n  /** Label rendered above the field. */\n  label = input<string>('');\n  /** Native input type ('text', 'password', 'number', etc.). */\n  type = input<string>('text');\n  /** Allows digits only, stripping any other character. */\n  numbersOnly = input<boolean>(false);\n  /** When true, allows decimals and normalizes ',' to '.'. */\n  allowDecimals = input<boolean>(false);\n  /** Maximum number of characters the user can type. */\n  maxLength = input<number | undefined>(undefined);\n  /** Placeholder text of the native input. */\n  placeholder = input<string>('');\n  /** Custom messages keyed by validation error name. */\n  errorMessages = input<{ [key: string]: string }>({});\n  /** Parent reactive form used to resolve the control by label. */\n  formGroup = input<FormGroup | undefined>(undefined);\n  /** Reactive control bound directly to this field. */\n  control = input<FormControl | undefined>(undefined);\n  /** Disables the field. */\n  disabled = input<boolean>(false);\n  /** Custom error message shown regardless of validation errors. */\n  errorMessage = input<string>('');\n  /** Renders a textarea instead of an input. */\n  isTextArea = input<boolean>(false);\n  /** Height classes applied when `isTextArea` is true. */\n  textAreaHeight = input<string>('h-28');\n  /** Renders the field as a read-only search trigger. */\n  searchMode = input<boolean>(false);\n  /** Value shown when `searchMode` is enabled. */\n  displayValue = input<string>('');\n  /** Native autocomplete attribute. */\n  autocomplete = input<string>('');\n  /** Emitted when the search button is clicked (search mode). */\n  searchButtonClick = output<void>();\n  protected readonly getIcon = (name: any) => getIconFromCentral(name, LucideEye);\n\n  /** Reference to the native input element. */\n  inputElement = viewChild<ElementRef<HTMLInputElement>>('input');\n  /** Reference to the native textarea element. */\n  textareaElement = viewChild<ElementRef<HTMLTextAreaElement>>('textarea');\n\n  /** Internal raw value of the field. */\n  private _value = signal<any>('');\n  /** Reactive disabled state from the form control. */\n  private _disabledState = signal<boolean>(false);\n  /** Whether the password is currently revealed. */\n  showPassword = signal<boolean>(false);\n  /** Tracks whether the control was in error at some point (for \"was fixed\" UX). */\n  hadError = signal<boolean>(false);\n  /** Counter bumped to trigger recomputation of derived error signals. */\n  private errorTracker = signal<number>(0);\n\n  /** Text displayed in search mode when `displayValue` is set. */\n  displayLabel = computed(() => {\n    if (this.searchMode() && this.displayValue()) {\n      return this.displayValue();\n    }\n    return '';\n  });\n  /** Prevents re-subscribing to the same form control. */\n  private subscribed = signal<boolean>(false);\n\n  /** Effective disabled state combining the input and the form binding. */\n  isDisabled = computed(() => this.disabled() || this._disabledState());\n\n  /** Current field value. */\n  value = computed(() => this._value());\n\n  /** Resolves the reactive control: explicit `control` or `formGroup.get(label)`. */\n  actualControl = computed(() => {\n    const ctrl = this.control();\n    if (ctrl) return ctrl;\n\n    const fg = this.formGroup();\n    const lbl = this.label();\n    if (fg && lbl) {\n      return fg.get(lbl) as FormControl;\n    }\n    return undefined;\n  });\n\n  /** True when the resolved control is invalid and dirty or touched. */\n  shouldShowError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return ctrl?.invalid && (ctrl?.dirty || ctrl?.touched);\n  });\n\n  /** True when the control had an error before and is now valid (success state). */\n  wasFixedError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return this.hadError() && ctrl?.valid && ctrl?.touched;\n  });\n\n  /** Resolved list of error messages for the current control state. */\n  getErrorMessages = computed(() => {\n    this.errorTracker();\n\n    const customError = this.errorMessage();\n    if (customError) {\n      return [customError];\n    }\n\n    const ctrl = this.actualControl();\n    if (!ctrl?.errors) return [];\n\n    const customErrors = this.errorMessages();\n    const t = this.transloco;\n\n    return Object.keys(ctrl.errors).map((errorKey) => {\n      if (customErrors[errorKey]) return customErrors[errorKey];\n\n      switch (errorKey) {\n        case 'required':\n          return t.translate('validation.required');\n        case 'email':\n          return t.translate('validation.email');\n        case 'minlength':\n          return t.translate('validation.minlength', {\n            min: ctrl.errors!['minlength'].requiredLength,\n          });\n        case 'maxlength':\n          return t.translate('validation.maxlength', {\n            max: ctrl.errors!['maxlength'].requiredLength,\n          });\n        case 'pattern':\n          return t.translate('validation.pattern');\n        default:\n          return t.translate('validation.invalid');\n      }\n    });\n  });\n\n  /** Effective input type (handles textarea and password reveal). */\n  effectiveType = computed(() => {\n    if (this.isTextArea()) return 'text';\n    if (this.type() === 'password' && this.showPassword()) return 'text';\n    return this.type();\n  });\n\n  private transloco = inject(TranslocoService);\n  /** Callback notified with the new value (ControlValueAccessor). */\n  private onChange: (value: any) => void = () => {};\n\n  /** Callback notified when the field is touched (ControlValueAccessor). */\n  private onTouched: () => void = () => {};\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      const ctrl = this.actualControl();\n      const shouldDisable = this.isDisabled();\n\n      if (ctrl && shouldDisable) {\n        Promise.resolve().then(() => {\n          ctrl.disable();\n        });\n      }\n    });\n\n    effect(() => {\n      const ctrl = this.actualControl();\n\n      if (!ctrl) {\n        this.subscribed.set(false);\n        return;\n      }\n\n      if (this.subscribed()) return;\n\n      if (ctrl.invalid && ctrl.touched) {\n        this.hadError.set(true);\n      }\n\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n\n        if (ctrl.invalid && ctrl.touched) {\n          this.hadError.set(true);\n        }\n      });\n\n      ctrl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n      });\n\n      this.subscribed.set(true);\n    });\n\n    this.transloco.langChanges$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n      });\n  }\n\n  /** Prevents disallowed characters based on the `numbersOnly`/`allowDecimals` config. */\n  numberValidation(event: KeyboardEvent) {\n    const allowedKeys = [\n      'Backspace',\n      'Tab',\n      'End',\n      'Home',\n      'ArrowLeft',\n      'ArrowRight',\n      'Delete',\n    ];\n\n    if (this.numbersOnly()) {\n      const isNumber = /^\\d$/.test(event.key);\n      if (!isNumber && !allowedKeys.includes(event.key)) {\n        event.preventDefault();\n      }\n      return;\n    }\n\n    if (this.allowDecimals() || this.type() === 'number') {\n      allowedKeys.push('.');\n    }\n\n    const isDecimal = event.key === '.' || event.key === ',';\n    const isNumber = !isNaN(Number(event.key));\n\n    if (allowedKeys.includes(event.key)) {\n      if (isDecimal) {\n        const input = event.target as HTMLInputElement;\n        const currentValue = input.value;\n\n        const hasDecimalSeparator =\n          currentValue.includes('.') || currentValue.includes(',');\n\n        if (hasDecimalSeparator) {\n          event.preventDefault();\n        }\n      }\n      return;\n    }\n\n    if (isNumber) {\n      return;\n    }\n\n    event.preventDefault();\n  }\n\n  /** Marks the field as touched and refreshes the error state. */\n  onBlur(): void {\n    this.onTouched();\n\n    this.errorTracker.update((v) => v + 1);\n\n    const ctrl = this.actualControl();\n    if (ctrl?.invalid && ctrl?.touched) {\n      this.hadError.set(true);\n    }\n  }\n\n  /** Formats the raw input as a credit card number and notifies the control. */\n  onCardInput(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    let value = input.value.replace(/[^0-9]/g, '');\n\n    if (value.length > 16) {\n      value = value.substring(0, 16);\n    }\n\n    let formatted = '';\n    for (let i = 0; i < value.length; i++) {\n      if (i > 0 && i % 4 === 0) {\n        formatted += '-';\n      }\n      formatted += value[i];\n    }\n\n    input.value = formatted;\n    this.onChange(formatted);\n  }\n\n  /** Handles raw input: applies number/card/max-length formatting and notifies the control. */\n  onInput(event: Event): void {\n    const input = event.target as HTMLInputElement | HTMLTextAreaElement;\n    let newValue = input.value;\n\n    if (this.allowDecimals()) {\n      newValue = newValue.replace(/,/g, '.');\n\n      const parts = newValue.split('.');\n      if (parts.length > 2) {\n        newValue = parts[0] + '.' + parts.slice(1).join('');\n      }\n\n      if (parts.length > 1 && parts[1].length > 2) {\n        newValue = parts[0] + '.' + parts[1].substring(0, 2);\n      }\n    }\n\n    if (this.numbersOnly()) {\n      newValue = newValue.replace(/[^0-9]/g, '');\n    }\n\n    const maxLen = this.maxLength();\n    if (maxLen && newValue.length > maxLen) {\n      newValue = newValue.substring(0, maxLen);\n      input.value = newValue;\n\n      const ctrl = this.actualControl();\n      setTimeout(() => {\n        ctrl?.updateValueAndValidity();\n        this.errorTracker.update((v) => v + 1);\n      });\n    }\n\n    if (this.formatCard()) {\n      this.onCardInput(event);\n    } else {\n      this.onChange(newValue);\n    }\n  }\n\n  /** Toggles the visibility of a password field. */\n  togglePasswordVisibility(): void {\n    this.showPassword.update((v) => !v);\n  }\n\n  /** Sets the value from the form control applying the same formatting rules. */\n  writeValue(value: any): void {\n    let processedValue = value;\n\n    if (this.allowDecimals() && value) {\n      processedValue = String(value).replace(/,/g, '.');\n    }\n\n    if (this.numbersOnly() && value) {\n      processedValue = value.toString().replace(/[^0-9]/g, '');\n    }\n\n    const maxLen = this.maxLength();\n    if (maxLen && processedValue?.length > maxLen) {\n      processedValue = processedValue.substring(0, maxLen);\n    }\n\n    if (this.formatCard() && processedValue) {\n      const cleaned = processedValue.replace(/[^0-9]/g, '');\n      let formatted = '';\n      for (let i = 0; i < cleaned.length; i++) {\n        if (i > 0 && i % 4 === 0) formatted += '-';\n        formatted += cleaned[i];\n      }\n      this._value.set(formatted);\n    } else {\n      this._value.set(processedValue);\n    }\n  }\n\n  /** Registers the callback invoked on value changes (ControlValueAccessor). */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** Registers the callback invoked when the field is touched. */\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  /** Reflects the disabled state of the form control. */\n  setDisabledState(isDisabled: boolean): void {\n    this._disabledState.set(isDisabled);\n    this.cdr.markForCheck();\n  }\n}\n","<div class=\"relative mb-4\">\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div class=\"relative\">\n    @if (!isTextArea()) {\n      <div class=\"flex\">\n        @if (searchMode()) {\n          @let isDisabledSearch = actualControl()?.disabled || isDisabled();\n          <input\n            #input\n            [id]=\"id()\"\n            type=\"text\"\n            [value]=\"displayValue() || ''\"\n            [placeholder]=\"placeholder() || label()\"\n            [readOnly]=\"true\"\n            [disabled]=\"isDisabledSearch\"\n            (click)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (keydown.enter)=\"!isDisabledSearch && searchButtonClick.emit()\"\n            (blur)=\"onBlur()\"\n            autocomplete=\"off\"\n            [attr.aria-invalid]=\"(shouldShowError() && !isDisabledSearch) || null\"\n            [class.cursor-pointer]=\"!isDisabledSearch\"\n            [class.cursor-not-allowed]=\"isDisabledSearch\"\n            [class._shk-bg-surface-50]=\"isDisabledSearch\"\n            [class.dark:[background-color:var(--shk-surface-100)]]=\"isDisabledSearch\"\n            [class._shk-text-surface-400]=\"isDisabledSearch\"\n            [class.dark:[color:var(--shk-surface-400)]]=\"isDisabledSearch\"\n            class=\"shk-control shk-control-addon block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-l-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500': shouldShowError() && !isDisabledSearch,\n              '_shk-border': !shouldShowError() || isDisabledSearch,\n              'cursor-pointer': !isDisabledSearch,\n              'cursor-not-allowed _shk-text-surface-400 dark:[color:var(--shk-surface-400)]': isDisabledSearch\n            }\"\n          />\n          <button\n            type=\"button\"\n            (click)=\"searchButtonClick.emit()\"\n            tabindex=\"-1\"\n            [disabled]=\"isDisabledSearch\"\n            class=\"px-3 flex items-center justify-center shrink-0 _shk-bg-primary hover:[background-color:var(--shk-primary-700)] text-white border _shk-border-primary rounded-r-lg transition-colors duration-200 disabled:[background-color:var(--shk-surface-300)] dark:disabled:[background-color:var(--shk-surface-200)] disabled:[border-color:var(--shk-surface-300)] dark:disabled:[border-color:var(--shk-surface-200)] disabled:cursor-not-allowed\"\n          >\n            <svg [lucideIcon]=\"getIcon('search')\" class=\"w-4 h-4\"></svg>\n          </button>\n        }\n\n        @if (!searchMode()) {\n          <input\n            #input\n            [id]=\"id()\"\n            [maxlength]=\"maxLength() || (formatCard() ? 19 : null)\"\n            [min]=\"type() === 'number' && preventNegative() ? '0' : null\"\n            (keypress)=\"type() === 'number' || numbersOnly() ? numberValidation($event) : null\"\n            [type]=\"effectiveType()\"\n            [formControl]=\"$any(actualControl())\"\n            [placeholder]=\"placeholder() || label()\"\n            (input)=\"onInput($event)\"\n            [autocomplete]=\"autocomplete()\"\n            (blur)=\"onBlur()\"\n            [attr.aria-invalid]=\"shouldShowError() || null\"\n            [class.shk-control-valid]=\"wasFixedError()\"\n            class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed sm:text-sm\"\n            [ngClass]=\"{\n              'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n              'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n              '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n            }\"\n            [class.pr-8]=\"type() === 'password' && actualControl()?.value?.length > 0\"\n            [class.pr-3]=\"type() !== 'password' || !actualControl()?.value?.length\"\n          />\n\n          @if (type() === 'password' && actualControl()?.value?.length > 0) {\n            <button\n              type=\"button\"\n              (click)=\"togglePasswordVisibility()\"\n              [disabled]=\"actualControl()?.disabled\"\n              class=\"absolute right-3 top-1/2 -translate-y-1/2 _shk-text-surface-400 dark:[color:var(--shk-surface-400)] hover:[color:var(--shk-surface-600)] dark:hover:[color:var(--shk-surface-600)] focus:outline-none\"\n            >\n              @if (showPassword()) {\n                <svg [lucideIcon]=\"getIcon('eye-off')\" class=\"w-4 h-4\"></svg>\n              } @else {\n                <svg [lucideIcon]=\"getIcon('eye')\" class=\"w-4 h-4\"></svg>\n              }\n            </button>\n          }\n        }\n      </div>\n    }\n\n    @if (isTextArea()) {\n      <textarea\n        #textarea\n        [id]=\"id()\"\n        [formControl]=\"$any(actualControl())\"\n        [placeholder]=\"placeholder() || label()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onBlur()\"\n        [class]=\"isTextArea() ? textAreaHeight() : 'h-28'\"\n        [attr.aria-invalid]=\"shouldShowError() || null\"\n        [class.shk-control-valid]=\"wasFixedError()\"\n        class=\"shk-control block w-full px-3 py-2 _shk-text-surface-700 dark:[color:var(--shk-surface-700)] _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border rounded-lg transition-colors placeholder:[color:var(--shk-surface-400)] dark:placeholder:[color:var(--shk-surface-400)] focus:outline-none focus:[background-color:var(--shk-surface-50)] dark:focus:[background-color:var(--shk-surface-100)] focus:ring-1 resize-none disabled:[background-color:var(--shk-surface-50)] dark:disabled:[background-color:var(--shk-surface-100)] disabled:cursor-not-allowed disabled:[color:var(--shk-surface-400)] dark:disabled:[color:var(--shk-surface-400)] sm:text-sm\"\n        [ngClass]=\"{\n          'border-red-500 focus:border-red-500 focus:ring-red-500': shouldShowError(),\n          'border-green-500 focus:border-green-500 focus:ring-green-500': wasFixedError(),\n          '_shk-border focus:[border-color:var(--shk-primary-500)] focus:[--tw-ring-color:var(--shk-primary-500)]': !shouldShowError() && !wasFixedError()\n        }\"\n      ></textarea>\n    }\n  </div>\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getIconFromCentral"],"mappings":"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"}