@raintonic/formaui 0.9.0 → 0.9.2

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-card.mjs","sources":["../../../lib/components/card/card-header.component.ts","../../../lib/components/card/card-header.component.html","../../../lib/components/card/card-actions.component.ts","../../../lib/components/card/card-actions.component.html","../../../lib/components/card/card.component.ts","../../../lib/components/card/card.component.html","../../../lib/components/card/raintonic-formaui-components-card.ts"],"sourcesContent":["import { Component, input, InputSignal } from '@angular/core';\r\n\r\n/**\r\n * # FuiCardHeader Component\r\n *\r\n * Header section for cards with optional title, subtitle, and additional content.\r\n *\r\n * ## Usage\r\n * ```html\r\n * <fui-card-header title=\"Card Title\" subtitle=\"Optional subtitle\">\r\n *   <button fuiButton variant=\"tertiary\">\r\n *     <fui-icon name=\"dots-three\"></fui-icon>\r\n *   </button>\r\n * </fui-card-header>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card-header',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './card-header.component.html',\r\n  host: {\r\n    class: 'fui-card-header',\r\n  },\r\n})\r\nexport class FuiCardHeaderComponent {\r\n  /**\r\n   * Unique id for linking with aria-labelledby from the card\r\n   */\r\n  readonly hostId = `fui-card-header-${Math.random().toString(36).slice(2)}`;\r\n\r\n  /**\r\n   * Main title text for the card header\r\n   */\r\n  readonly title: InputSignal<string | undefined> = input<string>();\r\n\r\n  /**\r\n   * Optional subtitle text for the card header\r\n   */\r\n  readonly subtitle: InputSignal<string | undefined> = input<string>();\r\n}\r\n","<div class=\"fui-flex fui-justify-between\">\r\n  <div>\r\n    @if (title()) {\r\n      <div class=\"fui-card-header__title\" [attr.id]=\"hostId\">\r\n        {{ title() }}\r\n      </div>\r\n    }\r\n    @if (subtitle()) {\r\n      <div class=\"fui-card-header__subtitle\">\r\n        {{ subtitle() }}\r\n      </div>\r\n    }\r\n  </div>\r\n<div class=\"fui-card-header__content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n</div>\r\n","import { Component, input, InputSignal } from '@angular/core';\r\n\r\n/**\r\n * # FuiCardActions Component\r\n *\r\n * Actions section for cards, typically containing buttons or other interactive elements.\r\n *\r\n * ## Usage\r\n * ```html\r\n * <fui-card-actions align=\"end\">\r\n *   <button fuiButton variant=\"tertiary\">Cancel</button>\r\n *   <button fuiButton variant=\"primary\" color=\"primary\">Save</button>\r\n * </fui-card-actions>\r\n * ```\r\n *\r\n * ### Paddingless Actions\r\n * ```html\r\n * <fui-card-actions align=\"start\" paddingless=\"true\">\r\n *   <button fuiButton variant=\"tertiary\">\r\n *     <fui-icon name=\"heart\"></fui-icon>\r\n *   </button>\r\n * </fui-card-actions>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card-actions',\r\n  standalone: true,\r\n  templateUrl: './card-actions.component.html',\r\n  host: {\r\n    class: 'fui-card-actions',\r\n    '[class.fui-card-actions--align-start]': 'align() === \"start\"',\r\n    '[class.fui-card-actions--align-center]': 'align() === \"center\"',\r\n    '[class.fui-card-actions--align-end]': 'align() === \"end\"',\r\n    '[class.fui-card-actions--paddingless]': 'paddingless()',\r\n  },\r\n})\r\nexport class FuiCardActionsComponent {\r\n  /**\r\n   * Alignment of actions within the container\r\n   * @default 'end'\r\n   */\r\n  readonly align: InputSignal<'start' | 'center' | 'end'> = input<'start' | 'center' | 'end'>('end');\r\n\r\n  /**\r\n   * Whether to remove padding from the actions container\r\n   * @default false\r\n   */\r\n  readonly paddingless: InputSignal<boolean> = input(false);\r\n}\r\n","<ng-content></ng-content>\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  ContentChild,\r\n  HostListener,\r\n  input,\r\n  InputSignal,\r\n  Signal,\r\n  signal,\r\n  ViewEncapsulation,\r\n  WritableSignal,\r\n} from '@angular/core';\r\n\r\nimport { FuiCardHeaderComponent } from './card-header.component';\r\nimport { FuiCardActionsComponent } from './card-actions.component';\r\n\r\n/**\r\n * Available card variants following Carbon Design System patterns\r\n */\r\nexport type FuiCardVariant = 'elevated' | 'outlined' | 'flat';\r\n\r\n/**\r\n * Available padding options for card content\r\n */\r\nexport type FuiCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';\r\n\r\n/**\r\n * # FuiCard Component\r\n *\r\n * A flexible container component following Carbon Design System patterns.\r\n * Provides a structured layout with optional header, content, and actions sections.\r\n *\r\n * ## Features\r\n * - Multiple variants: elevated, outlined, flat\r\n * - Configurable padding: none, sm, md, lg, xl\r\n * - Structured content areas: header, content, actions\r\n * - Clickable state support with hover animations\r\n * - Disabled state support\r\n * - Full accessibility support\r\n * - Smooth motion transitions\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Card\r\n * ```html\r\n * <fui-card>\r\n *   <p>Card content goes here</p>\r\n * </fui-card>\r\n * ```\r\n *\r\n * ### Card with Header and Actions\r\n * ```html\r\n * <fui-card variant=\"outlined\">\r\n *   <fui-card-header title=\"Card Title\" subtitle=\"Optional subtitle\">\r\n *     <button fuiButton variant=\"tertiary\" size=\"sm\" [iconOnly]=\"true\">\r\n *       <fui-icon name=\"overflow-menu-vertical\"></fui-icon>\r\n *     </button>\r\n *   </fui-card-header>\r\n *\r\n *   <p>Main card content</p>\r\n *\r\n *   <fui-card-actions align=\"end\">\r\n *     <button fuiButton variant=\"secondary\">Cancel</button>\r\n *     <button fuiButton variant=\"primary\">Save</button>\r\n *   </fui-card-actions>\r\n * </fui-card>\r\n * ```\r\n *\r\n * ### Clickable Card\r\n * ```html\r\n * <fui-card [clickable]=\"true\" (click)=\"handleCardClick()\">\r\n *   <p>This entire card is clickable</p>\r\n * </fui-card>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiCardComponent, FuiCardHeaderComponent, FuiCardActionsComponent } from '@raintonic/formaui/components/card';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiCardComponent, FuiCardHeaderComponent, FuiCardActionsComponent],\r\n *   template: `\r\n *     <fui-card variant=\"elevated\" padding=\"lg\">\r\n *       <fui-card-header title=\"User Profile\"></fui-card-header>\r\n *       <div class=\"user-info\">\r\n *         <p>User details here...</p>\r\n *       </div>\r\n *       <fui-card-actions>\r\n *         <button fuiButton>Edit</button>\r\n *       </fui-card-actions>\r\n *     </fui-card>\r\n *   `\r\n * })\r\n * export class UserCardComponent {}\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './card.component.html',\r\n  styleUrls: ['./card.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-card',\r\n    '[class]': 'computedClasses()',\r\n    '[attr.role]': 'clickable() ? \"button\" : \"region\"',\r\n    '[attr.tabindex]': 'clickable() && !disabled() ? \"0\" : null',\r\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n    '[attr.aria-labelledby]': 'headerId',\r\n  },\r\n})\r\nexport class FuiCardComponent implements AfterContentInit {\r\n  /**\r\n   * Card variant that determines the visual style\r\n   * @default 'outlined'\r\n   */\r\n  readonly variant: InputSignal<FuiCardVariant> = input<FuiCardVariant>('outlined');\r\n\r\n  /**\r\n   * Padding applied to card content\r\n   * @default 'lg'\r\n   */\r\n  readonly padding: InputSignal<FuiCardPadding> = input<FuiCardPadding>('lg');\r\n\r\n  /**\r\n   * Whether the card is clickable (adds hover effects and cursor pointer)\r\n   * @default false\r\n   */\r\n  readonly clickable: InputSignal<boolean> = input(false);\r\n\r\n  /**\r\n   * Whether the card is disabled\r\n   * @default false\r\n   */\r\n  readonly disabled: InputSignal<boolean> = input(false);\r\n\r\n  // Animation state\r\n  readonly hovered: WritableSignal<boolean> = signal(false);\r\n  readonly liftState: Signal<'idle' | 'lifted'> = computed(() =>\r\n    this.clickable() && this.hovered() && !this.disabled() ? 'lifted' : 'idle',\r\n  );\r\n\r\n  // Projected content queries and ARIA label linkage\r\n  @ContentChild(FuiCardHeaderComponent) headerCmp?: FuiCardHeaderComponent;\r\n  @ContentChild(FuiCardActionsComponent) actionsCmp?: FuiCardActionsComponent;\r\n\r\n  headerId = '';\r\n\r\n  // Computed classes\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = [`fui-card--${this.variant()}`, `fui-card--padding-${this.padding()}`];\r\n\r\n    if (this.clickable()) {\r\n      classes.push('fui-card--clickable');\r\n    }\r\n\r\n    if (this.disabled()) {\r\n      classes.push('fui-card--disabled');\r\n    }\r\n\r\n    if (this.hovered()) {\r\n      classes.push('fui-card--hovered');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    if (this.clickable() && !this.disabled()) {\r\n      this.hovered.set(true);\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    this.hovered.set(false);\r\n  }\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeyDown(event: KeyboardEvent): void {\r\n    if (this.clickable() && !this.disabled() && (event.key === 'Enter' || event.key === ' ')) {\r\n      event.preventDefault();\r\n      (event.target as HTMLElement).click();\r\n    }\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  onClick(event: MouseEvent): void {\r\n    if (this.disabled()) {\r\n      event.stopImmediatePropagation();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    this.headerId = this.headerCmp ? this.headerCmp.hostId : '';\r\n  }\r\n\r\n  // Check if header content is projected\r\n  get hasHeader(): boolean {\r\n    return !!this.headerCmp;\r\n  }\r\n\r\n  // Check if actions content is projected\r\n  get hasActions(): boolean {\r\n    return !!this.actionsCmp;\r\n  }\r\n}\r\n","@if (hasHeader) {\r\n  <div class=\"fui-card__header\">\r\n    <ng-content select=\"fui-card-header, [rtCardHeader]\"></ng-content>\r\n  </div>\r\n}\r\n\r\n<div class=\"fui-card__content\" [class.fui-card__content--no-padding]=\"padding() === 'none'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n@if (hasActions) {\r\n  <div class=\"fui-card__actions\">\r\n    <ng-content select=\"fui-card-actions, [rtCardActions]\"></ng-content>\r\n  </div>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-card.mjs","sources":["../../../lib/components/card/card-header.component.ts","../../../lib/components/card/card-header.component.html","../../../lib/components/card/card-actions.component.ts","../../../lib/components/card/card-actions.component.html","../../../lib/components/card/card.component.ts","../../../lib/components/card/card.component.html","../../../lib/components/card/raintonic-formaui-components-card.ts"],"sourcesContent":["import { Component, input, InputSignal } from '@angular/core';\r\n\r\n/**\r\n * # FuiCardHeader Component\r\n *\r\n * Header section for cards with optional title, subtitle, and additional content.\r\n *\r\n * ## Usage\r\n * ```html\r\n * <fui-card-header title=\"Card Title\" subtitle=\"Optional subtitle\">\r\n *   <button fuiButton variant=\"tertiary\">\r\n *     <fui-icon name=\"dots-three\"></fui-icon>\r\n *   </button>\r\n * </fui-card-header>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card-header',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './card-header.component.html',\r\n  host: {\r\n    class: 'fui-card-header',\r\n  },\r\n})\r\nexport class FuiCardHeaderComponent {\r\n  /**\r\n   * Unique id for linking with aria-labelledby from the card\r\n   */\r\n  readonly hostId = `fui-card-header-${Math.random().toString(36).slice(2)}`;\r\n\r\n  /**\r\n   * Main title text for the card header\r\n   */\r\n  readonly title: InputSignal<string | undefined> = input<string>();\r\n\r\n  /**\r\n   * Optional subtitle text for the card header\r\n   */\r\n  readonly subtitle: InputSignal<string | undefined> = input<string>();\r\n}\r\n","<div class=\"fui-flex fui-justify-between\">\r\n  <div>\r\n    @if (title()) {\r\n      <div class=\"fui-card-header__title\" [attr.id]=\"hostId\">\r\n        {{ title() }}\r\n      </div>\r\n    }\r\n    @if (subtitle()) {\r\n      <div class=\"fui-card-header__subtitle\">\r\n        {{ subtitle() }}\r\n      </div>\r\n    }\r\n  </div>\r\n<div class=\"fui-card-header__content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n</div>\r\n","import { Component, input, InputSignal } from '@angular/core';\r\n\r\n/**\r\n * # FuiCardActions Component\r\n *\r\n * Actions section for cards, typically containing buttons or other interactive elements.\r\n *\r\n * ## Usage\r\n * ```html\r\n * <fui-card-actions align=\"end\">\r\n *   <button fuiButton variant=\"tertiary\">Cancel</button>\r\n *   <button fuiButton variant=\"primary\" color=\"primary\">Save</button>\r\n * </fui-card-actions>\r\n * ```\r\n *\r\n * ### Paddingless Actions\r\n * ```html\r\n * <fui-card-actions align=\"start\" paddingless=\"true\">\r\n *   <button fuiButton variant=\"tertiary\">\r\n *     <fui-icon name=\"heart\"></fui-icon>\r\n *   </button>\r\n * </fui-card-actions>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card-actions',\r\n  standalone: true,\r\n  templateUrl: './card-actions.component.html',\r\n  host: {\r\n    class: 'fui-card-actions',\r\n    '[class.fui-card-actions--align-start]': 'align() === \"start\"',\r\n    '[class.fui-card-actions--align-center]': 'align() === \"center\"',\r\n    '[class.fui-card-actions--align-end]': 'align() === \"end\"',\r\n    '[class.fui-card-actions--paddingless]': 'paddingless()',\r\n  },\r\n})\r\nexport class FuiCardActionsComponent {\r\n  /**\r\n   * Alignment of actions within the container\r\n   * @default 'end'\r\n   */\r\n  readonly align: InputSignal<'start' | 'center' | 'end'> = input<'start' | 'center' | 'end'>('end');\r\n\r\n  /**\r\n   * Whether to remove padding from the actions container\r\n   * @default false\r\n   */\r\n  readonly paddingless: InputSignal<boolean> = input(false);\r\n}\r\n","<ng-content></ng-content>\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  ContentChild,\r\n  HostListener,\r\n  input,\r\n  InputSignal,\r\n  Signal,\r\n  signal,\r\n  ViewEncapsulation,\r\n  WritableSignal,\r\n} from '@angular/core';\r\n\r\nimport { FuiCardHeaderComponent } from './card-header.component';\r\nimport { FuiCardActionsComponent } from './card-actions.component';\r\n\r\n/**\r\n * Available card variants following Carbon Design System patterns\r\n */\r\nexport type FuiCardVariant = 'elevated' | 'outlined' | 'flat';\r\n\r\n/**\r\n * Available padding options for card content\r\n */\r\nexport type FuiCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';\r\n\r\n/**\r\n * # FuiCard Component\r\n *\r\n * A flexible container component following Carbon Design System patterns.\r\n * Provides a structured layout with optional header, content, and actions sections.\r\n *\r\n * ## Features\r\n * - Multiple variants: elevated, outlined, flat\r\n * - Configurable padding: none, sm, md, lg, xl\r\n * - Structured content areas: header, content, actions\r\n * - Clickable state support with hover animations\r\n * - Disabled state support\r\n * - Full accessibility support\r\n * - Smooth motion transitions\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Card\r\n * ```html\r\n * <fui-card>\r\n *   <p>Card content goes here</p>\r\n * </fui-card>\r\n * ```\r\n *\r\n * ### Card with Header and Actions\r\n * ```html\r\n * <fui-card variant=\"outlined\">\r\n *   <fui-card-header title=\"Card Title\" subtitle=\"Optional subtitle\">\r\n *     <button fuiButton variant=\"tertiary\" size=\"sm\" [iconOnly]=\"true\">\r\n *       <fui-icon name=\"overflow-menu-vertical\"></fui-icon>\r\n *     </button>\r\n *   </fui-card-header>\r\n *\r\n *   <p>Main card content</p>\r\n *\r\n *   <fui-card-actions align=\"end\">\r\n *     <button fuiButton variant=\"secondary\">Cancel</button>\r\n *     <button fuiButton variant=\"primary\">Save</button>\r\n *   </fui-card-actions>\r\n * </fui-card>\r\n * ```\r\n *\r\n * ### Clickable Card\r\n * ```html\r\n * <fui-card [clickable]=\"true\" (click)=\"handleCardClick()\">\r\n *   <p>This entire card is clickable</p>\r\n * </fui-card>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiCardComponent, FuiCardHeaderComponent, FuiCardActionsComponent } from '@raintonic/formaui/components/card';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiCardComponent, FuiCardHeaderComponent, FuiCardActionsComponent],\r\n *   template: `\r\n *     <fui-card variant=\"elevated\" padding=\"lg\">\r\n *       <fui-card-header title=\"User Profile\"></fui-card-header>\r\n *       <div class=\"user-info\">\r\n *         <p>User details here...</p>\r\n *       </div>\r\n *       <fui-card-actions>\r\n *         <button fuiButton>Edit</button>\r\n *       </fui-card-actions>\r\n *     </fui-card>\r\n *   `\r\n * })\r\n * export class UserCardComponent {}\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-card',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './card.component.html',\r\n  styleUrls: ['./card.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-card',\r\n    '[class]': 'computedClasses()',\r\n    '[attr.role]': 'clickable() ? \"button\" : \"region\"',\r\n    '[attr.tabindex]': 'clickable() && !disabled() ? \"0\" : null',\r\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n    '[attr.aria-labelledby]': 'headerId',\r\n  },\r\n})\r\nexport class FuiCardComponent implements AfterContentInit {\r\n  /**\r\n   * Card variant that determines the visual style\r\n   * @default 'outlined'\r\n   */\r\n  readonly variant: InputSignal<FuiCardVariant> = input<FuiCardVariant>('outlined');\r\n\r\n  /**\r\n   * Padding applied to card content\r\n   * @default 'lg'\r\n   */\r\n  readonly padding: InputSignal<FuiCardPadding> = input<FuiCardPadding>('lg');\r\n\r\n  /**\r\n   * Whether the card is clickable (adds hover effects and cursor pointer)\r\n   * @default false\r\n   */\r\n  readonly clickable: InputSignal<boolean> = input(false);\r\n\r\n  /**\r\n   * Whether the card is disabled\r\n   * @default false\r\n   */\r\n  readonly disabled: InputSignal<boolean> = input(false);\r\n\r\n  // Animation state\r\n  readonly hovered: WritableSignal<boolean> = signal(false);\r\n  readonly liftState: Signal<'idle' | 'lifted'> = computed(() =>\r\n    this.clickable() && this.hovered() && !this.disabled() ? 'lifted' : 'idle',\r\n  );\r\n\r\n  // Projected content queries and ARIA label linkage\r\n  @ContentChild(FuiCardHeaderComponent) headerCmp?: FuiCardHeaderComponent;\r\n  @ContentChild(FuiCardActionsComponent) actionsCmp?: FuiCardActionsComponent;\r\n\r\n  headerId = '';\r\n\r\n  // Computed classes\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = [`fui-card--${this.variant()}`, `fui-card--padding-${this.padding()}`];\r\n\r\n    if (this.clickable()) {\r\n      classes.push('fui-card--clickable');\r\n    }\r\n\r\n    if (this.disabled()) {\r\n      classes.push('fui-card--disabled');\r\n    }\r\n\r\n    if (this.hovered()) {\r\n      classes.push('fui-card--hovered');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    if (this.clickable() && !this.disabled()) {\r\n      this.hovered.set(true);\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    this.hovered.set(false);\r\n  }\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeyDown(event: KeyboardEvent): void {\r\n    if (this.clickable() && !this.disabled() && (event.key === 'Enter' || event.key === ' ')) {\r\n      event.preventDefault();\r\n      (event.target as HTMLElement).click();\r\n    }\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  onClick(event: MouseEvent): void {\r\n    if (this.disabled()) {\r\n      event.stopImmediatePropagation();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    this.headerId = this.headerCmp ? this.headerCmp.hostId : '';\r\n  }\r\n\r\n  // Check if header content is projected\r\n  get hasHeader(): boolean {\r\n    return !!this.headerCmp;\r\n  }\r\n\r\n  // Check if actions content is projected\r\n  get hasActions(): boolean {\r\n    return !!this.actionsCmp;\r\n  }\r\n}\r\n","@if (hasHeader) {\r\n  <div class=\"fui-card__header\">\r\n    <ng-content select=\"fui-card-header, [rtCardHeader]\"></ng-content>\r\n  </div>\r\n}\r\n\r\n<div class=\"fui-card__content\" [class.fui-card__content--no-padding]=\"padding() === 'none'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n@if (hasActions) {\r\n  <div class=\"fui-card__actions\">\r\n    <ng-content select=\"fui-card-actions, [rtCardActions]\"></ng-content>\r\n  </div>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -263,7 +263,7 @@ class FuiCheckboxComponent {
                 useExisting: FuiCheckboxComponent,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 1px;--fui-checkbox-border-radius: var(--fui-radius-xs);--fui-checkbox-active-bg: var(--fui-text-on-fill);--fui-checkbox-border-color: var(--fui-primary-bg);--fui-checkbox-checked-color: var(--fui-primary-bg);--fui-checkbox-hover-bg: var(--fui-primary-muted);--fui-checkbox-label-gap: var(--fui-spacing-4);--fui-checkbox-label-font-size: var(--fui-text-base);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-checkbox-label-gap);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size)}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary-10)}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size);border:var(--fui-checkbox-border-width) solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-active-bg);transition-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-checkbox__checkmark:hover{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{width:calc(var(--fui-checkbox-size) * .75);height:calc(var(--fui-checkbox-size) * .75);color:var(--fui-checkbox-checked-color);opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}@starting-style{.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{opacity:0;transform:scale(.5)}}.fui-checkbox__label{font-family:var(--fui-font-sans);font-size:var(--fui-text-base);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-border-color);opacity:0;z-index:-1;pointer-events:none;transition:var(--fui-transition-bg)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-border-color)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.8}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-checked-color)}.fui-checkbox--disabled{cursor:not-allowed}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-checkbox--disabled .fui-checkbox__checkmark-icon,.fui-checkbox--disabled .fui-checkbox__indeterminate-icon,.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-border-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-text-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 1px;--fui-checkbox-border-radius: var(--fui-radius-xs);--fui-checkbox-active-bg: var(--fui-field-bg);--fui-checkbox-border-color: var(--fui-text-secondary);--fui-checkbox-checked-color: var(--fui-primary-bg);--fui-checkbox-hover-bg: var(--fui-primary-muted);--fui-checkbox-label-gap: var(--fui-spacing-4);--fui-checkbox-label-font-size: var(--fui-text-base);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-checkbox-label-gap);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size)}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary-10)}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size);border:var(--fui-checkbox-border-width) solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-active-bg);transition-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-checkbox__checkmark:hover{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{width:calc(var(--fui-checkbox-size) * .75);height:calc(var(--fui-checkbox-size) * .75);color:var(--fui-checkbox-checked-color);opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}@starting-style{.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{opacity:0;transform:scale(.5)}}.fui-checkbox__label{font-family:var(--fui-font-sans);font-size:var(--fui-text-base);font-weight:var(--fui-weight-regular);line-height:var(--fui-leading-normal);color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-checked-color);opacity:0;z-index:-1;pointer-events:none;transition:var(--fui-transition-bg)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.8}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-checked-color)}.fui-checkbox--disabled{cursor:not-allowed}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-checkbox--disabled .fui-checkbox__checkmark-icon,.fui-checkbox--disabled .fui-checkbox__indeterminate-icon,.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-border-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-text-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiCheckboxComponent, decorators: [{
             type: Component,
@@ -284,7 +284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                             useExisting: FuiCheckboxComponent,
                             multi: true,
                         },
-                    ], template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 1px;--fui-checkbox-border-radius: var(--fui-radius-xs);--fui-checkbox-active-bg: var(--fui-text-on-fill);--fui-checkbox-border-color: var(--fui-primary-bg);--fui-checkbox-checked-color: var(--fui-primary-bg);--fui-checkbox-hover-bg: var(--fui-primary-muted);--fui-checkbox-label-gap: var(--fui-spacing-4);--fui-checkbox-label-font-size: var(--fui-text-base);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-checkbox-label-gap);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size)}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary-10)}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size);border:var(--fui-checkbox-border-width) solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-active-bg);transition-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-checkbox__checkmark:hover{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{width:calc(var(--fui-checkbox-size) * .75);height:calc(var(--fui-checkbox-size) * .75);color:var(--fui-checkbox-checked-color);opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}@starting-style{.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{opacity:0;transform:scale(.5)}}.fui-checkbox__label{font-family:var(--fui-font-sans);font-size:var(--fui-text-base);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-border-color);opacity:0;z-index:-1;pointer-events:none;transition:var(--fui-transition-bg)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-border-color)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.8}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-checked-color)}.fui-checkbox--disabled{cursor:not-allowed}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-checkbox--disabled .fui-checkbox__checkmark-icon,.fui-checkbox--disabled .fui-checkbox__indeterminate-icon,.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-border-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-text-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"] }]
+                    ], template: "<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-checkbox{--fui-checkbox-size: 1.125rem;--fui-checkbox-border-width: 1px;--fui-checkbox-border-radius: var(--fui-radius-xs);--fui-checkbox-active-bg: var(--fui-field-bg);--fui-checkbox-border-color: var(--fui-text-secondary);--fui-checkbox-checked-color: var(--fui-primary-bg);--fui-checkbox-hover-bg: var(--fui-primary-muted);--fui-checkbox-label-gap: var(--fui-spacing-4);--fui-checkbox-label-font-size: var(--fui-text-base);--fui-checkbox-ripple-size: 2.5rem;display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-checkbox__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-checkbox-label-gap);width:100%}.fui-checkbox__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size)}.fui-checkbox__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline:2px solid var(--fui-primary-10)}.fui-checkbox__checkmark{display:flex;align-items:center;justify-content:center;width:var(--fui-checkbox-size);height:var(--fui-checkbox-size);border:var(--fui-checkbox-border-width) solid var(--fui-checkbox-border-color);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-active-bg);transition-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-checkbox__checkmark:hover{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{width:calc(var(--fui-checkbox-size) * .75);height:calc(var(--fui-checkbox-size) * .75);color:var(--fui-checkbox-checked-color);opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}@starting-style{.fui-checkbox__indeterminate-icon,.fui-checkbox__checkmark-icon{opacity:0;transform:scale(.5)}}.fui-checkbox__label{font-family:var(--fui-font-sans);font-size:var(--fui-text-base);font-weight:var(--fui-weight-regular);line-height:var(--fui-leading-normal);color:var(--fui-text-primary);cursor:inherit}.fui-checkbox__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--fui-checkbox-border-radius);background-color:var(--fui-checkbox-checked-color);opacity:0;z-index:-1;pointer-events:none;transition:var(--fui-transition-bg)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-border-primary)}.fui-checkbox:not(.fui-checkbox--disabled):hover .fui-checkbox__ripple{opacity:.8}.fui-checkbox--focused:not(.fui-checkbox--disabled) .fui-checkbox__ripple{opacity:.08}.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-checkbox-hover-bg);border-color:var(--fui-checkbox-checked-color)}.fui-checkbox--disabled{cursor:not-allowed}.fui-checkbox--disabled .fui-checkbox__checkmark{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-checkbox--disabled .fui-checkbox__checkmark-icon,.fui-checkbox--disabled .fui-checkbox__indeterminate-icon,.fui-checkbox--disabled .fui-checkbox__label{color:var(--fui-text-disabled)}.fui-checkbox--disabled .fui-checkbox__ripple{display:none}.fui-checkbox--readonly{cursor:default;pointer-events:none}.fui-checkbox--readonly .fui-checkbox__label{color:var(--fui-text-secondary)}.fui-checkbox--readonly .fui-checkbox__ripple{display:none}.fui-checkbox--error .fui-checkbox__checkmark{border-color:var(--fui-border-error)}.fui-checkbox--error.fui-checkbox--checked .fui-checkbox__checkmark,.fui-checkbox--error.fui-checkbox--indeterminate .fui-checkbox__checkmark{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-checkbox--error .fui-checkbox__label{color:var(--fui-text-error)}.fui-checkbox--label-before .fui-checkbox__container{flex-direction:row-reverse;justify-content:flex-end}@media(prefers-contrast:high){.fui-checkbox__checkmark{border-width:3px}.fui-checkbox__native-control:focus-visible+.fui-checkbox__checkmark{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-checkbox__checkmark,.fui-checkbox__checkmark-icon,.fui-checkbox__indeterminate-icon,.fui-checkbox__ripple{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], checkedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indeterminateInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], indeterminateChange: [{ type: i0.Output, args: ["indeterminateChange"] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-checkbox.mjs","sources":["../../../lib/components/checkbox/checkbox.component.ts","../../../lib/components/checkbox/checkbox.component.html","../../../lib/components/checkbox/raintonic-formaui-components-checkbox.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  computed,\r\n  signal,\r\n  viewChild,\r\n  ElementRef,\r\n  OutputEmitterRef,\r\n  Signal,\r\n  WritableSignal,\r\n  OnDestroy,\r\n  DoCheck,\r\n  inject,\r\n  effect,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\n\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl, FormGroupDirective, NgForm } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\r\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\r\n\r\n/**\r\n * Checkbox label position\r\n */\r\nexport type FuiCheckboxLabelPosition = 'before' | 'after';\r\n\r\n/**\r\n * Checkbox change event interface (compatible with MatCheckboxChange)\r\n */\r\nexport interface FuiCheckboxChange {\r\n  /** The source checkbox of the event. */\r\n  source: FuiCheckboxComponent;\r\n  /** The new `checked` value of the checkbox. */\r\n  checked: boolean;\r\n}\r\n\r\n/**\r\n * # FuiCheckbox Component\r\n *\r\n * A checkbox component with full Angular Reactive Forms support.\r\n * Compatible with Angular Material's mat-checkbox interface.\r\n *\r\n * ## Features\r\n * - Full Reactive Forms integration (ControlValueAccessor)\r\n * - Indeterminate state support\r\n * - Label position configuration (before/after)\r\n * - Built-in validation and error display\r\n * - Disabled state\r\n * - Full accessibility support (ARIA)\r\n * - Compatible with mat-checkbox interface\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Checkbox\r\n * ```html\r\n * <fui-checkbox>Accept terms</fui-checkbox>\r\n * ```\r\n *\r\n * ### With Reactive Forms\r\n * ```html\r\n * <form [formGroup]=\"form\">\r\n *   <fui-checkbox formControlName=\"acceptTerms\">\r\n *     I accept the terms and conditions\r\n *   </fui-checkbox>\r\n * </form>\r\n * ```\r\n *\r\n * ### Indeterminate State\r\n * ```html\r\n * <fui-checkbox [indeterminate]=\"true\">\r\n *   Select all\r\n * </fui-checkbox>\r\n * ```\r\n *\r\n * ### Label Position\r\n * ```html\r\n * <fui-checkbox labelPosition=\"before\">\r\n *   Label before checkbox\r\n * </fui-checkbox>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-checkbox',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './checkbox.component.html',\r\n  styleUrls: ['./checkbox.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-checkbox',\r\n    '[class.fui-checkbox--checked]': 'checked()',\r\n    '[class.fui-checkbox--disabled]': 'disabled() && !readonlyInput()',\r\n    '[class.fui-checkbox--readonly]': 'readonlyInput()',\r\n    '[class.fui-checkbox--indeterminate]': 'indeterminate()',\r\n    '[class.fui-checkbox--label-before]': 'labelPosition() === \"before\"',\r\n    '[class.fui-checkbox--focused]': 'focused()',\r\n    '[class.fui-checkbox--error]': 'errorState()',\r\n    '[attr.id]': 'id',\r\n    '[attr.tabindex]': 'null',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: FuiCheckboxComponent,\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class FuiCheckboxComponent implements ControlValueAccessor, DoCheck, OnDestroy {\r\n  // Static properties\r\n  static nextId = 0;\r\n  readonly controlType = 'fui-checkbox';\r\n\r\n  // Inputs using new signal-based API (mat-checkbox compatible)\r\n  readonly readonlyInput = input<boolean, unknown>(false, {\r\n    alias: 'readonly',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly checkedInput = input<boolean, unknown>(false, {\r\n    alias: 'checked',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly disabledInput = input<boolean, unknown>(false, {\r\n    alias: 'disabled',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly indeterminateInput = input<boolean, unknown>(false, {\r\n    alias: 'indeterminate',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly requiredInput = input<boolean, unknown>(false, {\r\n    alias: 'required',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly labelPosition = input<FuiCheckboxLabelPosition>('after');\r\n  readonly name = input<string | null>(null);\r\n  readonly value = input('on');\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\r\n  readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\r\n  readonly disableRipple = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly tabIndex = input(0);\r\n  readonly errorStateMatcher = input<ErrorStateMatcher | null>(null);\r\n\r\n  // Outputs (mat-checkbox compatible)\r\n  readonly change: OutputEmitterRef<FuiCheckboxChange> = output<FuiCheckboxChange>();\r\n  readonly indeterminateChange: OutputEmitterRef<boolean> = output<boolean>();\r\n\r\n  // Internal state signals - single source of truth like mat-checkbox\r\n  private readonly _checked: WritableSignal<boolean> = signal(false);\r\n  private readonly _indeterminate: WritableSignal<boolean> = signal(false);\r\n  private readonly _focused: WritableSignal<boolean> = signal(false);\r\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\r\n\r\n  // Public signals - expose internal state as readonly\r\n  readonly checked: Signal<boolean> = this._checked.asReadonly();\r\n  readonly indeterminate: Signal<boolean> = this._indeterminate.asReadonly();\r\n  readonly focused: Signal<boolean> = this._focused.asReadonly();\r\n\r\n  // State changes subject for form field compatibility\r\n  readonly stateChanges = new Subject<void>();\r\n  private _uid = `fui-checkbox-${FuiCheckboxComponent.nextId++}`;\r\n  readonly id = this._uid;\r\n  readonly inputId = `${this._uid}-input`;\r\n\r\n  // Error state\r\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\r\n  readonly errorState = this._errorState.asReadonly();\r\n\r\n  // Form control references\r\n  private _parentForm = inject(NgForm, { optional: true });\r\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\r\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\r\n  private readonly _ngControlRef = injectNgControl();\r\n\r\n  get ngControl(): NgControl | null {\r\n    return this._ngControlRef.ngControl;\r\n  }\r\n\r\n  // Required signal\r\n  private readonly _required: WritableSignal<boolean> = signal(false);\r\n  readonly required: Signal<boolean> = computed(() => this._required() || this.requiredInput());\r\n\r\n  // NgControl disabled state\r\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\r\n  readonly disabled: Signal<boolean> = computed(\r\n    () => this._disabled() || this.disabledInput() || this._ngControlDisabled(),\r\n  );\r\n\r\n  // ViewChild for input element\r\n  readonly inputElement: Signal<ElementRef<HTMLInputElement> | undefined> =\r\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\r\n\r\n  // ControlValueAccessor callbacks\r\n  private _onChange: (value: boolean) => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n  private _onTouched: () => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n\r\n  // Track if writeValue has been called by a form control\r\n  private _formControlInitialized = false;\r\n\r\n  constructor() {\r\n    // Set valueAccessor after NgControl is resolved\r\n    void Promise.resolve().then(() => {\r\n      if (this._ngControlRef.ngControl) {\r\n        this._ngControlRef.ngControl.valueAccessor = this;\r\n      }\r\n    });\r\n\r\n    // Effect to sync checked input to internal state (like mat-checkbox @Input setter)\r\n    // This allows [checked]=\"value\" to work, but form controls take precedence via writeValue\r\n    effect(() => {\r\n      const inputChecked = this.checkedInput();\r\n      // Only apply input value if form control hasn't initialized with writeValue\r\n      if (!this._formControlInitialized) {\r\n        this._checked.set(inputChecked);\r\n      }\r\n    });\r\n\r\n    // Effect to sync indeterminate input to internal state\r\n    effect(() => {\r\n      const inputIndeterminate = this.indeterminateInput();\r\n      this._indeterminate.set(inputIndeterminate);\r\n    });\r\n\r\n    // Effect to emit state changes\r\n    effect(() => {\r\n      // Track all reactive inputs and internal signals\r\n      this.checkedInput();\r\n      this.disabledInput();\r\n      this.indeterminateInput();\r\n      this.requiredInput();\r\n      this.labelPosition();\r\n      this.name();\r\n      this.value();\r\n      this.errorStateMatcher();\r\n      this._checked();\r\n      this._indeterminate();\r\n      this._focused();\r\n      this._disabled();\r\n      this._ngControlDisabled();\r\n      this._required();\r\n      this._errorState();\r\n\r\n      // Emit state change\r\n      this.stateChanges.next();\r\n    });\r\n  }\r\n\r\n  ngDoCheck(): void {\r\n    if (this.ngControl) {\r\n      updateErrorState(\r\n        this.ngControl,\r\n        this._errorState,\r\n        this.errorStateMatcher(),\r\n        this._defaultErrorStateMatcher,\r\n        this._parentForm,\r\n        this._parentFormGroup,\r\n        this.stateChanges,\r\n      );\r\n      syncRequiredState(this.ngControl, this._required, this.stateChanges);\r\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: boolean): void {\r\n    this._formControlInitialized = true;\r\n    this._checked.set(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: (value: boolean) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this._disabled.set(isDisabled);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // Event handlers\r\n  onInputChange(event: Event): void {\r\n    event.stopPropagation();\r\n\r\n    if (this.disabled()) {\r\n      return;\r\n    }\r\n\r\n    // Read the new checked state from the native input element\r\n    const target = event.target as HTMLInputElement;\r\n    const newChecked = target.checked;\r\n\r\n    // Update internal state\r\n    this._checked.set(newChecked);\r\n\r\n    // Clear indeterminate when checking/unchecking\r\n    if (this._indeterminate()) {\r\n      this._indeterminate.set(false);\r\n      this.indeterminateChange.emit(false);\r\n    }\r\n\r\n    // Emit change events (this updates the form control)\r\n    this._onChange(newChecked);\r\n    this.change.emit({\r\n      source: this,\r\n      checked: newChecked,\r\n    });\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onFocus(): void {\r\n    if (!this._focused()) {\r\n      this._focused.set(true);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  onBlur(): void {\r\n    if (this._focused()) {\r\n      this._focused.set(false);\r\n      this._onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // Public methods (mat-checkbox compatible)\r\n\r\n  /** Toggles the `checked` state of the checkbox. */\r\n  toggle(): void {\r\n    if (!this.disabled()) {\r\n      const newChecked = !this._checked();\r\n      this._checked.set(newChecked);\r\n\r\n      // Clear indeterminate when toggling\r\n      if (this._indeterminate()) {\r\n        this._indeterminate.set(false);\r\n        this.indeterminateChange.emit(false);\r\n      }\r\n\r\n      this._onChange(newChecked);\r\n      this.change.emit({\r\n        source: this,\r\n        checked: newChecked,\r\n      });\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  /** Focuses the checkbox. */\r\n  focus(): void {\r\n    this.inputElement()?.nativeElement.focus();\r\n  }\r\n\r\n  /** Sets the indeterminate state programmatically. */\r\n  setIndeterminate(value: boolean): void {\r\n    if (this._indeterminate() !== value) {\r\n      this._indeterminate.set(value);\r\n      this.indeterminateChange.emit(value);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n}\r\n","<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;MA6BU,oBAAoB,CAAA;;AAE/B,IAAA,OAAO,MAAM,GAAG,CAAC;IACR,WAAW,GAAG,cAAc;;AAG5B,IAAA,aAAa,GAAG,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,YAAY,GAAG,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,CAAA,EACnD,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,aAAa,GAAG,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,kBAAkB,GAAG,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,8BAAA,EAAA,CAAA,EACzD,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,aAAa,GAAG,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,aAAa,GAAG,KAAK,CAA2B,OAAO,oFAAC;AACxD,IAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,2EAAC;AACjC,IAAA,KAAK,GAAG,KAAK,CAAC,IAAI,4EAAC;IACnB,SAAS,GAAG,KAAK,CAAgB,IAAI,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAC/D,cAAc,GAAG,KAAK,CAAgB,IAAI,sFAAI,KAAK,EAAE,iBAAiB,EAAA,CAAG;IACzE,eAAe,GAAG,KAAK,CAAgB,IAAI,uFAAI,KAAK,EAAE,kBAAkB,EAAA,CAAG;IAC3E,aAAa,GAAG,KAAK,CAAmB,KAAK,qFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC/E,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,+EAAC;AACnB,IAAA,iBAAiB,GAAG,KAAK,CAA2B,IAAI,wFAAC;;IAGzD,MAAM,GAAwC,MAAM,EAAqB;IACzE,mBAAmB,GAA8B,MAAM,EAAW;;AAG1D,IAAA,QAAQ,GAA4B,MAAM,CAAC,KAAK,+EAAC;AACjD,IAAA,cAAc,GAA4B,MAAM,CAAC,KAAK,qFAAC;AACvD,IAAA,QAAQ,GAA4B,MAAM,CAAC,KAAK,+EAAC;AACjD,IAAA,SAAS,GAA4B,MAAM,CAAC,KAAK,gFAAC;;AAG1D,IAAA,OAAO,GAAoB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;AACrD,IAAA,aAAa,GAAoB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;AACjE,IAAA,OAAO,GAAoB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;AAGrD,IAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;AACnC,IAAA,IAAI,GAAG,CAAA,aAAA,EAAgB,oBAAoB,CAAC,MAAM,EAAE,EAAE;AACrD,IAAA,EAAE,GAAG,IAAI,CAAC,IAAI;AACd,IAAA,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,QAAQ;;AAGtB,IAAA,WAAW,GAA4B,MAAM,CAAC,KAAK,kFAAC;AAC5D,IAAA,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;;IAG3C,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAChD,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACjE,IAAA,yBAAyB,GAAG,MAAM,CAAC,wBAAwB,CAAC;IACnD,aAAa,GAAG,eAAe,EAAE;AAElD,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS;IACrC;;AAGiB,IAAA,SAAS,GAA4B,MAAM,CAAC,KAAK,gFAAC;AAC1D,IAAA,QAAQ,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,+EAAC;;AAG5E,IAAA,kBAAkB,GAA4B,MAAM,CAAC,KAAK,yFAAC;IACnE,QAAQ,GAAoB,QAAQ,CAC3C,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAC5E;;AAGQ,IAAA,YAAY,GACnB,SAAS,CAA+B,cAAc,mFAAC;;IAGjD,SAAS,GAA6B,MAAK;;AAEnD,IAAA,CAAC;IACO,UAAU,GAAe,MAAK;;AAEtC,IAAA,CAAC;;IAGO,uBAAuB,GAAG,KAAK;AAEvC,IAAA,WAAA,GAAA;;QAEE,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;AAC/B,YAAA,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE;gBAChC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;YACnD;AACF,QAAA,CAAC,CAAC;;;QAIF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;;AAExC,YAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;AACjC,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC;YACjC;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE;AACpD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAC7C,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;;YAEV,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,WAAW,EAAE;;AAGlB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,QAAA,CAAC,CAAC;IACJ;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,gBAAgB,CACd,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,yBAAyB,EAC9B,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,YAAY,CAClB;AACD,YAAA,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;AACpE,YAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,YAAY,CAAC;QACnF;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC9B;;AAGA,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,uBAAuB,GAAG,IAAI;AACnC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;AAEA,IAAA,gBAAgB,CAAC,EAA4B,EAAA;AAC3C,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;;AAGA,IAAA,aAAa,CAAC,KAAY,EAAA;QACxB,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB;QACF;;AAGA,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO;;AAGjC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;;AAG7B,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;AACzB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;QACtC;;AAGA,QAAA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;AAC1B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACf,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;;;IAKA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE;AACnC,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;;AAG7B,YAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;AACzB,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,gBAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;YACtC;AAEA,YAAA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;AAC1B,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AACf,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;;IAGA,KAAK,GAAA;QACH,IAAI,CAAC,YAAY,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE;IAC5C;;AAGA,IAAA,gBAAgB,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,KAAK,EAAE;AACnC,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;uGAxQW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,gCAAA,EAAA,8BAAA,EAAA,iBAAA,EAAA,mCAAA,EAAA,iBAAA,EAAA,kCAAA,EAAA,gCAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,2BAAA,EAAA,cAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EARpB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,oBAAoB;AACjC,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/GH,siEAgEA,EAAA,MAAA,EAAA,CAAA,m/MAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDiDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBA5BhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,+BAA+B,EAAE,WAAW;AAC5C,wBAAA,gCAAgC,EAAE,gCAAgC;AAClE,wBAAA,gCAAgC,EAAE,iBAAiB;AACnD,wBAAA,qCAAqC,EAAE,iBAAiB;AACxD,wBAAA,oCAAoC,EAAE,8BAA8B;AACpE,wBAAA,+BAA+B,EAAE,WAAW;AAC5C,wBAAA,6BAA6B,EAAE,cAAc;AAC7C,wBAAA,WAAW,EAAE,IAAI;AACjB,wBAAA,iBAAiB,EAAE,MAAM;qBAC1B,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAA,oBAAsB;AACjC,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,siEAAA,EAAA,MAAA,EAAA,CAAA,m/MAAA,CAAA,EAAA;wnDAqFyC,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEpM1D;;AAEG;;;;"}
+{"version":3,"file":"raintonic-formaui-components-checkbox.mjs","sources":["../../../lib/components/checkbox/checkbox.component.ts","../../../lib/components/checkbox/checkbox.component.html","../../../lib/components/checkbox/raintonic-formaui-components-checkbox.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  computed,\r\n  signal,\r\n  viewChild,\r\n  ElementRef,\r\n  OutputEmitterRef,\r\n  Signal,\r\n  WritableSignal,\r\n  OnDestroy,\r\n  DoCheck,\r\n  inject,\r\n  effect,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\n\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl, FormGroupDirective, NgForm } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\r\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\r\n\r\n/**\r\n * Checkbox label position\r\n */\r\nexport type FuiCheckboxLabelPosition = 'before' | 'after';\r\n\r\n/**\r\n * Checkbox change event interface (compatible with MatCheckboxChange)\r\n */\r\nexport interface FuiCheckboxChange {\r\n  /** The source checkbox of the event. */\r\n  source: FuiCheckboxComponent;\r\n  /** The new `checked` value of the checkbox. */\r\n  checked: boolean;\r\n}\r\n\r\n/**\r\n * # FuiCheckbox Component\r\n *\r\n * A checkbox component with full Angular Reactive Forms support.\r\n * Compatible with Angular Material's mat-checkbox interface.\r\n *\r\n * ## Features\r\n * - Full Reactive Forms integration (ControlValueAccessor)\r\n * - Indeterminate state support\r\n * - Label position configuration (before/after)\r\n * - Built-in validation and error display\r\n * - Disabled state\r\n * - Full accessibility support (ARIA)\r\n * - Compatible with mat-checkbox interface\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Checkbox\r\n * ```html\r\n * <fui-checkbox>Accept terms</fui-checkbox>\r\n * ```\r\n *\r\n * ### With Reactive Forms\r\n * ```html\r\n * <form [formGroup]=\"form\">\r\n *   <fui-checkbox formControlName=\"acceptTerms\">\r\n *     I accept the terms and conditions\r\n *   </fui-checkbox>\r\n * </form>\r\n * ```\r\n *\r\n * ### Indeterminate State\r\n * ```html\r\n * <fui-checkbox [indeterminate]=\"true\">\r\n *   Select all\r\n * </fui-checkbox>\r\n * ```\r\n *\r\n * ### Label Position\r\n * ```html\r\n * <fui-checkbox labelPosition=\"before\">\r\n *   Label before checkbox\r\n * </fui-checkbox>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-checkbox',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './checkbox.component.html',\r\n  styleUrls: ['./checkbox.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-checkbox',\r\n    '[class.fui-checkbox--checked]': 'checked()',\r\n    '[class.fui-checkbox--disabled]': 'disabled() && !readonlyInput()',\r\n    '[class.fui-checkbox--readonly]': 'readonlyInput()',\r\n    '[class.fui-checkbox--indeterminate]': 'indeterminate()',\r\n    '[class.fui-checkbox--label-before]': 'labelPosition() === \"before\"',\r\n    '[class.fui-checkbox--focused]': 'focused()',\r\n    '[class.fui-checkbox--error]': 'errorState()',\r\n    '[attr.id]': 'id',\r\n    '[attr.tabindex]': 'null',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: FuiCheckboxComponent,\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class FuiCheckboxComponent implements ControlValueAccessor, DoCheck, OnDestroy {\r\n  // Static properties\r\n  static nextId = 0;\r\n  readonly controlType = 'fui-checkbox';\r\n\r\n  // Inputs using new signal-based API (mat-checkbox compatible)\r\n  readonly readonlyInput = input<boolean, unknown>(false, {\r\n    alias: 'readonly',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly checkedInput = input<boolean, unknown>(false, {\r\n    alias: 'checked',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly disabledInput = input<boolean, unknown>(false, {\r\n    alias: 'disabled',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly indeterminateInput = input<boolean, unknown>(false, {\r\n    alias: 'indeterminate',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly requiredInput = input<boolean, unknown>(false, {\r\n    alias: 'required',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly labelPosition = input<FuiCheckboxLabelPosition>('after');\r\n  readonly name = input<string | null>(null);\r\n  readonly value = input('on');\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\r\n  readonly ariaDescribedby = input<string | null>(null, { alias: 'aria-describedby' });\r\n  readonly disableRipple = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly tabIndex = input(0);\r\n  readonly errorStateMatcher = input<ErrorStateMatcher | null>(null);\r\n\r\n  // Outputs (mat-checkbox compatible)\r\n  readonly change: OutputEmitterRef<FuiCheckboxChange> = output<FuiCheckboxChange>();\r\n  readonly indeterminateChange: OutputEmitterRef<boolean> = output<boolean>();\r\n\r\n  // Internal state signals - single source of truth like mat-checkbox\r\n  private readonly _checked: WritableSignal<boolean> = signal(false);\r\n  private readonly _indeterminate: WritableSignal<boolean> = signal(false);\r\n  private readonly _focused: WritableSignal<boolean> = signal(false);\r\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\r\n\r\n  // Public signals - expose internal state as readonly\r\n  readonly checked: Signal<boolean> = this._checked.asReadonly();\r\n  readonly indeterminate: Signal<boolean> = this._indeterminate.asReadonly();\r\n  readonly focused: Signal<boolean> = this._focused.asReadonly();\r\n\r\n  // State changes subject for form field compatibility\r\n  readonly stateChanges = new Subject<void>();\r\n  private _uid = `fui-checkbox-${FuiCheckboxComponent.nextId++}`;\r\n  readonly id = this._uid;\r\n  readonly inputId = `${this._uid}-input`;\r\n\r\n  // Error state\r\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\r\n  readonly errorState = this._errorState.asReadonly();\r\n\r\n  // Form control references\r\n  private _parentForm = inject(NgForm, { optional: true });\r\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\r\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\r\n  private readonly _ngControlRef = injectNgControl();\r\n\r\n  get ngControl(): NgControl | null {\r\n    return this._ngControlRef.ngControl;\r\n  }\r\n\r\n  // Required signal\r\n  private readonly _required: WritableSignal<boolean> = signal(false);\r\n  readonly required: Signal<boolean> = computed(() => this._required() || this.requiredInput());\r\n\r\n  // NgControl disabled state\r\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\r\n  readonly disabled: Signal<boolean> = computed(\r\n    () => this._disabled() || this.disabledInput() || this._ngControlDisabled(),\r\n  );\r\n\r\n  // ViewChild for input element\r\n  readonly inputElement: Signal<ElementRef<HTMLInputElement> | undefined> =\r\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\r\n\r\n  // ControlValueAccessor callbacks\r\n  private _onChange: (value: boolean) => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n  private _onTouched: () => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n\r\n  // Track if writeValue has been called by a form control\r\n  private _formControlInitialized = false;\r\n\r\n  constructor() {\r\n    // Set valueAccessor after NgControl is resolved\r\n    void Promise.resolve().then(() => {\r\n      if (this._ngControlRef.ngControl) {\r\n        this._ngControlRef.ngControl.valueAccessor = this;\r\n      }\r\n    });\r\n\r\n    // Effect to sync checked input to internal state (like mat-checkbox @Input setter)\r\n    // This allows [checked]=\"value\" to work, but form controls take precedence via writeValue\r\n    effect(() => {\r\n      const inputChecked = this.checkedInput();\r\n      // Only apply input value if form control hasn't initialized with writeValue\r\n      if (!this._formControlInitialized) {\r\n        this._checked.set(inputChecked);\r\n      }\r\n    });\r\n\r\n    // Effect to sync indeterminate input to internal state\r\n    effect(() => {\r\n      const inputIndeterminate = this.indeterminateInput();\r\n      this._indeterminate.set(inputIndeterminate);\r\n    });\r\n\r\n    // Effect to emit state changes\r\n    effect(() => {\r\n      // Track all reactive inputs and internal signals\r\n      this.checkedInput();\r\n      this.disabledInput();\r\n      this.indeterminateInput();\r\n      this.requiredInput();\r\n      this.labelPosition();\r\n      this.name();\r\n      this.value();\r\n      this.errorStateMatcher();\r\n      this._checked();\r\n      this._indeterminate();\r\n      this._focused();\r\n      this._disabled();\r\n      this._ngControlDisabled();\r\n      this._required();\r\n      this._errorState();\r\n\r\n      // Emit state change\r\n      this.stateChanges.next();\r\n    });\r\n  }\r\n\r\n  ngDoCheck(): void {\r\n    if (this.ngControl) {\r\n      updateErrorState(\r\n        this.ngControl,\r\n        this._errorState,\r\n        this.errorStateMatcher(),\r\n        this._defaultErrorStateMatcher,\r\n        this._parentForm,\r\n        this._parentFormGroup,\r\n        this.stateChanges,\r\n      );\r\n      syncRequiredState(this.ngControl, this._required, this.stateChanges);\r\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: boolean): void {\r\n    this._formControlInitialized = true;\r\n    this._checked.set(value);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: (value: boolean) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this._disabled.set(isDisabled);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  // Event handlers\r\n  onInputChange(event: Event): void {\r\n    event.stopPropagation();\r\n\r\n    if (this.disabled()) {\r\n      return;\r\n    }\r\n\r\n    // Read the new checked state from the native input element\r\n    const target = event.target as HTMLInputElement;\r\n    const newChecked = target.checked;\r\n\r\n    // Update internal state\r\n    this._checked.set(newChecked);\r\n\r\n    // Clear indeterminate when checking/unchecking\r\n    if (this._indeterminate()) {\r\n      this._indeterminate.set(false);\r\n      this.indeterminateChange.emit(false);\r\n    }\r\n\r\n    // Emit change events (this updates the form control)\r\n    this._onChange(newChecked);\r\n    this.change.emit({\r\n      source: this,\r\n      checked: newChecked,\r\n    });\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onFocus(): void {\r\n    if (!this._focused()) {\r\n      this._focused.set(true);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  onBlur(): void {\r\n    if (this._focused()) {\r\n      this._focused.set(false);\r\n      this._onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // Public methods (mat-checkbox compatible)\r\n\r\n  /** Toggles the `checked` state of the checkbox. */\r\n  toggle(): void {\r\n    if (!this.disabled()) {\r\n      const newChecked = !this._checked();\r\n      this._checked.set(newChecked);\r\n\r\n      // Clear indeterminate when toggling\r\n      if (this._indeterminate()) {\r\n        this._indeterminate.set(false);\r\n        this.indeterminateChange.emit(false);\r\n      }\r\n\r\n      this._onChange(newChecked);\r\n      this.change.emit({\r\n        source: this,\r\n        checked: newChecked,\r\n      });\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  /** Focuses the checkbox. */\r\n  focus(): void {\r\n    this.inputElement()?.nativeElement.focus();\r\n  }\r\n\r\n  /** Sets the indeterminate state programmatically. */\r\n  setIndeterminate(value: boolean): void {\r\n    if (this._indeterminate() !== value) {\r\n      this._indeterminate.set(value);\r\n      this.indeterminateChange.emit(value);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n}\r\n","<label class=\"fui-checkbox__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-checkbox__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"checkbox\"\r\n      class=\"fui-checkbox__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"checked()\"\r\n      [disabled]=\"disabled()\"\r\n      [required]=\"required()\"\r\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.aria-describedby]=\"ariaDescribedby()\"\r\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\r\n      [attr.aria-required]=\"required() ? 'true' : null\"\r\n      [attr.tabindex]=\"tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n\r\n    <span class=\"fui-checkbox__checkmark\">\r\n      @if (checked() && !indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__checkmark-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <polyline points=\"20 6 9 17 4 12\"></polyline>\r\n        </svg>\r\n      }\r\n\r\n      @if (indeterminate()) {\r\n        <svg\r\n          class=\"fui-checkbox__indeterminate-icon\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"3\"\r\n          stroke-linecap=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line>\r\n        </svg>\r\n      }\r\n    </span>\r\n\r\n    @if (!disableRipple() && !disabled()) {\r\n      <span class=\"fui-checkbox__ripple\"></span>\r\n    }\r\n  </span>\r\n\r\n  <span class=\"fui-checkbox__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -70,7 +70,7 @@ class FuiChipComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiChipComponent, isStandalone: true, selector: "fui-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed", selectedChange: "selectedChange" }, host: { listeners: { "click": "onClick()", "keydown.enter": "onClick()", "keydown.space": "onSpace($event)" }, properties: { "class": "computedClasses()", "class.fui-chip--selected": "_selected()", "class.fui-chip--disabled": "disabled()", "attr.role": "selectable() ? \"option\" : null", "attr.aria-selected": "selectable() ? _selected() : null", "attr.aria-pressed": "selectable() ? _selected() : null", "attr.tabindex": "selectable() || removable() ? 0 : null" }, classAttribute: "fui-chip" }, ngImport: i0, template: "<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-chip{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem);border-radius:var(--fui-radius-pill, 999px);font-family:var(--fui-font-sans);font-weight:var(--fui-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition-property:background-color border-color color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-chip--sm{padding:.125rem var(--fui-spacing-4, .5rem);font-size:var(--fui-text-sm);height:1.25rem}.fui-chip--md{padding:.25rem var(--fui-spacing-6, .75rem);font-size:var(--fui-text-base);height:1.625rem}.fui-chip--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-chip--secondary{background-color:var(--fui-neutral-20);color:var(--fui-neutral-80)}.fui-chip--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-chip--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-chip--danger{background-color:var(--fui-error-20);color:var(--fui-error-80)}.fui-chip--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-chip--selected.fui-chip--primary{background-color:var(--fui-primary-bg);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--secondary{background-color:var(--fui-neutral-80);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--success{background-color:var(--fui-fill-success);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--warning{background-color:var(--fui-fill-warning);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--danger{background-color:var(--fui-fill-error);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--info{background-color:var(--fui-fill-info);color:var(--fui-text-on-fill)}.fui-chip__content{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem)}.fui-chip__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-chip__remove:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-spacing-2, .25rem)}.fui-chip__remove:hover{background-color:#0000001a}.fui-chip[tabindex=\"0\"]{cursor:pointer}.fui-chip:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiChipComponent, isStandalone: true, selector: "fui-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed", selectedChange: "selectedChange" }, host: { listeners: { "click": "onClick()", "keydown.enter": "onClick()", "keydown.space": "onSpace($event)" }, properties: { "class": "computedClasses()", "class.fui-chip--selected": "_selected()", "class.fui-chip--disabled": "disabled()", "attr.role": "selectable() ? \"option\" : null", "attr.aria-selected": "selectable() ? _selected() : null", "attr.aria-pressed": "selectable() ? _selected() : null", "attr.tabindex": "selectable() || removable() ? 0 : null" }, classAttribute: "fui-chip" }, ngImport: i0, template: "<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-chip{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem);border-radius:var(--fui-radius-pill, 999px);font-family:var(--fui-font-sans);font-weight:var(--fui-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition-property:background-color border-color color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-chip--sm{padding:var(--fui-spacing-1) var(--fui-spacing-4, .5rem);font-size:var(--fui-text-sm);height:1.25rem}.fui-chip--md{padding:var(--fui-spacing-2) var(--fui-spacing-6, .75rem);font-size:var(--fui-text-base);height:1.625rem}.fui-chip--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-chip--secondary{background-color:var(--fui-neutral-20);color:var(--fui-neutral-80)}.fui-chip--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-chip--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-chip--danger{background-color:var(--fui-error-20);color:var(--fui-error-80)}.fui-chip--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-chip--selected.fui-chip--primary{background-color:var(--fui-primary-bg);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--secondary{background-color:var(--fui-neutral-80);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--success{background-color:var(--fui-fill-success);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--warning{background-color:var(--fui-fill-warning);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--danger{background-color:var(--fui-fill-error);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--info{background-color:var(--fui-fill-info);color:var(--fui-text-on-fill)}.fui-chip__content{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem)}.fui-chip__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-chip__remove:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-spacing-2, .25rem)}.fui-chip__remove:hover{background-color:#0000001a}.fui-chip[tabindex=\"0\"]{cursor:pointer}.fui-chip:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiChipComponent, decorators: [{
             type: Component,
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '(click)': 'onClick()',
                         '(keydown.enter)': 'onClick()',
                         '(keydown.space)': 'onSpace($event)',
-                    }, template: "<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-chip{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem);border-radius:var(--fui-radius-pill, 999px);font-family:var(--fui-font-sans);font-weight:var(--fui-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition-property:background-color border-color color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-chip--sm{padding:.125rem var(--fui-spacing-4, .5rem);font-size:var(--fui-text-sm);height:1.25rem}.fui-chip--md{padding:.25rem var(--fui-spacing-6, .75rem);font-size:var(--fui-text-base);height:1.625rem}.fui-chip--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-chip--secondary{background-color:var(--fui-neutral-20);color:var(--fui-neutral-80)}.fui-chip--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-chip--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-chip--danger{background-color:var(--fui-error-20);color:var(--fui-error-80)}.fui-chip--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-chip--selected.fui-chip--primary{background-color:var(--fui-primary-bg);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--secondary{background-color:var(--fui-neutral-80);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--success{background-color:var(--fui-fill-success);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--warning{background-color:var(--fui-fill-warning);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--danger{background-color:var(--fui-fill-error);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--info{background-color:var(--fui-fill-info);color:var(--fui-text-on-fill)}.fui-chip__content{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem)}.fui-chip__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-chip__remove:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-spacing-2, .25rem)}.fui-chip__remove:hover{background-color:#0000001a}.fui-chip[tabindex=\"0\"]{cursor:pointer}.fui-chip:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}\n"] }]
+                    }, template: "<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-chip{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem);border-radius:var(--fui-radius-pill, 999px);font-family:var(--fui-font-sans);font-weight:var(--fui-weight-medium, 500);cursor:default;-webkit-user-select:none;user-select:none;transition-property:background-color border-color color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-chip--sm{padding:var(--fui-spacing-1) var(--fui-spacing-4, .5rem);font-size:var(--fui-text-sm);height:1.25rem}.fui-chip--md{padding:var(--fui-spacing-2) var(--fui-spacing-6, .75rem);font-size:var(--fui-text-base);height:1.625rem}.fui-chip--primary{background-color:var(--fui-primary-20);color:var(--fui-primary-80)}.fui-chip--secondary{background-color:var(--fui-neutral-20);color:var(--fui-neutral-80)}.fui-chip--success{background-color:var(--fui-success-20);color:var(--fui-success-80)}.fui-chip--warning{background-color:var(--fui-warning-20);color:var(--fui-warning-80)}.fui-chip--danger{background-color:var(--fui-error-20);color:var(--fui-error-80)}.fui-chip--info{background-color:var(--fui-info-20);color:var(--fui-info-80)}.fui-chip--selected.fui-chip--primary{background-color:var(--fui-primary-bg);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--secondary{background-color:var(--fui-neutral-80);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--success{background-color:var(--fui-fill-success);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--warning{background-color:var(--fui-fill-warning);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--danger{background-color:var(--fui-fill-error);color:var(--fui-text-on-fill)}.fui-chip--selected.fui-chip--info{background-color:var(--fui-fill-info);color:var(--fui-text-on-fill)}.fui-chip__content{display:inline-flex;align-items:center;gap:var(--fui-spacing-2, .25rem)}.fui-chip__remove{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-chip__remove:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip__remove{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;margin-left:var(--fui-spacing-2, .25rem)}.fui-chip__remove:hover{background-color:#0000001a}.fui-chip[tabindex=\"0\"]{cursor:pointer}.fui-chip:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-chip--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-chip.mjs","sources":["../../../lib/components/chip/chip.types.ts","../../../lib/components/chip/chip.intl.ts","../../../lib/components/chip/chip.component.ts","../../../lib/components/chip/chip.component.html","../../../lib/components/chip/raintonic-formaui-components-chip.ts"],"sourcesContent":["import { FuiChipComponent } from './chip.component';\r\n\r\nexport type FuiChipVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\r\nexport type FuiChipSize = 'sm' | 'md';\r\n\r\nexport const FUI_CHIP_VARIANTS: readonly FuiChipVariant[] = [\r\n  'primary',\r\n  'secondary',\r\n  'success',\r\n  'warning',\r\n  'danger',\r\n  'info',\r\n] as const;\r\nexport const FUI_CHIP_SIZES: readonly FuiChipSize[] = ['sm', 'md'] as const;\r\n\r\nexport interface FuiChipRemoveEvent {\r\n  chip: FuiChipComponent;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiChipIntl extends FuiIntlBase {\r\n  removeAriaLabel(label: string): string {\r\n    return `Remove ${label}`;\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport { FuiChipVariant, FuiChipSize, FUI_CHIP_VARIANTS, FuiChipRemoveEvent } from './chip.types';\r\nimport { FuiChipIntl } from './chip.intl';\r\n\r\n@Component({\r\n  selector: 'fui-chip',\r\n  standalone: true,\r\n  imports: [FuiIconComponent],\r\n  templateUrl: './chip.component.html',\r\n  styleUrls: ['./chip.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-chip',\r\n    '[class]': 'computedClasses()',\r\n    '[class.fui-chip--selected]': '_selected()',\r\n    '[class.fui-chip--disabled]': 'disabled()',\r\n    '[attr.role]': 'selectable() ? \"option\" : null',\r\n    '[attr.aria-selected]': 'selectable() ? _selected() : null',\r\n    '[attr.aria-pressed]': 'selectable() ? _selected() : null',\r\n    '[attr.tabindex]': 'selectable() || removable() ? 0 : null',\r\n    '(click)': 'onClick()',\r\n    '(keydown.enter)': 'onClick()',\r\n    '(keydown.space)': 'onSpace($event)',\r\n  },\r\n})\r\nexport class FuiChipComponent {\r\n  readonly intl = inject(FuiChipIntl);\r\n  private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n  readonly label = input.required<string>();\r\n  readonly variant = input<FuiChipVariant, FuiChipVariant | string>('primary', {\r\n    transform: (v) => ((FUI_CHIP_VARIANTS as readonly string[]).includes(v) ? (v as FuiChipVariant) : 'primary'),\r\n  });\r\n  readonly size = input<FuiChipSize>('md');\r\n  readonly icon = input<string | null>(null);\r\n  readonly removable = input(false);\r\n  readonly selectable = input(false);\r\n  readonly selected = input(false);\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  readonly removed = output<FuiChipRemoveEvent>();\r\n  readonly selectedChange = output<boolean>();\r\n\r\n  readonly _selected = signal(false);\r\n\r\n  readonly computedClasses = computed(() => {\r\n    return `fui-chip fui-chip--${this.variant()} fui-chip--${this.size()}`;\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._selected.set(this.selected());\r\n    });\r\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {\r\n      this._cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  onClick(): void {\r\n    if (this.disabled()) return;\r\n    if (this.selectable()) {\r\n      this._selected.update((v) => !v);\r\n      this.selectedChange.emit(this._selected());\r\n    }\r\n  }\r\n\r\n  onSpace(event: Event): void {\r\n    event.preventDefault();\r\n    this.onClick();\r\n  }\r\n\r\n  onRemove(event: Event): void {\r\n    event.stopPropagation();\r\n    if (!this.disabled()) {\r\n      this.removed.emit({ chip: this });\r\n    }\r\n  }\r\n}\r\n","<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-chip.mjs","sources":["../../../lib/components/chip/chip.types.ts","../../../lib/components/chip/chip.intl.ts","../../../lib/components/chip/chip.component.ts","../../../lib/components/chip/chip.component.html","../../../lib/components/chip/raintonic-formaui-components-chip.ts"],"sourcesContent":["import { FuiChipComponent } from './chip.component';\r\n\r\nexport type FuiChipVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\r\nexport type FuiChipSize = 'sm' | 'md';\r\n\r\nexport const FUI_CHIP_VARIANTS: readonly FuiChipVariant[] = [\r\n  'primary',\r\n  'secondary',\r\n  'success',\r\n  'warning',\r\n  'danger',\r\n  'info',\r\n] as const;\r\nexport const FUI_CHIP_SIZES: readonly FuiChipSize[] = ['sm', 'md'] as const;\r\n\r\nexport interface FuiChipRemoveEvent {\r\n  chip: FuiChipComponent;\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiChipIntl extends FuiIntlBase {\r\n  removeAriaLabel(label: string): string {\r\n    return `Remove ${label}`;\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport { FuiChipVariant, FuiChipSize, FUI_CHIP_VARIANTS, FuiChipRemoveEvent } from './chip.types';\r\nimport { FuiChipIntl } from './chip.intl';\r\n\r\n@Component({\r\n  selector: 'fui-chip',\r\n  standalone: true,\r\n  imports: [FuiIconComponent],\r\n  templateUrl: './chip.component.html',\r\n  styleUrls: ['./chip.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-chip',\r\n    '[class]': 'computedClasses()',\r\n    '[class.fui-chip--selected]': '_selected()',\r\n    '[class.fui-chip--disabled]': 'disabled()',\r\n    '[attr.role]': 'selectable() ? \"option\" : null',\r\n    '[attr.aria-selected]': 'selectable() ? _selected() : null',\r\n    '[attr.aria-pressed]': 'selectable() ? _selected() : null',\r\n    '[attr.tabindex]': 'selectable() || removable() ? 0 : null',\r\n    '(click)': 'onClick()',\r\n    '(keydown.enter)': 'onClick()',\r\n    '(keydown.space)': 'onSpace($event)',\r\n  },\r\n})\r\nexport class FuiChipComponent {\r\n  readonly intl = inject(FuiChipIntl);\r\n  private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n  readonly label = input.required<string>();\r\n  readonly variant = input<FuiChipVariant, FuiChipVariant | string>('primary', {\r\n    transform: (v) => ((FUI_CHIP_VARIANTS as readonly string[]).includes(v) ? (v as FuiChipVariant) : 'primary'),\r\n  });\r\n  readonly size = input<FuiChipSize>('md');\r\n  readonly icon = input<string | null>(null);\r\n  readonly removable = input(false);\r\n  readonly selectable = input(false);\r\n  readonly selected = input(false);\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  readonly removed = output<FuiChipRemoveEvent>();\r\n  readonly selectedChange = output<boolean>();\r\n\r\n  readonly _selected = signal(false);\r\n\r\n  readonly computedClasses = computed(() => {\r\n    return `fui-chip fui-chip--${this.variant()} fui-chip--${this.size()}`;\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._selected.set(this.selected());\r\n    });\r\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {\r\n      this._cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  onClick(): void {\r\n    if (this.disabled()) return;\r\n    if (this.selectable()) {\r\n      this._selected.update((v) => !v);\r\n      this.selectedChange.emit(this._selected());\r\n    }\r\n  }\r\n\r\n  onSpace(event: Event): void {\r\n    event.preventDefault();\r\n    this.onClick();\r\n  }\r\n\r\n  onRemove(event: Event): void {\r\n    event.stopPropagation();\r\n    if (!this.disabled()) {\r\n      this.removed.emit({ chip: this });\r\n    }\r\n  }\r\n}\r\n","<span class=\"fui-chip__content\">\r\n  @if (icon()) {\r\n    <fui-icon class=\"fui-chip__icon\" [name]=\"icon()!\" size=\"sm\" aria-hidden=\"true\" />\r\n  }\r\n  <span class=\"fui-chip__label\">{{ label() }}</span>\r\n</span>\r\n\r\n@if (removable() && !disabled()) {\r\n  <button\r\n    class=\"fui-chip__remove\"\r\n    type=\"button\"\r\n    [attr.aria-label]=\"intl.removeAriaLabel(label())\"\r\n    (click)=\"onRemove($event)\"\r\n    (keydown.enter)=\"onRemove($event)\"\r\n  >\r\n    <fui-icon name=\"x\" size=\"sm\" aria-hidden=\"true\" />\r\n  </button>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}