@cdevhub/ngx-tw 0.6.1 → 0.7.0

package/fesm2022/cdevhub-ngx-tw-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-switch.mjs","sources":["../../../projects/ngx-tw/switch/switch.ts","../../../projects/ngx-tw/switch/cdevhub-ngx-tw-switch.ts"],"sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  isDevMode,\n  linkedSignal,\n  model,\n  type OnInit,\n  output,\n  signal,\n  type Signal,\n} from '@angular/core';\nimport {\n  type ControlValueAccessor,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { tv } from 'tailwind-variants';\nimport {\n  type ErrorStateMatcher,\n  type TwColor,\n  type TwSize,\n  wireErrorState,\n} from '@cdevhub/ngx-tw/core';\n\n/** Position of the label relative to the switch control. */\nexport type SwitchLabelPosition = 'before' | 'after';\n\n// ── tv() config ──────────────────────────────────────────────────\n\nconst switchVariants = tv(\n  {\n    slots: {\n      root: 'inline-flex items-center gap-3 cursor-pointer select-none rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',\n      switchEl: 'relative inline-flex items-center shrink-0',\n      track:\n        'relative inline-flex items-center rounded-full border border-transparent transition-colors duration-normal motion-reduce:transition-none',\n      thumb:\n        'absolute left-0.5 inline-flex items-center justify-center bg-surface rounded-full shadow-sm transition-transform duration-normal motion-reduce:transition-none',\n      iconWrap:\n        'absolute inset-0 flex items-center justify-between px-1 pointer-events-none empty:hidden',\n      labelWrap: 'flex flex-col min-w-0 empty:hidden',\n      label: 'font-medium text-fg empty:hidden',\n      description: 'text-fg-muted empty:hidden',\n    },\n    variants: {\n      size: {\n        xs: {\n          track: 'h-4 w-7',\n          thumb: 'size-3 data-[checked=true]:translate-x-3',\n          label: 'text-xs',\n          description: 'text-2xs',\n        },\n        sm: {\n          track: 'h-5 w-9',\n          thumb: 'size-4 data-[checked=true]:translate-x-4',\n          label: 'text-sm',\n          description: 'text-xs',\n        },\n        md: {\n          track: 'h-6 w-11',\n          thumb: 'size-5 data-[checked=true]:translate-x-5',\n          label: 'text-sm',\n          description: 'text-xs',\n        },\n        lg: {\n          track: 'h-7 w-12',\n          thumb: 'size-6 data-[checked=true]:translate-x-5',\n          label: 'text-base',\n          description: 'text-sm',\n        },\n        xl: {\n          track: 'h-8 w-14',\n          thumb: 'size-7 data-[checked=true]:translate-x-6',\n          label: 'text-base',\n          description: 'text-sm',\n        },\n      },\n      labelPosition: {\n        before: { root: 'flex-row-reverse' },\n        after: { root: 'flex-row' },\n      },\n      checked: {\n        true: { track: '' },\n        false: { track: 'bg-surface-muted' },\n      },\n      disabled: {\n        true: { root: 'opacity-50 pointer-events-none cursor-not-allowed' },\n        false: { root: '' },\n      },\n      errorState: {\n        true: { label: 'text-error-700', description: 'text-error-600' },\n        false: { label: '', description: '' },\n      },\n    },\n    compoundVariants: [\n      // Error state on an off (unchecked) switch repaints the rail with the error color.\n      // The on (checked) track is dominated by CHECKED_TRACK[color]; consumers wanting an\n      // error appearance on a checked switch should set `color=\"error\"` directly.\n      {\n        errorState: true,\n        checked: false,\n        class: { track: 'bg-error-100 ring-1 ring-inset ring-error-300' },\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      labelPosition: 'after',\n      checked: false,\n      disabled: false,\n      errorState: false,\n    },\n  },\n  { twMerge: true },\n);\n\n// ── Static checked-state color lookups (statically written for Tailwind v4 scanning) ──\n\nconst CHECKED_TRACK: Record<TwColor, string> = {\n  primary: 'bg-primary-600',\n  secondary: 'bg-secondary-600',\n  accent: 'bg-accent-600',\n  neutral: 'bg-fg',\n  info: 'bg-info-600',\n  success: 'bg-success-600',\n  warning: 'bg-warning-500',\n  error: 'bg-error-600',\n};\n\nconst CHECKED_ICON_COLOR: Record<TwColor, string> = {\n  primary: 'text-on-primary',\n  secondary: 'text-on-secondary',\n  accent: 'text-on-accent',\n  neutral: 'text-on-neutral',\n  info: 'text-on-info',\n  success: 'text-on-success',\n  warning: 'text-on-warning',\n  error: 'text-on-error',\n};\n\nlet nextId = 0;\n\n// ── SwitchComponent ──────────────────────────────────────────────\n\n@Component({\n  selector: 'tw-switch',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <span [class]=\"switchClasses()\">\n      <span [class]=\"trackClasses()\">\n        <span [class]=\"iconWrapClasses()\">\n          <span [class]=\"offIconClasses()\">\n            <ng-content select=\"[slot='off-icon']\" />\n          </span>\n          <span [class]=\"onIconClasses()\">\n            <ng-content select=\"[slot='on-icon']\" />\n          </span>\n        </span>\n        <span [class]=\"thumbClasses()\" [attr.data-checked]=\"internalChecked()\"></span>\n      </span>\n    </span>\n\n    <span [class]=\"labelWrapClasses()\">\n      <span [id]=\"labelId\" [class]=\"labelClasses()\">\n        <ng-content />\n        @if (label()) {\n          {{ label() }}\n        }\n      </span>\n      <span [id]=\"descriptionId\" [class]=\"descriptionClasses()\">\n        <ng-content select=\"[slot='description']\" />\n        @if (description()) {\n          {{ description() }}\n        }\n      </span>\n    </span>\n  `,\n  host: {\n    'role': 'switch',\n    '[id]': 'hostId',\n    '[class]': 'rootClasses()',\n    '[attr.data-checked]': 'internalChecked()',\n    '[attr.aria-checked]': 'internalChecked()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.aria-invalid]': 'errorState() || null',\n    '[attr.aria-required]': 'required() || null',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.aria-labelledby]': 'effectiveAriaLabelledby() || null',\n    '[attr.aria-describedby]': 'effectiveAriaDescribedby() || null',\n    '[attr.tabindex]': 'isDisabled() ? -1 : 0',\n    '[attr.name]': 'name() || null',\n    '(click)': 'toggle()',\n    '(keydown)': 'onKeydown($event)',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class SwitchComponent implements ControlValueAccessor, OnInit {\n  /** Sets the semantic color for the active (checked) track. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls the overall scale of the track, thumb, and label typography. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** When true, prevents interaction and applies muted styling. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** When true, sets `aria-required=\"true\"` so assistive tech announces the control as required. Also inferred from `Validators.required` / `Validators.requiredTrue` on a bound control, so a reactive/template-driven form does not have to state it twice. Defaults to `false`. */\n  readonly requiredInput = input(false, { alias: 'required' });\n\n  /**\n   * @internal Shared `errorState` / `required` / `errors` derivation — see\n   * `wireErrorState`. Declared here, above `required`, because class field\n   * initializers run in declaration order.\n   */\n  private readonly errorWiring = wireErrorState({\n    ngControl: () => this.ngControl,\n    matcher: () => this.errorStateMatcher(),\n    required: () => this.requiredInput(),\n    // A switch bound with `Validators.requiredTrue` is required too.\n    requiredValidators: [Validators.required, Validators.requiredTrue],\n  });\n\n  /**\n   * @internal Resolved required state: the `required` input OR'd with\n   * `Validators.required` / `Validators.requiredTrue` on a bound `NgControl`.\n   */\n  readonly required: Signal<boolean> = this.errorWiring.required;\n\n  /** Optional inline label rendered next to the switch. Use default content projection for rich label content instead. */\n  readonly label = input<string | undefined>(undefined);\n\n  /** Optional secondary description rendered under the label. Use `[slot=\"description\"]` content projection for rich content instead. */\n  readonly description = input<string | undefined>(undefined);\n\n  /** Position of the label/description relative to the switch. Defaults to `'after'`. */\n  readonly labelPosition = input<SwitchLabelPosition>('after');\n\n  /** Optional name attribute, mirrored to the host for form association. */\n  readonly name = input<string | undefined>(undefined);\n\n  /** Accessible name when no visible label is provided. Mirrored to `aria-label`. Defaults to `undefined`. */\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  /** ID of an external element that labels the switch. Mirrored to `aria-labelledby`. Defaults to `undefined`. */\n  readonly ariaLabelledby = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n\n  /** ID of an external element that describes the switch. Mirrored to `aria-describedby`. Defaults to `undefined`. */\n  readonly ariaDescribedby = input<string | undefined>(undefined, { alias: 'aria-describedby' });\n\n  /**\n   * Two-way bound checked state. Updates when the user toggles via click or\n   * Space, **and** when a bound form writes into the control\n   * (`FormControl.setValue`, `ngModel`, `writeValue`). Defaults to `false`.\n   *\n   * The two-way binding mints a `checkedChange` output. That output is the\n   * *any-change* channel: it fires on programmatic writes as well as user\n   * gestures. `(change)` is the *user-gesture-only* channel. Bind\n   * `(checkedChange)` to mirror state; bind `(change)` for analytics or a\n   * confirmation prompt, where a programmatic write must not count as a click.\n   * Writing back into the same form from a `(checkedChange)` handler will echo.\n   */\n  readonly checked = model(false);\n\n  /** Per-instance override of the {@link ErrorStateMatcher}. When omitted, the switch uses the `TW_ERROR_STATE_MATCHER` token's value. */\n  readonly errorStateMatcher = input<ErrorStateMatcher | undefined>(undefined);\n\n  /**\n   * Fires after the checked state changes from a user interaction (click or\n   * Space). Does **not** fire when the value is updated programmatically via\n   * `writeValue` / `FormControl.setValue` / `ngModel` — for those, bind the\n   * two-way binding's `(checkedChange)` instead, which fires on any change.\n   */\n  readonly change = output<boolean>();\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ngControl = inject(NgControl, { optional: true, self: true });\n\n  private onChange: (value: boolean) => void = () => {};\n  private onTouched: () => void = () => {};\n  private readonly cvaDisabled = signal(false);\n\n  private readonly uid = nextId++;\n  readonly hostId = `tw-switch-${this.uid}`;\n  readonly labelId = `${this.hostId}-label`;\n  readonly descriptionId = `${this.hostId}-description`;\n\n  constructor() {\n    // Material-style CVA wiring: declare ourselves as the value accessor on any\n    // host-level `NgControl` (FormControlDirective, NgModel, etc.). This avoids\n    // the circular-DI that a static `NG_VALUE_ACCESSOR` provider would create\n    // because `NgControl` is injected with `self: true` on the same element.\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    afterNextRender(() => {\n      if (isDevMode() && !this.hasAccessibleNameHint()) {\n        console.warn(\n          '[tw-switch] The switch has no accessible name. Provide a `label` input, project label content, or set `aria-label` / `aria-labelledby`.',\n        );\n      }\n    });\n  }\n\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n\n  /** Whether the switch is in an error state per the configured `ErrorStateMatcher`. Reads the bound `NgControl.invalid` through the matcher. */\n  readonly errorState: Signal<boolean> = this.errorWiring.errorState;\n\n  readonly internalChecked = linkedSignal(() => this.checked());\n\n  readonly effectiveAriaLabelledby = computed(() => {\n    const external = this.ariaLabelledby();\n    if (external) return external;\n    if (this.ariaLabel()) return undefined;\n    return this.labelId;\n  });\n\n  readonly effectiveAriaDescribedby = computed(() => {\n    const external = this.ariaDescribedby();\n    if (external) return external;\n    return this.descriptionId;\n  });\n\n  private readonly variantResult = computed(() =>\n    switchVariants({\n      size: this.size(),\n      labelPosition: this.labelPosition(),\n      checked: this.internalChecked(),\n      disabled: this.isDisabled(),\n      errorState: this.errorState(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly switchClasses = computed(() => this.variantResult().switchEl());\n  readonly labelWrapClasses = computed(() => this.variantResult().labelWrap());\n  readonly labelClasses = computed(() => this.variantResult().label());\n  readonly descriptionClasses = computed(() => this.variantResult().description());\n  readonly iconWrapClasses = computed(() => this.variantResult().iconWrap());\n  readonly thumbClasses = computed(() => this.variantResult().thumb());\n\n  readonly trackClasses = computed(() => {\n    const base = this.variantResult().track();\n    return this.internalChecked() ? `${base} ${CHECKED_TRACK[this.color()]}` : base;\n  });\n\n  readonly onIconClasses = computed(() => {\n    const base =\n      'inline-flex items-center justify-center transition-opacity duration-normal motion-reduce:transition-none empty:hidden';\n    const visibility = this.internalChecked() ? 'opacity-100' : 'opacity-0';\n    const color = this.internalChecked() ? CHECKED_ICON_COLOR[this.color()] : 'text-fg-muted';\n    return `${base} ${visibility} ${color}`;\n  });\n\n  readonly offIconClasses = computed(() => {\n    const base =\n      'inline-flex items-center justify-center transition-opacity duration-normal motion-reduce:transition-none text-fg-muted empty:hidden';\n    const visibility = this.internalChecked() ? 'opacity-0' : 'opacity-100';\n    return `${base} ${visibility}`;\n  });\n\n  // ── Interactions ──────────────────────────────────────────\n\n  /** Toggles the checked state. No-op when disabled. */\n  toggle(): void {\n    if (this.isDisabled()) return;\n    const next = !this.internalChecked();\n    this.internalChecked.set(next);\n    this.checked.set(next);\n    this.onChange(next);\n    // Deliberately NOT `onTouched()`. Angular's CVA contract registers\n    // `onTouched` as the BLUR notification; calling it here flipped `touched`\n    // the instant the value changed, so a consumer staging error display on\n    // `touched` (\"only once they leave the field\") got different behaviour from\n    // `tw-switch` than from `tw-slider` / `tw-input`. `onBlur()` below is the\n    // only place that fires it.\n    this.change.emit(next);\n  }\n\n  /** Handles keyboard activation. Space toggles the switch — matches the ARIA `switch` role pattern (Enter is intentionally NOT handled, mirroring `<tw-checkbox>`). */\n  onKeydown(event: KeyboardEvent): void {\n    if (this.isDisabled()) return;\n    if (event.key === ' ' || event.key === 'Spacebar') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  /** @internal Called on host blur to notify forms the control has been touched and recompute errorState. */\n  onBlur(): void {\n    this.onTouched();\n    this.errorWiring.bump();\n  }\n\n  // ── ControlValueAccessor ──────────────────────────────────\n\n  writeValue(value: boolean | null | undefined): void {\n    const next = !!value;\n    this.internalChecked.set(next);\n    this.checked.set(next);\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n  }\n\n  // ── Lifecycle ─────────────────────────────────────────────\n\n  ngOnInit(): void {\n    this.focusMonitor.monitor(this.elementRef);\n    this.destroyRef.onDestroy(() => {\n      this.focusMonitor.stopMonitoring(this.elementRef);\n    });\n\n    // NgControl's `control` is set by the parent FormControl* directive before\n    // children's `ngOnInit`. Connect here so errorState reacts to status/value\n    // changes on the bound control.\n    this.errorWiring.connect();\n  }\n\n  private hasAccessibleNameHint(): boolean {\n    if (this.label() || this.ariaLabel() || this.ariaLabelledby()) return true;\n    const host = this.elementRef.nativeElement;\n    return host.textContent !== null && host.textContent.trim().length > 0;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdevhub-ngx-tw-switch.mjs","sources":["../../../projects/ngx-tw/switch/switch.ts","../../../projects/ngx-tw/switch/cdevhub-ngx-tw-switch.ts"],"sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  isDevMode,\n  linkedSignal,\n  model,\n  type OnInit,\n  output,\n  signal,\n  type Signal,\n} from '@angular/core';\nimport {\n  type ControlValueAccessor,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { tv } from 'tailwind-variants';\nimport {\n  type ErrorStateMatcher,\n  type TwColor,\n  type TwSize,\n  wireErrorState,\n} from '@cdevhub/ngx-tw/core';\n\n/** Position of the label relative to the switch control. */\nexport type SwitchLabelPosition = 'before' | 'after';\n\n// ── tv() config ──────────────────────────────────────────────────\n\nconst switchVariants = tv(\n  {\n    slots: {\n      root: 'inline-flex items-center gap-3 cursor-pointer select-none rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',\n      switchEl: 'relative inline-flex items-center shrink-0',\n      track:\n        'relative inline-flex items-center rounded-full border border-transparent transition-colors duration-normal motion-reduce:transition-none',\n      thumb:\n        'absolute left-0.5 inline-flex items-center justify-center bg-surface rounded-full shadow-sm transition-transform duration-normal motion-reduce:transition-none',\n      iconWrap:\n        'absolute inset-0 flex items-center justify-between px-1 pointer-events-none empty:hidden',\n      labelWrap: 'flex flex-col min-w-0 empty:hidden',\n      label: 'font-medium text-fg empty:hidden',\n      description: 'text-fg-muted empty:hidden',\n    },\n    variants: {\n      size: {\n        xs: {\n          track: 'h-4 w-7',\n          thumb: 'size-3 data-[checked=true]:translate-x-3',\n          label: 'text-xs',\n          description: 'text-2xs',\n        },\n        sm: {\n          track: 'h-5 w-9',\n          thumb: 'size-4 data-[checked=true]:translate-x-4',\n          label: 'text-sm',\n          description: 'text-xs',\n        },\n        md: {\n          track: 'h-6 w-11',\n          thumb: 'size-5 data-[checked=true]:translate-x-5',\n          label: 'text-sm',\n          description: 'text-xs',\n        },\n        lg: {\n          track: 'h-7 w-12',\n          thumb: 'size-6 data-[checked=true]:translate-x-5',\n          label: 'text-base',\n          description: 'text-sm',\n        },\n        xl: {\n          track: 'h-8 w-14',\n          thumb: 'size-7 data-[checked=true]:translate-x-6',\n          label: 'text-base',\n          description: 'text-sm',\n        },\n      },\n      labelPosition: {\n        before: { root: 'flex-row-reverse' },\n        after: { root: 'flex-row' },\n      },\n      checked: {\n        true: { track: '' },\n        false: { track: 'bg-surface-muted' },\n      },\n      disabled: {\n        true: { root: 'opacity-50 pointer-events-none cursor-not-allowed' },\n        false: { root: '' },\n      },\n      errorState: {\n        true: { label: 'text-error-700', description: 'text-error-600' },\n        false: { label: '', description: '' },\n      },\n    },\n    compoundVariants: [\n      // Error state on an off (unchecked) switch repaints the rail with the error color.\n      // The on (checked) track is dominated by CHECKED_TRACK[color]; consumers wanting an\n      // error appearance on a checked switch should set `color=\"error\"` directly.\n      {\n        errorState: true,\n        checked: false,\n        class: { track: 'bg-error-100 ring-1 ring-inset ring-error-border-strong' },\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      labelPosition: 'after',\n      checked: false,\n      disabled: false,\n      errorState: false,\n    },\n  },\n  { twMerge: true },\n);\n\n// ── Static checked-state color lookups (statically written for Tailwind v4 scanning) ──\n\nconst CHECKED_TRACK: Record<TwColor, string> = {\n  primary: 'bg-primary-600',\n  secondary: 'bg-secondary-600',\n  accent: 'bg-accent-600',\n  neutral: 'bg-fg',\n  info: 'bg-info-600',\n  success: 'bg-success-600',\n  warning: 'bg-warning-500',\n  error: 'bg-error-600',\n};\n\nconst CHECKED_ICON_COLOR: Record<TwColor, string> = {\n  primary: 'text-on-primary',\n  secondary: 'text-on-secondary',\n  accent: 'text-on-accent',\n  neutral: 'text-on-neutral',\n  info: 'text-on-info',\n  success: 'text-on-success',\n  warning: 'text-on-warning',\n  error: 'text-on-error',\n};\n\nlet nextId = 0;\n\n// ── SwitchComponent ──────────────────────────────────────────────\n\n@Component({\n  selector: 'tw-switch',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <span [class]=\"switchClasses()\">\n      <span [class]=\"trackClasses()\">\n        <span [class]=\"iconWrapClasses()\">\n          <span [class]=\"offIconClasses()\">\n            <ng-content select=\"[slot='off-icon']\" />\n          </span>\n          <span [class]=\"onIconClasses()\">\n            <ng-content select=\"[slot='on-icon']\" />\n          </span>\n        </span>\n        <span [class]=\"thumbClasses()\" [attr.data-checked]=\"internalChecked()\"></span>\n      </span>\n    </span>\n\n    <span [class]=\"labelWrapClasses()\">\n      <span [id]=\"labelId\" [class]=\"labelClasses()\">\n        <ng-content />\n        @if (label()) {\n          {{ label() }}\n        }\n      </span>\n      <span [id]=\"descriptionId\" [class]=\"descriptionClasses()\">\n        <ng-content select=\"[slot='description']\" />\n        @if (description()) {\n          {{ description() }}\n        }\n      </span>\n    </span>\n  `,\n  host: {\n    'role': 'switch',\n    '[id]': 'hostId',\n    '[class]': 'rootClasses()',\n    '[attr.data-checked]': 'internalChecked()',\n    '[attr.aria-checked]': 'internalChecked()',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.aria-invalid]': 'errorState() || null',\n    '[attr.aria-required]': 'required() || null',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.aria-labelledby]': 'effectiveAriaLabelledby() || null',\n    '[attr.aria-describedby]': 'effectiveAriaDescribedby() || null',\n    '[attr.tabindex]': 'isDisabled() ? -1 : 0',\n    '[attr.name]': 'name() || null',\n    '(click)': 'toggle()',\n    '(keydown)': 'onKeydown($event)',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class SwitchComponent implements ControlValueAccessor, OnInit {\n  /** Sets the semantic color for the active (checked) track. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls the overall scale of the track, thumb, and label typography. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** When true, prevents interaction and applies muted styling. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** When true, sets `aria-required=\"true\"` so assistive tech announces the control as required. Also inferred from `Validators.required` / `Validators.requiredTrue` on a bound control, so a reactive/template-driven form does not have to state it twice. Defaults to `false`. */\n  readonly requiredInput = input(false, { alias: 'required' });\n\n  /**\n   * @internal Shared `errorState` / `required` / `errors` derivation — see\n   * `wireErrorState`. Declared here, above `required`, because class field\n   * initializers run in declaration order.\n   */\n  private readonly errorWiring = wireErrorState({\n    ngControl: () => this.ngControl,\n    matcher: () => this.errorStateMatcher(),\n    required: () => this.requiredInput(),\n    // A switch bound with `Validators.requiredTrue` is required too.\n    requiredValidators: [Validators.required, Validators.requiredTrue],\n  });\n\n  /**\n   * @internal Resolved required state: the `required` input OR'd with\n   * `Validators.required` / `Validators.requiredTrue` on a bound `NgControl`.\n   */\n  readonly required: Signal<boolean> = this.errorWiring.required;\n\n  /** Optional inline label rendered next to the switch. Use default content projection for rich label content instead. */\n  readonly label = input<string | undefined>(undefined);\n\n  /** Optional secondary description rendered under the label. Use `[slot=\"description\"]` content projection for rich content instead. */\n  readonly description = input<string | undefined>(undefined);\n\n  /** Position of the label/description relative to the switch. Defaults to `'after'`. */\n  readonly labelPosition = input<SwitchLabelPosition>('after');\n\n  /** Optional name attribute, mirrored to the host for form association. */\n  readonly name = input<string | undefined>(undefined);\n\n  /** Accessible name when no visible label is provided. Mirrored to `aria-label`. Defaults to `undefined`. */\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  /** ID of an external element that labels the switch. Mirrored to `aria-labelledby`. Defaults to `undefined`. */\n  readonly ariaLabelledby = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n\n  /** ID of an external element that describes the switch. Mirrored to `aria-describedby`. Defaults to `undefined`. */\n  readonly ariaDescribedby = input<string | undefined>(undefined, { alias: 'aria-describedby' });\n\n  /**\n   * Two-way bound checked state. Updates when the user toggles via click or\n   * Space, **and** when a bound form writes into the control\n   * (`FormControl.setValue`, `ngModel`, `writeValue`). Defaults to `false`.\n   *\n   * The two-way binding mints a `checkedChange` output. That output is the\n   * *any-change* channel: it fires on programmatic writes as well as user\n   * gestures. `(change)` is the *user-gesture-only* channel. Bind\n   * `(checkedChange)` to mirror state; bind `(change)` for analytics or a\n   * confirmation prompt, where a programmatic write must not count as a click.\n   * Writing back into the same form from a `(checkedChange)` handler will echo.\n   */\n  readonly checked = model(false);\n\n  /** Per-instance override of the {@link ErrorStateMatcher}. When omitted, the switch uses the `TW_ERROR_STATE_MATCHER` token's value. */\n  readonly errorStateMatcher = input<ErrorStateMatcher | undefined>(undefined);\n\n  /**\n   * Fires after the checked state changes from a user interaction (click or\n   * Space). Does **not** fire when the value is updated programmatically via\n   * `writeValue` / `FormControl.setValue` / `ngModel` — for those, bind the\n   * two-way binding's `(checkedChange)` instead, which fires on any change.\n   */\n  readonly change = output<boolean>();\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ngControl = inject(NgControl, { optional: true, self: true });\n\n  private onChange: (value: boolean) => void = () => {};\n  private onTouched: () => void = () => {};\n  private readonly cvaDisabled = signal(false);\n\n  private readonly uid = nextId++;\n  readonly hostId = `tw-switch-${this.uid}`;\n  readonly labelId = `${this.hostId}-label`;\n  readonly descriptionId = `${this.hostId}-description`;\n\n  constructor() {\n    // Material-style CVA wiring: declare ourselves as the value accessor on any\n    // host-level `NgControl` (FormControlDirective, NgModel, etc.). This avoids\n    // the circular-DI that a static `NG_VALUE_ACCESSOR` provider would create\n    // because `NgControl` is injected with `self: true` on the same element.\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    afterNextRender(() => {\n      if (isDevMode() && !this.hasAccessibleNameHint()) {\n        console.warn(\n          '[tw-switch] The switch has no accessible name. Provide a `label` input, project label content, or set `aria-label` / `aria-labelledby`.',\n        );\n      }\n    });\n  }\n\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n\n  /** Whether the switch is in an error state per the configured `ErrorStateMatcher`. Reads the bound `NgControl.invalid` through the matcher. */\n  readonly errorState: Signal<boolean> = this.errorWiring.errorState;\n\n  readonly internalChecked = linkedSignal(() => this.checked());\n\n  readonly effectiveAriaLabelledby = computed(() => {\n    const external = this.ariaLabelledby();\n    if (external) return external;\n    if (this.ariaLabel()) return undefined;\n    return this.labelId;\n  });\n\n  readonly effectiveAriaDescribedby = computed(() => {\n    const external = this.ariaDescribedby();\n    if (external) return external;\n    return this.descriptionId;\n  });\n\n  private readonly variantResult = computed(() =>\n    switchVariants({\n      size: this.size(),\n      labelPosition: this.labelPosition(),\n      checked: this.internalChecked(),\n      disabled: this.isDisabled(),\n      errorState: this.errorState(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly switchClasses = computed(() => this.variantResult().switchEl());\n  readonly labelWrapClasses = computed(() => this.variantResult().labelWrap());\n  readonly labelClasses = computed(() => this.variantResult().label());\n  readonly descriptionClasses = computed(() => this.variantResult().description());\n  readonly iconWrapClasses = computed(() => this.variantResult().iconWrap());\n  readonly thumbClasses = computed(() => this.variantResult().thumb());\n\n  readonly trackClasses = computed(() => {\n    const base = this.variantResult().track();\n    return this.internalChecked() ? `${base} ${CHECKED_TRACK[this.color()]}` : base;\n  });\n\n  readonly onIconClasses = computed(() => {\n    const base =\n      'inline-flex items-center justify-center transition-opacity duration-normal motion-reduce:transition-none empty:hidden';\n    const visibility = this.internalChecked() ? 'opacity-100' : 'opacity-0';\n    const color = this.internalChecked() ? CHECKED_ICON_COLOR[this.color()] : 'text-fg-muted';\n    return `${base} ${visibility} ${color}`;\n  });\n\n  readonly offIconClasses = computed(() => {\n    const base =\n      'inline-flex items-center justify-center transition-opacity duration-normal motion-reduce:transition-none text-fg-muted empty:hidden';\n    const visibility = this.internalChecked() ? 'opacity-0' : 'opacity-100';\n    return `${base} ${visibility}`;\n  });\n\n  // ── Interactions ──────────────────────────────────────────\n\n  /** Toggles the checked state. No-op when disabled. */\n  toggle(): void {\n    if (this.isDisabled()) return;\n    const next = !this.internalChecked();\n    this.internalChecked.set(next);\n    this.checked.set(next);\n    this.onChange(next);\n    // Deliberately NOT `onTouched()`. Angular's CVA contract registers\n    // `onTouched` as the BLUR notification; calling it here flipped `touched`\n    // the instant the value changed, so a consumer staging error display on\n    // `touched` (\"only once they leave the field\") got different behaviour from\n    // `tw-switch` than from `tw-slider` / `tw-input`. `onBlur()` below is the\n    // only place that fires it.\n    this.change.emit(next);\n  }\n\n  /** Handles keyboard activation. Space toggles the switch — matches the ARIA `switch` role pattern (Enter is intentionally NOT handled, mirroring `<tw-checkbox>`). */\n  onKeydown(event: KeyboardEvent): void {\n    if (this.isDisabled()) return;\n    if (event.key === ' ' || event.key === 'Spacebar') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  /** @internal Called on host blur to notify forms the control has been touched and recompute errorState. */\n  onBlur(): void {\n    this.onTouched();\n    this.errorWiring.bump();\n  }\n\n  // ── ControlValueAccessor ──────────────────────────────────\n\n  writeValue(value: boolean | null | undefined): void {\n    const next = !!value;\n    this.internalChecked.set(next);\n    this.checked.set(next);\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n  }\n\n  // ── Lifecycle ─────────────────────────────────────────────\n\n  ngOnInit(): void {\n    this.focusMonitor.monitor(this.elementRef);\n    this.destroyRef.onDestroy(() => {\n      this.focusMonitor.stopMonitoring(this.elementRef);\n    });\n\n    // NgControl's `control` is set by the parent FormControl* directive before\n    // children's `ngOnInit`. Connect here so errorState reacts to status/value\n    // changes on the bound control.\n    this.errorWiring.connect();\n  }\n\n  private hasAccessibleNameHint(): boolean {\n    if (this.label() || this.ariaLabel() || this.ariaLabelledby()) return true;\n    const host = this.elementRef.nativeElement;\n    return host.textContent !== null && host.textContent.trim().length > 0;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdevhub-ngx-tw-tabs.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, input, contentChild, viewChild, ChangeDetectionStrategy, Component, ElementRef, computed, model, output, DestroyRef, contentChildren, viewChildren, linkedSignal, signal, afterNextRender, effect, untracked } from '@angular/core';
+import { inject, TemplateRef, Directive, input, booleanAttribute, computed, contentChild, viewChild, ChangeDetectionStrategy, Component, ElementRef, model, output, DestroyRef, contentChildren, viewChildren, linkedSignal, signal, afterNextRender, effect, untracked } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { LiveAnnouncer, FocusKeyManager } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
@@ -132,9 +132,29 @@ class TabComponent {
     /** When true, the tab cannot be selected and is skipped by keyboard navigation. Defaults to false. */
     disabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    /** When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false. */
-    closable = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    /**
+     * When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false.
+     *
+     * @deprecated Bind `dismissible` instead. `closable` was the library's only
+     * spelling of this concept — `alert`, `badge` and `toast` all call it
+     * `dismissible` — and one idea should not have two names. Both work; `closable`
+     * is removed in the next major.
+     */
+    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false.
+     *
+     * Canonical spelling, matching `alert`, `badge` and `toast`. Supersedes the
+     * deprecated `closable`; binding either one enables the control.
+     */
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * @internal Whether a dismiss control should render, from either spelling.
+     * Both inputs default to `false`, so `||` is the correct reconciliation: it is
+     * true exactly when the consumer opted in through one name or the other.
+     */
+    isDismissible = computed(() => this.dismissible() || this.closable(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDismissible" }] : /* istanbul ignore next */ []));
     /** When true, the tab panel content is only instantiated when the tab becomes active for the first time. Defaults to false. */
     lazy = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "lazy" }] : /* istanbul ignore next */ []));
@@ -148,7 +168,7 @@ class TabComponent {
     implicitContentTemplate = viewChild('implicitContent', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "implicitContentTemplate" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: TabComponent, isStandalone: true, selector: "tw-tab", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: none" }, queries: [{ propertyName: "triggerTemplate", first: true, predicate: TabTriggerDirective, descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: TabContentDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "implicitContentTemplate", first: true, predicate: ["implicitContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: TabComponent, isStandalone: true, selector: "tw-tab", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: none" }, queries: [{ propertyName: "triggerTemplate", first: true, predicate: TabTriggerDirective, descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: TabContentDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "implicitContentTemplate", first: true, predicate: ["implicitContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template #implicitContent>
       <ng-content />
     </ng-template>
@@ -168,7 +188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         'style': 'display: none',
                     },
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], triggerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabTriggerDirective), { isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabContentDirective), { isSignal: true }] }], implicitContentTemplate: [{ type: i0.ViewChild, args: ['implicitContent', { isSignal: true }] }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], triggerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabTriggerDirective), { isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabContentDirective), { isSignal: true }] }], implicitContentTemplate: [{ type: i0.ViewChild, args: ['implicitContent', { isSignal: true }] }] } });
 // ── Tab trigger element wrapper ──
 class TabTriggerElementDirective {
     elementRef = inject((ElementRef));
@@ -441,7 +461,7 @@ class TabsComponent {
         // on the trigger advertises this gesture to assistive tech.
         if (event.key === 'Delete' && focusedIdx >= 0) {
             const tab = this.tabs()[focusedIdx];
-            if (tab.closable() && !tab.disabled()) {
+            if (tab.isDismissible() && !tab.disabled()) {
                 event.preventDefault();
                 this.closeTab(tab, event);
                 return;
@@ -595,13 +615,13 @@ class TabsComponent {
         this.scrollCleanup = () => el.removeEventListener('scroll', onScroll);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: TabsComponent, isStandalone: true, selector: "tw-tabs", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, fitted: { classPropertyName: "fitted", publicName: "fitted", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", closed: "closed" }, host: { properties: { "class": "rootClasses()" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }], viewQueries: [{ propertyName: "triggerElements", predicate: TabTriggerElementDirective, descendants: true, isSignal: true }, { propertyName: "tablistInnerRef", first: true, predicate: ["tablistInner"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.closable() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance \u2014 a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs \u2014 both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.closable() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TabTriggerElementDirective, selector: "[twTabTriggerElement]", inputs: ["isFocusStop", "isDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: TabsComponent, isStandalone: true, selector: "tw-tabs", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, fitted: { classPropertyName: "fitted", publicName: "fitted", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", closed: "closed" }, host: { properties: { "class": "rootClasses()" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }], viewQueries: [{ propertyName: "triggerElements", predicate: TabTriggerElementDirective, descendants: true, isSignal: true }, { propertyName: "tablistInnerRef", first: true, predicate: ["tablistInner"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.isDismissible() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance \u2014 a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs \u2014 both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.isDismissible() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TabTriggerElementDirective, selector: "[twTabTriggerElement]", inputs: ["isFocusStop", "isDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tw-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, TabTriggerElementDirective], host: {
                         '[class]': 'rootClasses()',
-                    }, template: "<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.closable() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance \u2014 a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs \u2014 both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.closable() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n" }]
+                    }, template: "<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.isDismissible() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance \u2014 a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs \u2014 both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.isDismissible() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], fitted: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitted", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabComponent), { isSignal: true }] }], triggerElements: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => TabTriggerElementDirective), { isSignal: true }] }], tablistInnerRef: [{ type: i0.ViewChild, args: ['tablistInner', { isSignal: true }] }] } });
 
 /**

package/fesm2022/cdevhub-ngx-tw-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-tabs.mjs","sources":["../../../projects/ngx-tw/tabs/tabs.ts","../../../projects/ngx-tw/tabs/tabs.html","../../../projects/ngx-tw/tabs/cdevhub-ngx-tw-tabs.ts"],"sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  contentChildren,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  output,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n  viewChildren,\n  type AfterViewInit,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { type FocusableOption, FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { tv } from 'tailwind-variants';\nimport { twMerge } from 'tailwind-merge';\nimport {\n  getActiveTriggerClasses,\n  getInactiveTriggerClasses,\n  tabTriggerVariants,\n  type TabTriggerVariant,\n  type TwColor,\n  type TwSize,\n} from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the tab strip. */\nexport type TabsVariant = TabTriggerVariant;\n\n// ── tv() config (component-local slots only — trigger config is shared) ──\n\nconst tabsLayoutVariants = tv(\n  {\n    slots: {\n      root: 'flex',\n      tablist: 'relative flex shrink-0',\n      tablistInner: 'flex overflow-x-auto',\n      panel: 'min-w-0 flex-1',\n      scrollButton:\n        'inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors duration-normal motion-reduce:transition-none disabled:opacity-30 disabled:cursor-default hover:bg-surface-muted',\n      // No focus-visible ring: the close control is pointer-only by design\n      // (see the ARIA note in tabs.html), so a focus style would be dead code.\n      closeButton:\n        'inline-flex items-center justify-center rounded-md cursor-pointer transition-colors duration-normal motion-reduce:transition-none hover:bg-surface-muted',\n    },\n    variants: {\n      variant: {\n        underline: {\n          tablist: 'border-b border-border',\n          tablistInner: 'gap-0',\n          panel: 'pt-4',\n        },\n        enclosed: {\n          tablist: 'border-b border-border',\n          tablistInner: 'gap-0',\n          panel: 'pt-4',\n        },\n        pill: {\n          tablist: 'bg-surface-muted rounded-xl p-1',\n          tablistInner: 'gap-1',\n          panel: 'pt-4',\n        },\n      },\n      // Square interactive-target scale: see CLAUDE.md \"Icon Sizing\".\n      size: {\n        xs: { scrollButton: 'size-5', closeButton: 'size-6' },\n        sm: { scrollButton: 'size-5', closeButton: 'size-7' },\n        md: { scrollButton: 'size-6', closeButton: 'size-8' },\n        lg: { scrollButton: 'size-7', closeButton: 'size-9' },\n        xl: { scrollButton: 'size-8', closeButton: 'size-9' },\n      },\n      orientation: {\n        horizontal: {\n          root: 'flex-col',\n          tablist: '',\n          tablistInner: 'flex-row',\n        },\n        vertical: {\n          root: 'flex-row',\n          tablistInner: 'flex-col overflow-y-auto overflow-x-hidden',\n        },\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'underline',\n        orientation: 'vertical',\n        class: {\n          tablist: 'border-b-0 border-r border-border',\n          panel: 'pt-0 pl-4',\n        },\n      },\n      {\n        variant: 'enclosed',\n        orientation: 'vertical',\n        class: {\n          tablist: 'border-b-0 border-r border-border',\n          panel: 'pt-0 pl-4',\n        },\n      },\n      {\n        variant: 'pill',\n        orientation: 'vertical',\n        class: {\n          panel: 'pt-0 pl-4',\n        },\n      },\n    ],\n    defaultVariants: {\n      variant: 'underline',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n  { twMerge: true },\n);\n\n// ── Per-variant/orientation trigger additions (vertical underline/enclosed\n//    re-route the active border axis, hence these compound overrides). ──\n\nfunction getTriggerOrientationExtras(\n  variant: TabsVariant,\n  orientation: 'horizontal' | 'vertical',\n): string {\n  if (orientation !== 'vertical') return '';\n  switch (variant) {\n    case 'underline':\n      return 'border-b-0 -mb-0 border-r-2 border-transparent -mr-px';\n    case 'enclosed':\n      return '-mb-0 -mr-px';\n    case 'pill':\n      return '';\n  }\n}\n\n// ── Directives ──\n\n@Directive({ selector: 'ng-template[twTabTrigger]' })\nexport class TabTriggerDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n\n@Directive({ selector: 'ng-template[twTabContent]' })\nexport class TabContentDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n\n// ── TabComponent ──\n\n@Component({\n  selector: 'tw-tab',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <ng-template #implicitContent>\n      <ng-content />\n    </ng-template>\n  `,\n  host: {\n    'style': 'display: none',\n  },\n})\nexport class TabComponent {\n  /** Unique identifier for this tab. Used to match the active tab value. */\n  readonly value = input.required<string>();\n\n  /** Plain text label shown in the trigger. Ignored when a custom trigger template is provided. Defaults to an empty string. */\n  readonly label = input('');\n\n  /** When true, the tab cannot be selected and is skipped by keyboard navigation. Defaults to false. */\n  readonly disabled = input(false);\n\n  /** When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false. */\n  readonly closable = input(false);\n\n  /** When true, the tab panel content is only instantiated when the tab becomes active for the first time. Defaults to false. */\n  readonly lazy = input(false);\n\n  /** @internal Custom trigger template, if provided. */\n  readonly triggerTemplate = contentChild(TabTriggerDirective);\n\n  /** @internal Custom content template, if provided via twTabContent. */\n  readonly contentTemplate = contentChild(TabContentDirective);\n\n  /** @internal Implicit content template wrapping ng-content. */\n  readonly implicitContentTemplate = viewChild<TemplateRef<unknown>>('implicitContent');\n}\n\n// ── Tab trigger element wrapper ──\n\n@Directive({\n  selector: '[twTabTriggerElement]',\n  host: {\n    '[attr.tabindex]': 'tabIndex()',\n  },\n})\nexport class TabTriggerElementDirective implements FocusableOption {\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Whether this trigger owns the tablist's single tab stop. Drives\n   * `tabindex`. Normally the active tab, but the parent falls back to the\n   * first enabled tab when `value` matches nothing, so the tablist is never\n   * left with zero tab stops. Defaults to `false`.\n   */\n  readonly isFocusStop = input(false);\n\n  /** Whether this trigger is disabled. Read by `FocusKeyManager` so disabled triggers are skipped during arrow navigation. Defaults to `false`. */\n  readonly isDisabled = input(false);\n\n  readonly tabIndex = computed(() => this.isFocusStop() ? 0 : -1);\n\n  /** Moves DOM focus to the trigger element. Called by `FocusKeyManager` during arrow-key navigation. */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /**\n   * FocusableOption getter. NOTE: we cannot expose the `isDisabled` input\n   * signal directly — the signal function itself is always truthy, which would\n   * make FocusKeyManager treat every trigger as disabled. We resolve the\n   * signal here so the manager skips the right items.\n   */\n  get disabled(): boolean {\n    return this.isDisabled();\n  }\n}\n\n// ── TabsComponent ──\n\nlet nextId = 0;\n\n@Component({\n  selector: 'tw-tabs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, TabTriggerElementDirective],\n  templateUrl: './tabs.html',\n  host: {\n    '[class]': 'rootClasses()',\n  },\n})\nexport class TabsComponent implements AfterViewInit {\n  /** Controls the visual style of the tab strip. Defaults to 'underline'. */\n  readonly variant = input<TabsVariant>('underline');\n\n  /** Sets the semantic color for active tab indicators and highlights. Defaults to 'primary'. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding, font size, and icon size of tab triggers. Defaults to 'md'. */\n  readonly size = input<TwSize>('md');\n\n  /** Layout direction of the tab strip. Defaults to 'horizontal'. */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /** When true, tab triggers stretch to fill the available width equally. Defaults to false. */\n  readonly fitted = input(false);\n\n  /** The value of the currently active tab. Two-way bound. Updates when the user selects a tab. Defaults to an empty string. */\n  readonly value = model<string>('');\n\n  /** Fires when a closable tab is dismissed, either by clicking its close control or by pressing Delete while the tab has focus. Payload is the tab's value. */\n  readonly closed = output<string>();\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly liveAnnouncer = inject(LiveAnnouncer);\n  private readonly directionality = inject(Directionality, { optional: true });\n\n  /**\n   * Live layout direction, read straight from CDK's `Directionality.valueSignal`\n   * (CDK 22+) so the key-manager effect re-runs on a runtime `dir` flip with no\n   * manual subscription mirror. Without a live direction the tablist hardcodes\n   * 'ltr' and ArrowRight moves to the next tab in DOM order but the *previous*\n   * tab visually in an RTL locale. CdkStepper and `tw-split` already honour\n   * Directionality; `tw-paginator` reads `valueSignal` the same way.\n   */\n  private readonly layoutDirection = computed<'ltr' | 'rtl'>(\n    () => this.directionality?.valueSignal() ?? 'ltr',\n  );\n\n  /** @internal */\n  readonly tabs = contentChildren(TabComponent);\n\n  /** @internal */\n  readonly triggerElements = viewChildren(TabTriggerElementDirective);\n\n  /** @internal */\n  readonly tablistInnerRef = viewChild<ElementRef<HTMLElement>>('tablistInner');\n\n  private readonly componentId = `tw-tabs-${nextId++}`;\n\n  // ── Active tab tracking ──\n\n  readonly activeValue = linkedSignal(() => this.value());\n\n  // ── Lazy tab tracking — Set of tab values that have been activated at least once ──\n  readonly activatedTabs = signal(new Set<string>());\n\n  // ── Scroll overflow signals ──\n  readonly canScrollStart = signal(false);\n  readonly canScrollEnd = signal(false);\n\n  private resizeObserver: ResizeObserver | null = null;\n  private scrollCleanup: (() => void) | null = null;\n\n  // ── Variant classes ──\n\n  private readonly layoutResult = computed(() =>\n    tabsLayoutVariants({\n      variant: this.variant(),\n      size: this.size(),\n      orientation: this.orientation(),\n    }),\n  );\n\n  private readonly triggerResult = computed(() =>\n    tabTriggerVariants({\n      variant: this.variant(),\n      color: this.color(),\n      size: this.size(),\n      fitted: this.fitted(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.layoutResult().root());\n  readonly tablistClasses = computed(() => this.layoutResult().tablist());\n  readonly tablistInnerClasses = computed(() => this.layoutResult().tablistInner());\n  readonly baseTriggerClasses = computed(() => this.triggerResult().trigger());\n  readonly panelClasses = computed(() => this.layoutResult().panel());\n  readonly scrollButtonClasses = computed(() => this.layoutResult().scrollButton());\n  readonly closeButtonClasses = computed(() => this.layoutResult().closeButton());\n\n  // ── Per-trigger active/inactive class computation ──\n\n  /** @internal Get combined trigger classes for a given tab. */\n  getTriggerClasses(_tabValue: string, isActive: boolean): string {\n    const base = this.baseTriggerClasses();\n    const orientationExtras = getTriggerOrientationExtras(this.variant(), this.orientation());\n    const state = isActive\n      ? getActiveTriggerClasses(this.variant(), this.color(), this.orientation())\n      : getInactiveTriggerClasses(this.variant());\n    return twMerge(base, orientationExtras, state);\n  }\n\n  // ── ID generation ──\n  /** Builds the DOM id for a tab trigger, used by the panel's `aria-labelledby`. */\n  getTabId(tabValue: string): string {\n    return `${this.componentId}-tab-${tabValue}`;\n  }\n\n  /** Builds the DOM id for a tab panel, used by the trigger's `aria-controls`. */\n  getPanelId(tabValue: string): string {\n    return `${this.componentId}-panel-${tabValue}`;\n  }\n\n  // ── Tab visibility ──\n\n  /** Whether the tab with the given value is the currently active one. */\n  isTabActive(tabValue: string): boolean {\n    return this.activeValue() === tabValue;\n  }\n\n  /**\n   * @internal Value of the tab that owns the tablist's single tab stop.\n   *\n   * The active tab whenever it exists and is enabled. When `value` matches no\n   * tab — a stale id, a value cleared after init, or an active tab that is\n   * disabled — the first enabled tab takes the tab stop instead (standard\n   * roving-tabindex recovery). Without the fallback every trigger renders\n   * `tabindex=\"-1\"` and the whole tablist silently leaves the tab order\n   * (WCAG SC 2.1.1).\n   */\n  readonly focusStopValue = computed<string | null>(() => {\n    const tabs = this.tabs();\n    const active = this.activeValue();\n    const activeTab = tabs.find(t => t.value() === active && !t.disabled());\n    if (activeTab) return activeTab.value();\n    return tabs.find(t => !t.disabled())?.value() ?? null;\n  });\n\n  /** Whether the tab with the given value owns the tablist's single tab stop. */\n  isTabFocusStop(tabValue: string): boolean {\n    return this.focusStopValue() === tabValue;\n  }\n\n  /** Whether a tab's panel content should be in the DOM. Always true for eager tabs; for lazy tabs, true only once the tab has been activated at least once. */\n  shouldRenderPanel(tab: TabComponent): boolean {\n    const value = tab.value();\n    if (!tab.lazy()) {\n      return true;\n    }\n    // Lazy: render only if it has been activated at least once\n    return this.activatedTabs().has(value);\n  }\n\n  // ── Selection ──\n\n  /** Activates a tab, updating the two-way bound `value`, marking it rendered for lazy panels, and announcing the change via `LiveAnnouncer`. Ignored when the tab is disabled. */\n  selectTab(tab: TabComponent): void {\n    if (tab.disabled()) return;\n    const val = tab.value();\n    this.activeValue.set(val);\n    this.value.set(val);\n\n    // Mark as activated for lazy tabs\n    this.activatedTabs.update(set => {\n      const next = new Set(set);\n      next.add(val);\n      return next;\n    });\n\n    // Announce to screen readers\n    const tabsArr = this.tabs();\n    const idx = tabsArr.findIndex(t => t.value() === val);\n    this.liveAnnouncer.announce(\n      `${tab.label() || val} tab, ${idx + 1} of ${tabsArr.length}`,\n    );\n  }\n\n  /** Closes a closable tab, emitting `closed` with its value and moving activation to the nearest enabled sibling when the closed tab was active. */\n  closeTab(tab: TabComponent, event: Event): void {\n    event.stopPropagation();\n    if (event instanceof KeyboardEvent) {\n      event.preventDefault();\n    }\n    const val = tab.value();\n    this.closed.emit(val);\n\n    // If closing the active tab, activate nearest enabled sibling\n    if (this.isTabActive(val)) {\n      const tabsArr = this.tabs();\n      const idx = tabsArr.findIndex(t => t.value() === val);\n      const next = this.findNearestEnabledTab(tabsArr, idx);\n      if (next) {\n        this.selectTab(next);\n      }\n    }\n  }\n\n  private findNearestEnabledTab(tabs: readonly TabComponent[], fromIndex: number): TabComponent | null {\n    // Search forward first, then backward\n    for (let i = fromIndex + 1; i < tabs.length; i++) {\n      if (!tabs[i].disabled()) return tabs[i];\n    }\n    for (let i = fromIndex - 1; i >= 0; i--) {\n      if (!tabs[i].disabled()) return tabs[i];\n    }\n    return null;\n  }\n\n  // ── Keyboard navigation (CDK FocusKeyManager) ──\n\n  private keyManager: FocusKeyManager<TabTriggerElementDirective> | null = null;\n\n  /**\n   * @internal Handles keyboard navigation. The manager handles Arrow/Home/End;\n   * we layer Enter/Space to select the focused tab (the wrapper is a `<div role=\"tab\">`\n   * so we lose the native button activation) and Delete to close a closable tab.\n   */\n  onKeydown(event: KeyboardEvent): void {\n    if (!this.keyManager) return;\n    const triggers = this.triggerElements();\n    if (triggers.length === 0) return;\n\n    // Sync active item with the trigger DOM-focused by the user. We accept\n    // either `event.target` (which works under shadow DOM) or the currently\n    // active tab's index as a safety net (e.g. when the event was dispatched\n    // on the tablist container itself, not a trigger).\n    const focusedIdx = triggers.findIndex(\n      t => t.elementRef.nativeElement === event.target,\n    );\n    const activeIdx = focusedIdx >= 0\n      ? focusedIdx\n      : this.tabs().findIndex(t => t.value() === this.activeValue());\n    if (activeIdx >= 0 && activeIdx !== this.keyManager.activeItemIndex) {\n      this.keyManager.setActiveItem(activeIdx);\n    }\n\n    // Enter / Space select the focused tab (we no longer get this for free\n    // because the trigger is a div, not a button — see DOM restructure below).\n    if (event.key === 'Enter' || event.key === ' ') {\n      if (focusedIdx >= 0) {\n        event.preventDefault();\n        this.selectTab(this.tabs()[focusedIdx]);\n      }\n      return;\n    }\n\n    // Delete on a closable tab dismisses it (APG-recommended). This is the\n    // ONLY keyboard path: the close control cannot be focusable without\n    // failing axe's nested-interactive rule, so `aria-keyshortcuts=\"Delete\"`\n    // on the trigger advertises this gesture to assistive tech.\n    if (event.key === 'Delete' && focusedIdx >= 0) {\n      const tab = this.tabs()[focusedIdx];\n      if (tab.closable() && !tab.disabled()) {\n        event.preventDefault();\n        this.closeTab(tab, event);\n        return;\n      }\n    }\n\n    // Let the manager handle arrow/home/end navigation.\n    const before = this.keyManager.activeItemIndex;\n    this.keyManager.onKeydown(event);\n    const after = this.keyManager.activeItemIndex;\n    if (after !== null && after !== before && after >= 0) {\n      // Automatic activation pattern (APG): selection follows focus.\n      this.selectTab(this.tabs()[after]);\n    }\n  }\n\n  // ── Scrolling ──\n\n  /** Smoothly scrolls the tablist back toward its start by one step, along the current orientation's axis. */\n  scrollStart(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      el.scrollBy({ top: -120, behavior: 'smooth' });\n    } else {\n      el.scrollBy({ left: -120, behavior: 'smooth' });\n    }\n  }\n\n  /** Smoothly scrolls the tablist forward toward its end by one step, along the current orientation's axis. */\n  scrollEnd(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      el.scrollBy({ top: 120, behavior: 'smooth' });\n    } else {\n      el.scrollBy({ left: 120, behavior: 'smooth' });\n    }\n  }\n\n  private updateScrollState(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      this.canScrollStart.set(el.scrollTop > 0);\n      this.canScrollEnd.set(el.scrollTop + el.clientHeight < el.scrollHeight - 1);\n    } else {\n      this.canScrollStart.set(el.scrollLeft > 0);\n      this.canScrollEnd.set(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.initializeActiveTab();\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      this.setupScrollDetection();\n    });\n\n    // Rebuild FocusKeyManager whenever triggers, orientation or direction\n    // change. `layoutDirection()` reads `Directionality.valueSignal` directly,\n    // so an app that flips `dir` at runtime rebuilds the manager with the new\n    // horizontal orientation without a subscription mirror.\n    effect((onCleanup) => {\n      const triggers = this.triggerElements();\n      const orientation = this.orientation();\n      if (triggers.length === 0) {\n        this.keyManager = null;\n        return;\n      }\n      const direction = this.layoutDirection();\n      const manager = new FocusKeyManager(triggers)\n        .withWrap()\n        .withHomeAndEnd();\n      if (orientation === 'vertical') {\n        manager.withVerticalOrientation();\n      } else {\n        manager.withHorizontalOrientation(direction);\n      }\n      this.keyManager = manager;\n\n      // Initialise the manager's active index to the active tab so the first\n      // arrow press moves from the active item, not from -1.\n      //\n      // `updateActiveItem`, NOT `setActiveItem`: on a FocusKeyManager,\n      // `setActiveItem` also moves DOM focus to the item. Calling it here —\n      // during construction — makes merely MOUNTING a `<tw-tabs>` steal focus\n      // from wherever the user was and scroll the tablist into view. On a page\n      // where the tabs sit below the fold that silently jumps the viewport.\n      // `updateActiveItem` seeds the index without touching focus, which is\n      // all this needs; the keydown handler still uses `setActiveItem`, where\n      // moving focus is the point.\n      untracked(() => {\n        // Seeded from the DOM tab stop, not from `activeValue()`: when `value`\n        // matches no tab the tab stop falls back to the first enabled tab, and\n        // seeding the manager with -1 there would desynchronise the two.\n        const stopValue = this.focusStopValue();\n        const tabs = this.tabs();\n        const idx = tabs.findIndex(t => t.value() === stopValue);\n        if (idx >= 0) {\n          manager.updateActiveItem(idx);\n        }\n      });\n\n      onCleanup(() => {\n        manager.destroy();\n      });\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.resizeObserver?.disconnect();\n      this.scrollCleanup?.();\n    });\n  }\n\n  private initializeActiveTab(): void {\n    // If no value was provided, default to the first enabled tab\n    if (!this.activeValue()) {\n      const first = this.tabs().find(t => !t.disabled());\n      if (first) {\n        this.activeValue.set(first.value());\n        this.value.set(first.value());\n      }\n    }\n\n    // Mark the initial active tab as activated (for lazy tracking)\n    const val = this.activeValue();\n    if (val) {\n      this.activatedTabs.update(set => {\n        const next = new Set(set);\n        next.add(val);\n        return next;\n      });\n    }\n  }\n\n  private setupScrollDetection(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n\n    // Initial check\n    this.updateScrollState();\n\n    // ResizeObserver for container size changes\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.updateScrollState();\n      });\n      this.resizeObserver.observe(el);\n    }\n\n    // Scroll event for scroll position changes\n    const onScroll = () => this.updateScrollState();\n    el.addEventListener('scroll', onScroll, { passive: true });\n    this.scrollCleanup = () => el.removeEventListener('scroll', onScroll);\n  }\n}\n","<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.closable() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance — a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs — both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.closable() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdevhub-ngx-tw-tabs.mjs","sources":["../../../projects/ngx-tw/tabs/tabs.ts","../../../projects/ngx-tw/tabs/tabs.html","../../../projects/ngx-tw/tabs/cdevhub-ngx-tw-tabs.ts"],"sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  contentChildren,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  output,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n  viewChildren,\n  type AfterViewInit,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { type FocusableOption, FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { tv } from 'tailwind-variants';\nimport { twMerge } from 'tailwind-merge';\nimport {\n  getActiveTriggerClasses,\n  getInactiveTriggerClasses,\n  tabTriggerVariants,\n  type TabTriggerVariant,\n  type TwColor,\n  type TwSize,\n} from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the tab strip. */\nexport type TabsVariant = TabTriggerVariant;\n\n// ── tv() config (component-local slots only — trigger config is shared) ──\n\nconst tabsLayoutVariants = tv(\n  {\n    slots: {\n      root: 'flex',\n      tablist: 'relative flex shrink-0',\n      tablistInner: 'flex overflow-x-auto',\n      panel: 'min-w-0 flex-1',\n      scrollButton:\n        'inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors duration-normal motion-reduce:transition-none disabled:opacity-30 disabled:cursor-default hover:bg-surface-muted',\n      // No focus-visible ring: the close control is pointer-only by design\n      // (see the ARIA note in tabs.html), so a focus style would be dead code.\n      closeButton:\n        'inline-flex items-center justify-center rounded-md cursor-pointer transition-colors duration-normal motion-reduce:transition-none hover:bg-surface-muted',\n    },\n    variants: {\n      variant: {\n        underline: {\n          tablist: 'border-b border-border',\n          tablistInner: 'gap-0',\n          panel: 'pt-4',\n        },\n        enclosed: {\n          tablist: 'border-b border-border',\n          tablistInner: 'gap-0',\n          panel: 'pt-4',\n        },\n        pill: {\n          tablist: 'bg-surface-muted rounded-xl p-1',\n          tablistInner: 'gap-1',\n          panel: 'pt-4',\n        },\n      },\n      // Square interactive-target scale: see CLAUDE.md \"Icon Sizing\".\n      size: {\n        xs: { scrollButton: 'size-5', closeButton: 'size-6' },\n        sm: { scrollButton: 'size-5', closeButton: 'size-7' },\n        md: { scrollButton: 'size-6', closeButton: 'size-8' },\n        lg: { scrollButton: 'size-7', closeButton: 'size-9' },\n        xl: { scrollButton: 'size-8', closeButton: 'size-9' },\n      },\n      orientation: {\n        horizontal: {\n          root: 'flex-col',\n          tablist: '',\n          tablistInner: 'flex-row',\n        },\n        vertical: {\n          root: 'flex-row',\n          tablistInner: 'flex-col overflow-y-auto overflow-x-hidden',\n        },\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'underline',\n        orientation: 'vertical',\n        class: {\n          tablist: 'border-b-0 border-r border-border',\n          panel: 'pt-0 pl-4',\n        },\n      },\n      {\n        variant: 'enclosed',\n        orientation: 'vertical',\n        class: {\n          tablist: 'border-b-0 border-r border-border',\n          panel: 'pt-0 pl-4',\n        },\n      },\n      {\n        variant: 'pill',\n        orientation: 'vertical',\n        class: {\n          panel: 'pt-0 pl-4',\n        },\n      },\n    ],\n    defaultVariants: {\n      variant: 'underline',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n  { twMerge: true },\n);\n\n// ── Per-variant/orientation trigger additions (vertical underline/enclosed\n//    re-route the active border axis, hence these compound overrides). ──\n\nfunction getTriggerOrientationExtras(\n  variant: TabsVariant,\n  orientation: 'horizontal' | 'vertical',\n): string {\n  if (orientation !== 'vertical') return '';\n  switch (variant) {\n    case 'underline':\n      return 'border-b-0 -mb-0 border-r-2 border-transparent -mr-px';\n    case 'enclosed':\n      return '-mb-0 -mr-px';\n    case 'pill':\n      return '';\n  }\n}\n\n// ── Directives ──\n\n@Directive({ selector: 'ng-template[twTabTrigger]' })\nexport class TabTriggerDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n\n@Directive({ selector: 'ng-template[twTabContent]' })\nexport class TabContentDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n\n// ── TabComponent ──\n\n@Component({\n  selector: 'tw-tab',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <ng-template #implicitContent>\n      <ng-content />\n    </ng-template>\n  `,\n  host: {\n    'style': 'display: none',\n  },\n})\nexport class TabComponent {\n  /** Unique identifier for this tab. Used to match the active tab value. */\n  readonly value = input.required<string>();\n\n  /** Plain text label shown in the trigger. Ignored when a custom trigger template is provided. Defaults to an empty string. */\n  readonly label = input('');\n\n  /** When true, the tab cannot be selected and is skipped by keyboard navigation. Defaults to false. */\n  readonly disabled = input(false);\n\n  /**\n   * When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false.\n   *\n   * @deprecated Bind `dismissible` instead. `closable` was the library's only\n   * spelling of this concept — `alert`, `badge` and `toast` all call it\n   * `dismissible` — and one idea should not have two names. Both work; `closable`\n   * is removed in the next major.\n   */\n  readonly closable = input(false, { transform: booleanAttribute });\n\n  /**\n   * When true, a dismiss control is rendered in the tab trigger. The control is pointer-only; the keyboard gesture is Delete on the focused tab. Defaults to false.\n   *\n   * Canonical spelling, matching `alert`, `badge` and `toast`. Supersedes the\n   * deprecated `closable`; binding either one enables the control.\n   */\n  readonly dismissible = input(false, { transform: booleanAttribute });\n\n  /**\n   * @internal Whether a dismiss control should render, from either spelling.\n   * Both inputs default to `false`, so `||` is the correct reconciliation: it is\n   * true exactly when the consumer opted in through one name or the other.\n   */\n  readonly isDismissible = computed(() => this.dismissible() || this.closable());\n\n  /** When true, the tab panel content is only instantiated when the tab becomes active for the first time. Defaults to false. */\n  readonly lazy = input(false);\n\n  /** @internal Custom trigger template, if provided. */\n  readonly triggerTemplate = contentChild(TabTriggerDirective);\n\n  /** @internal Custom content template, if provided via twTabContent. */\n  readonly contentTemplate = contentChild(TabContentDirective);\n\n  /** @internal Implicit content template wrapping ng-content. */\n  readonly implicitContentTemplate = viewChild<TemplateRef<unknown>>('implicitContent');\n}\n\n// ── Tab trigger element wrapper ──\n\n@Directive({\n  selector: '[twTabTriggerElement]',\n  host: {\n    '[attr.tabindex]': 'tabIndex()',\n  },\n})\nexport class TabTriggerElementDirective implements FocusableOption {\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Whether this trigger owns the tablist's single tab stop. Drives\n   * `tabindex`. Normally the active tab, but the parent falls back to the\n   * first enabled tab when `value` matches nothing, so the tablist is never\n   * left with zero tab stops. Defaults to `false`.\n   */\n  readonly isFocusStop = input(false);\n\n  /** Whether this trigger is disabled. Read by `FocusKeyManager` so disabled triggers are skipped during arrow navigation. Defaults to `false`. */\n  readonly isDisabled = input(false);\n\n  readonly tabIndex = computed(() => this.isFocusStop() ? 0 : -1);\n\n  /** Moves DOM focus to the trigger element. Called by `FocusKeyManager` during arrow-key navigation. */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /**\n   * FocusableOption getter. NOTE: we cannot expose the `isDisabled` input\n   * signal directly — the signal function itself is always truthy, which would\n   * make FocusKeyManager treat every trigger as disabled. We resolve the\n   * signal here so the manager skips the right items.\n   */\n  get disabled(): boolean {\n    return this.isDisabled();\n  }\n}\n\n// ── TabsComponent ──\n\nlet nextId = 0;\n\n@Component({\n  selector: 'tw-tabs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, TabTriggerElementDirective],\n  templateUrl: './tabs.html',\n  host: {\n    '[class]': 'rootClasses()',\n  },\n})\nexport class TabsComponent implements AfterViewInit {\n  /** Controls the visual style of the tab strip. Defaults to 'underline'. */\n  readonly variant = input<TabsVariant>('underline');\n\n  /** Sets the semantic color for active tab indicators and highlights. Defaults to 'primary'. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding, font size, and icon size of tab triggers. Defaults to 'md'. */\n  readonly size = input<TwSize>('md');\n\n  /** Layout direction of the tab strip. Defaults to 'horizontal'. */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /** When true, tab triggers stretch to fill the available width equally. Defaults to false. */\n  readonly fitted = input(false);\n\n  /** The value of the currently active tab. Two-way bound. Updates when the user selects a tab. Defaults to an empty string. */\n  readonly value = model<string>('');\n\n  /** Fires when a closable tab is dismissed, either by clicking its close control or by pressing Delete while the tab has focus. Payload is the tab's value. */\n  readonly closed = output<string>();\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly liveAnnouncer = inject(LiveAnnouncer);\n  private readonly directionality = inject(Directionality, { optional: true });\n\n  /**\n   * Live layout direction, read straight from CDK's `Directionality.valueSignal`\n   * (CDK 22+) so the key-manager effect re-runs on a runtime `dir` flip with no\n   * manual subscription mirror. Without a live direction the tablist hardcodes\n   * 'ltr' and ArrowRight moves to the next tab in DOM order but the *previous*\n   * tab visually in an RTL locale. CdkStepper and `tw-split` already honour\n   * Directionality; `tw-paginator` reads `valueSignal` the same way.\n   */\n  private readonly layoutDirection = computed<'ltr' | 'rtl'>(\n    () => this.directionality?.valueSignal() ?? 'ltr',\n  );\n\n  /** @internal */\n  readonly tabs = contentChildren(TabComponent);\n\n  /** @internal */\n  readonly triggerElements = viewChildren(TabTriggerElementDirective);\n\n  /** @internal */\n  readonly tablistInnerRef = viewChild<ElementRef<HTMLElement>>('tablistInner');\n\n  private readonly componentId = `tw-tabs-${nextId++}`;\n\n  // ── Active tab tracking ──\n\n  readonly activeValue = linkedSignal(() => this.value());\n\n  // ── Lazy tab tracking — Set of tab values that have been activated at least once ──\n  readonly activatedTabs = signal(new Set<string>());\n\n  // ── Scroll overflow signals ──\n  readonly canScrollStart = signal(false);\n  readonly canScrollEnd = signal(false);\n\n  private resizeObserver: ResizeObserver | null = null;\n  private scrollCleanup: (() => void) | null = null;\n\n  // ── Variant classes ──\n\n  private readonly layoutResult = computed(() =>\n    tabsLayoutVariants({\n      variant: this.variant(),\n      size: this.size(),\n      orientation: this.orientation(),\n    }),\n  );\n\n  private readonly triggerResult = computed(() =>\n    tabTriggerVariants({\n      variant: this.variant(),\n      color: this.color(),\n      size: this.size(),\n      fitted: this.fitted(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.layoutResult().root());\n  readonly tablistClasses = computed(() => this.layoutResult().tablist());\n  readonly tablistInnerClasses = computed(() => this.layoutResult().tablistInner());\n  readonly baseTriggerClasses = computed(() => this.triggerResult().trigger());\n  readonly panelClasses = computed(() => this.layoutResult().panel());\n  readonly scrollButtonClasses = computed(() => this.layoutResult().scrollButton());\n  readonly closeButtonClasses = computed(() => this.layoutResult().closeButton());\n\n  // ── Per-trigger active/inactive class computation ──\n\n  /** @internal Get combined trigger classes for a given tab. */\n  getTriggerClasses(_tabValue: string, isActive: boolean): string {\n    const base = this.baseTriggerClasses();\n    const orientationExtras = getTriggerOrientationExtras(this.variant(), this.orientation());\n    const state = isActive\n      ? getActiveTriggerClasses(this.variant(), this.color(), this.orientation())\n      : getInactiveTriggerClasses(this.variant());\n    return twMerge(base, orientationExtras, state);\n  }\n\n  // ── ID generation ──\n  /** Builds the DOM id for a tab trigger, used by the panel's `aria-labelledby`. */\n  getTabId(tabValue: string): string {\n    return `${this.componentId}-tab-${tabValue}`;\n  }\n\n  /** Builds the DOM id for a tab panel, used by the trigger's `aria-controls`. */\n  getPanelId(tabValue: string): string {\n    return `${this.componentId}-panel-${tabValue}`;\n  }\n\n  // ── Tab visibility ──\n\n  /** Whether the tab with the given value is the currently active one. */\n  isTabActive(tabValue: string): boolean {\n    return this.activeValue() === tabValue;\n  }\n\n  /**\n   * @internal Value of the tab that owns the tablist's single tab stop.\n   *\n   * The active tab whenever it exists and is enabled. When `value` matches no\n   * tab — a stale id, a value cleared after init, or an active tab that is\n   * disabled — the first enabled tab takes the tab stop instead (standard\n   * roving-tabindex recovery). Without the fallback every trigger renders\n   * `tabindex=\"-1\"` and the whole tablist silently leaves the tab order\n   * (WCAG SC 2.1.1).\n   */\n  readonly focusStopValue = computed<string | null>(() => {\n    const tabs = this.tabs();\n    const active = this.activeValue();\n    const activeTab = tabs.find(t => t.value() === active && !t.disabled());\n    if (activeTab) return activeTab.value();\n    return tabs.find(t => !t.disabled())?.value() ?? null;\n  });\n\n  /** Whether the tab with the given value owns the tablist's single tab stop. */\n  isTabFocusStop(tabValue: string): boolean {\n    return this.focusStopValue() === tabValue;\n  }\n\n  /** Whether a tab's panel content should be in the DOM. Always true for eager tabs; for lazy tabs, true only once the tab has been activated at least once. */\n  shouldRenderPanel(tab: TabComponent): boolean {\n    const value = tab.value();\n    if (!tab.lazy()) {\n      return true;\n    }\n    // Lazy: render only if it has been activated at least once\n    return this.activatedTabs().has(value);\n  }\n\n  // ── Selection ──\n\n  /** Activates a tab, updating the two-way bound `value`, marking it rendered for lazy panels, and announcing the change via `LiveAnnouncer`. Ignored when the tab is disabled. */\n  selectTab(tab: TabComponent): void {\n    if (tab.disabled()) return;\n    const val = tab.value();\n    this.activeValue.set(val);\n    this.value.set(val);\n\n    // Mark as activated for lazy tabs\n    this.activatedTabs.update(set => {\n      const next = new Set(set);\n      next.add(val);\n      return next;\n    });\n\n    // Announce to screen readers\n    const tabsArr = this.tabs();\n    const idx = tabsArr.findIndex(t => t.value() === val);\n    this.liveAnnouncer.announce(\n      `${tab.label() || val} tab, ${idx + 1} of ${tabsArr.length}`,\n    );\n  }\n\n  /** Closes a closable tab, emitting `closed` with its value and moving activation to the nearest enabled sibling when the closed tab was active. */\n  closeTab(tab: TabComponent, event: Event): void {\n    event.stopPropagation();\n    if (event instanceof KeyboardEvent) {\n      event.preventDefault();\n    }\n    const val = tab.value();\n    this.closed.emit(val);\n\n    // If closing the active tab, activate nearest enabled sibling\n    if (this.isTabActive(val)) {\n      const tabsArr = this.tabs();\n      const idx = tabsArr.findIndex(t => t.value() === val);\n      const next = this.findNearestEnabledTab(tabsArr, idx);\n      if (next) {\n        this.selectTab(next);\n      }\n    }\n  }\n\n  private findNearestEnabledTab(tabs: readonly TabComponent[], fromIndex: number): TabComponent | null {\n    // Search forward first, then backward\n    for (let i = fromIndex + 1; i < tabs.length; i++) {\n      if (!tabs[i].disabled()) return tabs[i];\n    }\n    for (let i = fromIndex - 1; i >= 0; i--) {\n      if (!tabs[i].disabled()) return tabs[i];\n    }\n    return null;\n  }\n\n  // ── Keyboard navigation (CDK FocusKeyManager) ──\n\n  private keyManager: FocusKeyManager<TabTriggerElementDirective> | null = null;\n\n  /**\n   * @internal Handles keyboard navigation. The manager handles Arrow/Home/End;\n   * we layer Enter/Space to select the focused tab (the wrapper is a `<div role=\"tab\">`\n   * so we lose the native button activation) and Delete to close a closable tab.\n   */\n  onKeydown(event: KeyboardEvent): void {\n    if (!this.keyManager) return;\n    const triggers = this.triggerElements();\n    if (triggers.length === 0) return;\n\n    // Sync active item with the trigger DOM-focused by the user. We accept\n    // either `event.target` (which works under shadow DOM) or the currently\n    // active tab's index as a safety net (e.g. when the event was dispatched\n    // on the tablist container itself, not a trigger).\n    const focusedIdx = triggers.findIndex(\n      t => t.elementRef.nativeElement === event.target,\n    );\n    const activeIdx = focusedIdx >= 0\n      ? focusedIdx\n      : this.tabs().findIndex(t => t.value() === this.activeValue());\n    if (activeIdx >= 0 && activeIdx !== this.keyManager.activeItemIndex) {\n      this.keyManager.setActiveItem(activeIdx);\n    }\n\n    // Enter / Space select the focused tab (we no longer get this for free\n    // because the trigger is a div, not a button — see DOM restructure below).\n    if (event.key === 'Enter' || event.key === ' ') {\n      if (focusedIdx >= 0) {\n        event.preventDefault();\n        this.selectTab(this.tabs()[focusedIdx]);\n      }\n      return;\n    }\n\n    // Delete on a closable tab dismisses it (APG-recommended). This is the\n    // ONLY keyboard path: the close control cannot be focusable without\n    // failing axe's nested-interactive rule, so `aria-keyshortcuts=\"Delete\"`\n    // on the trigger advertises this gesture to assistive tech.\n    if (event.key === 'Delete' && focusedIdx >= 0) {\n      const tab = this.tabs()[focusedIdx];\n      if (tab.isDismissible() && !tab.disabled()) {\n        event.preventDefault();\n        this.closeTab(tab, event);\n        return;\n      }\n    }\n\n    // Let the manager handle arrow/home/end navigation.\n    const before = this.keyManager.activeItemIndex;\n    this.keyManager.onKeydown(event);\n    const after = this.keyManager.activeItemIndex;\n    if (after !== null && after !== before && after >= 0) {\n      // Automatic activation pattern (APG): selection follows focus.\n      this.selectTab(this.tabs()[after]);\n    }\n  }\n\n  // ── Scrolling ──\n\n  /** Smoothly scrolls the tablist back toward its start by one step, along the current orientation's axis. */\n  scrollStart(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      el.scrollBy({ top: -120, behavior: 'smooth' });\n    } else {\n      el.scrollBy({ left: -120, behavior: 'smooth' });\n    }\n  }\n\n  /** Smoothly scrolls the tablist forward toward its end by one step, along the current orientation's axis. */\n  scrollEnd(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      el.scrollBy({ top: 120, behavior: 'smooth' });\n    } else {\n      el.scrollBy({ left: 120, behavior: 'smooth' });\n    }\n  }\n\n  private updateScrollState(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n\n    const isVertical = this.orientation() === 'vertical';\n    if (isVertical) {\n      this.canScrollStart.set(el.scrollTop > 0);\n      this.canScrollEnd.set(el.scrollTop + el.clientHeight < el.scrollHeight - 1);\n    } else {\n      this.canScrollStart.set(el.scrollLeft > 0);\n      this.canScrollEnd.set(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.initializeActiveTab();\n  }\n\n  constructor() {\n    afterNextRender(() => {\n      this.setupScrollDetection();\n    });\n\n    // Rebuild FocusKeyManager whenever triggers, orientation or direction\n    // change. `layoutDirection()` reads `Directionality.valueSignal` directly,\n    // so an app that flips `dir` at runtime rebuilds the manager with the new\n    // horizontal orientation without a subscription mirror.\n    effect((onCleanup) => {\n      const triggers = this.triggerElements();\n      const orientation = this.orientation();\n      if (triggers.length === 0) {\n        this.keyManager = null;\n        return;\n      }\n      const direction = this.layoutDirection();\n      const manager = new FocusKeyManager(triggers)\n        .withWrap()\n        .withHomeAndEnd();\n      if (orientation === 'vertical') {\n        manager.withVerticalOrientation();\n      } else {\n        manager.withHorizontalOrientation(direction);\n      }\n      this.keyManager = manager;\n\n      // Initialise the manager's active index to the active tab so the first\n      // arrow press moves from the active item, not from -1.\n      //\n      // `updateActiveItem`, NOT `setActiveItem`: on a FocusKeyManager,\n      // `setActiveItem` also moves DOM focus to the item. Calling it here —\n      // during construction — makes merely MOUNTING a `<tw-tabs>` steal focus\n      // from wherever the user was and scroll the tablist into view. On a page\n      // where the tabs sit below the fold that silently jumps the viewport.\n      // `updateActiveItem` seeds the index without touching focus, which is\n      // all this needs; the keydown handler still uses `setActiveItem`, where\n      // moving focus is the point.\n      untracked(() => {\n        // Seeded from the DOM tab stop, not from `activeValue()`: when `value`\n        // matches no tab the tab stop falls back to the first enabled tab, and\n        // seeding the manager with -1 there would desynchronise the two.\n        const stopValue = this.focusStopValue();\n        const tabs = this.tabs();\n        const idx = tabs.findIndex(t => t.value() === stopValue);\n        if (idx >= 0) {\n          manager.updateActiveItem(idx);\n        }\n      });\n\n      onCleanup(() => {\n        manager.destroy();\n      });\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.resizeObserver?.disconnect();\n      this.scrollCleanup?.();\n    });\n  }\n\n  private initializeActiveTab(): void {\n    // If no value was provided, default to the first enabled tab\n    if (!this.activeValue()) {\n      const first = this.tabs().find(t => !t.disabled());\n      if (first) {\n        this.activeValue.set(first.value());\n        this.value.set(first.value());\n      }\n    }\n\n    // Mark the initial active tab as activated (for lazy tracking)\n    const val = this.activeValue();\n    if (val) {\n      this.activatedTabs.update(set => {\n        const next = new Set(set);\n        next.add(val);\n        return next;\n      });\n    }\n  }\n\n  private setupScrollDetection(): void {\n    const el = this.tablistInnerRef()?.nativeElement;\n    if (!el) return;\n\n    // Initial check\n    this.updateScrollState();\n\n    // ResizeObserver for container size changes\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.updateScrollState();\n      });\n      this.resizeObserver.observe(el);\n    }\n\n    // Scroll event for scroll position changes\n    const onScroll = () => this.updateScrollState();\n    el.addEventListener('scroll', onScroll, { passive: true });\n    this.scrollCleanup = () => el.removeEventListener('scroll', onScroll);\n  }\n}\n","<!-- Tablist container. WAI-ARIA tablist owns roving focus on the tab elements\n     inside; the container itself relays keydown but isn't tabbable. -->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -->\n<div\n  [class]=\"tablistClasses()\"\n  role=\"tablist\"\n  [attr.aria-orientation]=\"orientation()\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Scroll start button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollStart()\"\n      (click)=\"scrollStart()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n\n  <!-- Scrollable trigger strip -->\n  <div #tablistInner [class]=\"tablistInnerClasses()\" style=\"scrollbar-width: none\">\n    @for (tab of tabs(); track tab.value()) {\n      <!-- Trigger is rendered as <div role=\"tab\">, not <button>: activation is\n           wired explicitly via (click) and the parent tablist's keydown\n           (Enter / Space), and the roving tab stop comes from\n           twTabTriggerElement. -->\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n      <div\n        role=\"tab\"\n        twTabTriggerElement\n        [isFocusStop]=\"isTabFocusStop(tab.value())\"\n        [isDisabled]=\"tab.disabled()\"\n        [id]=\"getTabId(tab.value())\"\n        [attr.aria-selected]=\"isTabActive(tab.value())\"\n        [attr.aria-controls]=\"getPanelId(tab.value())\"\n        [attr.aria-disabled]=\"tab.disabled() || null\"\n        [attr.aria-keyshortcuts]=\"tab.isDismissible() && !tab.disabled() ? 'Delete' : null\"\n        [class]=\"getTriggerClasses(tab.value(), isTabActive(tab.value()))\"\n        [class.opacity-50]=\"tab.disabled()\"\n        [class.pointer-events-none]=\"tab.disabled()\"\n        (click)=\"selectTab(tab)\"\n      >\n        <!-- Custom trigger template or default label -->\n        @if (tab.triggerTemplate(); as triggerDir) {\n          <ng-container\n            [ngTemplateOutlet]=\"triggerDir.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: { active: isTabActive(tab.value()), disabled: tab.disabled(), value: tab.value() } }\"\n          />\n        } @else {\n          {{ tab.label() }}\n        }\n\n        <!-- Close affordance — a pointer-only span, deliberately NOT a button.\n             Anything focusable inside an element carrying an interactive role\n             fails axe's nested-interactive rule, and hoisting a real button\n             out to a sibling only trades that for aria-required-children\n             (a tablist may own nothing but tabs — both measured). The\n             keyboard path is the APG-recommended Delete key on the tab\n             itself, handled in onKeydown and advertised to assistive tech\n             through aria-keyshortcuts on the trigger above. -->\n        @if (tab.isDismissible() && !tab.disabled()) {\n          <span\n            data-tw-tab-close\n            aria-hidden=\"true\"\n            [class]=\"closeButtonClasses()\"\n            (click)=\"closeTab(tab, $event)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n              <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n            </svg>\n          </span>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Scroll end button (horizontal only) -->\n  @if (orientation() === 'horizontal' && (canScrollStart() || canScrollEnd())) {\n    <button\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      [class]=\"scrollButtonClasses()\"\n      [disabled]=\"!canScrollEnd()\"\n      (click)=\"scrollEnd()\"\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" class=\"size-4 shrink-0\">\n        <path fill-rule=\"evenodd\" d=\"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" />\n      </svg>\n    </button>\n  }\n</div>\n\n<!-- Tab panels -->\n@for (tab of tabs(); track tab.value()) {\n  @if (shouldRenderPanel(tab)) {\n    <div\n      role=\"tabpanel\"\n      [id]=\"getPanelId(tab.value())\"\n      [attr.aria-labelledby]=\"getTabId(tab.value())\"\n      [class]=\"panelClasses()\"\n      [hidden]=\"!isTabActive(tab.value())\"\n      tabindex=\"0\"\n    >\n      @if (tab.contentTemplate(); as contentDir) {\n        <ng-container [ngTemplateOutlet]=\"contentDir.templateRef\" />\n      } @else if (tab.implicitContentTemplate(); as implicitTpl) {\n        <ng-container [ngTemplateOutlet]=\"implicitTpl\" />\n      }\n    </div>\n  }\n}\n\n<!-- Hidden projection slot for tw-tab children -->\n<div style=\"display: none\">\n  <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdevhub-ngx-tw-tags-input.mjs

@@ -50,14 +50,14 @@ const tagsInputVariants = tv({
             xl: { root: 'text-base', removeButton: 'size-8 -my-1.5 -mr-1.5', removeIcon: 'size-4' },
         },
         color: {
-            primary: { root: 'focus-within:outline-primary-500' },
-            secondary: { root: 'focus-within:outline-secondary-500' },
-            accent: { root: 'focus-within:outline-accent-500' },
+            primary: { root: 'focus-within:outline-primary-border' },
+            secondary: { root: 'focus-within:outline-secondary-border' },
+            accent: { root: 'focus-within:outline-accent-border' },
             neutral: { root: 'focus-within:outline-border-strong' },
-            info: { root: 'focus-within:outline-info-500' },
-            success: { root: 'focus-within:outline-success-500' },
-            warning: { root: 'focus-within:outline-warning-500' },
-            error: { root: 'focus-within:outline-error-500' },
+            info: { root: 'focus-within:outline-info-border' },
+            success: { root: 'focus-within:outline-success-border' },
+            warning: { root: 'focus-within:outline-warning-border' },
+            error: { root: 'focus-within:outline-error-border' },
         },
         disabled: {
             true: { root: 'opacity-50 pointer-events-none cursor-not-allowed' },
@@ -110,7 +110,7 @@ const tagsInputVariants = tv({
         {
             inFormField: false,
             errorState: true,
-            class: { root: 'border-error-500 focus-within:outline-error-500' },
+            class: { root: 'border-error-border focus-within:outline-error-border' },
         },
     ],
     defaultVariants: {