@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-questionnaire.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-questionnaire.mjs","names":[],"sources":["../../../libs/ui/questionnaire/questionnaire.ts","../../../libs/ui/questionnaire/questionnaire.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/questionnaire.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./questionnaire.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\nexport const questionnaireClass =\n  'flex w-full min-w-0 flex-col gap-4 mx-auto max-w-md mt-auto';\n\nexport const questionnaireProgressClass =\n  'min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums';\n\nexport const questionnaireItemClass =\n  'flex min-w-0 flex-col gap-4 border-0 p-0 outline-none data-active:animate-in data-active:fade-in-0 data-active:slide-in-from-bottom-2 data-active:duration-300 motion-reduce:animate-none';\n\nexport const questionnaireTitleClass =\n  'cn-font-heading text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4 group-data-[size=sm]/card:text-sm';\n\nexport const questionnaireDescriptionClass =\n  'text-sm text-pretty text-muted-foreground';\n\nexport const questionnaireChoicesClass =\n  'group/questionnaire-choices grid min-w-0 gap-2';\n\nexport const questionnaireChoiceClass =\n  'group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50';\n\nexport const questionnaireChoiceInputClass =\n  'absolute inset-0 z-10 size-full cursor-pointer opacity-0';\n\nexport const questionnaireChoiceIndicatorClass =\n  'pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary';\n\nexport const questionnaireChoiceIndicatorDotClass =\n  'hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block';\n\nexport const questionnaireChoiceLabelClass =\n  'flex min-w-0 flex-1 flex-col gap-0.5 leading-snug';\n\nexport const questionnaireChoiceShortcutClass =\n  'pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex';\n\nexport const questionnaireInputWrapperClass =\n  'group/questionnaire-input relative w-full min-w-0';\n\nexport const questionnaireInputClass =\n  'h-8 min-h-11 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground';\n\nexport const questionnaireErrorClass =\n  'mt-2 text-sm text-destructive';\n\nexport const questionnaireActionsClass =\n  'grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8';\n\nexport const UI_QUESTIONNAIRE_GENERATED = [] as const;\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport {\n  questionnaireActionsClass,\n  questionnaireChoiceClass,\n  questionnaireChoiceIndicatorClass,\n  questionnaireChoiceIndicatorDotClass,\n  questionnaireChoiceInputClass,\n  questionnaireChoiceLabelClass,\n  questionnaireChoiceShortcutClass,\n  questionnaireChoicesClass,\n  questionnaireClass,\n  questionnaireDescriptionClass,\n  questionnaireErrorClass,\n  questionnaireInputClass,\n  questionnaireInputWrapperClass,\n  questionnaireItemClass,\n  questionnaireProgressClass,\n  questionnaireTitleClass,\n} from './questionnaire';\nimport { UiIconSvg } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\nlet uid = 0;\n\n/**\n * Step-by-step form. Observed root: <form novalidate data-current data-total data-first data-last data-shortcuts>;\n * one <fieldset> per question (hidden + inert unless active) with data-status/required/multiple.\n *\n * <form uiQuestionnaire #q=\"uiQuestionnaire\" (submitted)=\"save($event)\">\n *   <div uiQuestionnaireProgress></div>\n *   <fieldset uiQuestionnaireItem name=\"plan\" required>\n *     <legend uiQuestionnaireTitle>Pick a plan</legend>\n *     <div uiQuestionnaireChoices>\n *       <label uiQuestionnaireChoice value=\"free\">Free</label>\n *     </div>\n *   </fieldset>\n *   <div uiQuestionnaireActions>…buttons call q.previous() / q.next() / q.submit()…</div>\n * </form>\n *\n * Keys (observed in the docs; wiring is own reconstruction): letter/number shortcuts pick a choice, Enter = next,\n * Ctrl/Cmd+Enter = submit. UNKNOWN: ArrowUp/Down inside choices relies on native radio-group behavior only.\n */\n@Component({\n  selector: 'form[uiQuestionnaire], ui-questionnaire', hostDirectives: [UiElementHost],\n  exportAs: 'uiQuestionnaire',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    novalidate: '',\n    'data-slot': 'questionnaire',\n    '[attr.data-current]': 'current()',\n    '[attr.data-total]': 'total()',\n    '[attr.data-first]': 'isFirst()',\n    '[attr.data-last]': 'isLast()',\n    '[attr.data-shortcuts]': 'shortcuts()',\n    '[attr.class]': 'classes()',\n    '(keydown)': 'onKey($event)',\n    '(submit)': '$event.preventDefault(); submit()',\n  },\n  template: `<ng-content />`,\n})\nexport class UiQuestionnaire {\n  readonly items = contentChildren(forwardRef(() => UiQuestionnaireItem), { descendants: true });\n  readonly current = model(0);\n  readonly shortcuts = input(true, { transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  /** Emits { [itemName]: string | string[] } after every required question validated. */\n  readonly submitted = output<Record<string, string | string[]>>();\n\n  readonly total = computed(() => this.items().length);\n  readonly isFirst = computed(() => this.current() <= 0);\n  readonly isLast = computed(() => this.current() >= this.total() - 1);\n  protected readonly classes = computed(() => cn(questionnaireClass, this.userClass()));\n\n  readonly activeItem = computed(() => this.items()[this.current()]);\n\n  previous(): void {\n    if (this.current() > 0) this.current.update((c) => c - 1);\n  }\n\n  /** Validates the active question first (when required); `skip` bypasses it for optional questions. */\n  next(): void {\n    const item = this.activeItem();\n    if (!item || !item.validate()) return;\n    if (!this.isLast()) this.current.update((c) => c + 1);\n  }\n\n  skip(): void {\n    if (!this.isLast()) this.current.update((c) => c + 1);\n  }\n\n  submit(): void {\n    const items = this.items();\n    for (let i = 0; i < items.length; i++) {\n      if (!items[i].validate()) {\n        this.current.set(i);\n        return;\n      }\n    }\n    const result: Record<string, string | string[]> = {};\n    for (const it of items) result[it.name() || it.id] = it.multiple() ? it.values() : (it.values()[0] ?? it.text());\n    this.submitted.emit(result);\n  }\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  protected onKey(e: KeyboardEvent): void {\n    const t = e.target as HTMLElement;\n    if (this.shortcuts() && !e.ctrlKey && !e.metaKey && !e.altKey && /^[a-z0-9]$/i.test(e.key) && !(t instanceof HTMLInputElement && t.type === 'text') && t.tagName !== 'TEXTAREA') {\n      const choice = this.el.querySelector<HTMLInputElement>(`[data-slot=questionnaire-item]:not([hidden]) [data-shortcut=\"${e.key.toUpperCase()}\"] input`);\n      if (choice) {\n        e.preventDefault();\n        choice.click();\n        return;\n      }\n    }\n    if (e.key !== 'Enter' || e.isComposing) return;\n    if (t.tagName === 'BUTTON' || t.tagName === 'TEXTAREA') return;\n    e.preventDefault();\n    if (e.ctrlKey || e.metaKey) this.submit();\n    else if (this.isLast()) this.submit();\n    else this.next();\n  }\n}\n\n@Directive({\n  selector: 'div[uiQuestionnaireProgress], ui-questionnaire-progress', hostDirectives: [UiElementHost],\n  host: {\n    role: 'progressbar',\n    'aria-valuemin': '1',\n    '[attr.aria-valuemax]': 'root.total()',\n    '[attr.aria-valuenow]': 'root.current() + 1',\n    '[attr.aria-valuetext]': '\"Question \" + (root.current() + 1) + \" of \" + root.total()',\n    'data-slot': 'questionnaire-progress',\n    '[attr.class]': 'classes()',\n    '[textContent]': '\"Question \" + (root.current() + 1) + \" of \" + root.total()',\n  },\n})\nexport class UiQuestionnaireProgress {\n  protected readonly root = inject(UiQuestionnaire);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireProgressClass, this.userClass()));\n}\n\n@Component({\n  selector: 'fieldset[uiQuestionnaireItem], ui-questionnaire-item', hostDirectives: [UiElementHost],\n  exportAs: 'uiQuestionnaireItem',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'questionnaire-item',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.data-status]': 'status()',\n    '[attr.data-required]': 'required()',\n    '[attr.data-multiple]': 'multiple()',\n    '[attr.hidden]': 'active() ? null : \"\"',\n    '[attr.inert]': 'active() ? null : \"\"',\n    '[attr.class]': 'classes()',\n  },\n  template: `<ng-content />\n    @if (error()) {\n      <p data-slot=\"questionnaire-error\" role=\"alert\" [class]=\"errorClass\">{{ error() }}</p>\n    }`,\n})\nexport class UiQuestionnaireItem {\n  private readonly root = inject(UiQuestionnaire);\n  readonly id = `uiq-${++uid}`;\n  readonly name = input<string>('');\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly multiple = input(false, { transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n\n  readonly values = signal<string[]>([]);\n  readonly text = signal('');\n  readonly error = signal('');\n  protected readonly errorClass = questionnaireErrorClass;\n\n  readonly index = computed(() => this.root.items().indexOf(this));\n  readonly active = computed(() => this.index() === this.root.current());\n  readonly answered = computed(() => this.values().length > 0 || this.text().trim().length > 0);\n  readonly status = computed(() => (this.error() ? 'invalid' : this.answered() ? 'answered' : 'pending'));\n  protected readonly classes = computed(() => cn(questionnaireItemClass, this.userClass()));\n\n  toggle(value: string): void {\n    this.error.set('');\n    if (this.multiple()) this.values.update((v) => (v.includes(value) ? v.filter((x) => x !== value) : [...v, value]));\n    else this.values.set([value]);\n  }\n\n  validate(): boolean {\n    if (this.required() && !this.answered()) {\n      this.error.set('This question is required.');\n      return false;\n    }\n    this.error.set('');\n    return true;\n  }\n}\n\n@Directive({\n  selector: 'legend[uiQuestionnaireTitle], ui-questionnaire-title', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'questionnaire-title', '[attr.class]': 'classes()' },\n})\nexport class UiQuestionnaireTitle {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireTitleClass, this.userClass()));\n}\n\n@Directive({\n  selector: 'p[uiQuestionnaireDescription], ui-questionnaire-description', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'questionnaire-description', '[attr.class]': 'classes()' },\n})\nexport class UiQuestionnaireDescription {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireDescriptionClass, this.userClass()));\n}\n\n@Directive({\n  selector: 'div[uiQuestionnaireChoices], ui-questionnaire-choices', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'questionnaire-choices', '[attr.class]': 'classes()' },\n})\nexport class UiQuestionnaireChoices {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireChoicesClass, this.userClass()));\n}\n\n/** One option; projected content becomes the label. `shortcut` defaults to the 1-based position within its question. */\n@Component({\n  selector: 'label[uiQuestionnaireChoice], ui-questionnaire-choice', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'questionnaire-choice',\n    '[attr.data-shortcut]': 'shortcutKey()',\n    '[attr.data-type]': 'item.multiple() ? \"checkbox\" : \"radio\"',\n    '[attr.data-checked]': 'checked() ? \"\" : null',\n    '[attr.class]': 'classes()',\n  },\n  template: `\n    <input\n      [class]=\"inputClass\"\n      data-slot=\"questionnaire-choice-input\"\n      [type]=\"item.multiple() ? 'checkbox' : 'radio'\"\n      [name]=\"item.name() || item.id\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      (change)=\"item.toggle(value())\"\n    />\n    <span [class]=\"indicatorClass\" data-slot=\"questionnaire-choice-indicator\" aria-hidden=\"true\">\n      @if (item.multiple()) {\n        @if (checked()) {\n          <svg uiIcon=\"check\" class=\"size-3\" strokeWidth=\"3\"></svg>\n        }\n      } @else {\n        <span [class]=\"dotClass\"></span>\n      }\n    </span>\n    <span [class]=\"labelClass\" data-slot=\"questionnaire-choice-label\"><ng-content /></span>\n    @if (root.shortcuts()) {\n      <kbd [class]=\"shortcutClass\" data-slot=\"questionnaire-choice-shortcut\" aria-hidden=\"true\">{{ shortcutKey() }}</kbd>\n    }\n  `,\n  styles: [\n    `\n      :host:has(input:checked) [data-slot='questionnaire-choice-indicator'] {\n        background: var(--primary);\n        border-color: var(--primary);\n        color: var(--primary-foreground);\n      }\n    `,\n  ],\n})\nexport class UiQuestionnaireChoice {\n  protected readonly item = inject(UiQuestionnaireItem);\n  protected readonly root = inject(UiQuestionnaire);\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly value = input.required<string>();\n  readonly shortcut = input<string>('');\n  readonly userClass = input<string>('', { alias: 'class' });\n\n  protected readonly checked = computed(() => this.item.values().includes(this.value()));\n  protected readonly shortcutKey = computed(() => {\n    if (this.shortcut()) return this.shortcut().toUpperCase();\n    const siblings = Array.from(this.el.parentElement?.querySelectorAll('[data-slot=questionnaire-choice]') ?? []);\n    return String(siblings.indexOf(this.el) + 1);\n  });\n  protected readonly classes = computed(() => cn(questionnaireChoiceClass, this.userClass()));\n  protected readonly inputClass = questionnaireChoiceInputClass;\n  protected readonly indicatorClass = questionnaireChoiceIndicatorClass;\n  protected readonly dotClass = questionnaireChoiceIndicatorDotClass;\n  protected readonly labelClass = questionnaireChoiceLabelClass;\n  protected readonly shortcutClass = cn(questionnaireChoiceShortcutClass, 'sm:inline-flex');\n}\n\n/** Free-text answer. */\n@Component({\n  selector: 'div[uiQuestionnaireInput], ui-questionnaire-input', hostDirectives: [UiElementHost],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'data-slot': 'questionnaire-input-wrapper', '[attr.class]': 'classes()' },\n  template: `<input\n    data-slot=\"questionnaire-input\"\n    type=\"text\"\n    [class]=\"inputClass\"\n    [placeholder]=\"placeholder()\"\n    [value]=\"item.text()\"\n    [attr.aria-invalid]=\"item.error() ? 'true' : null\"\n    (input)=\"item.text.set($any($event.target).value)\"\n  />`,\n})\nexport class UiQuestionnaireInput {\n  protected readonly item = inject(UiQuestionnaireItem);\n  readonly placeholder = input('');\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireInputWrapperClass, this.userClass()));\n  protected readonly inputClass = questionnaireInputClass;\n}\n\n@Directive({\n  selector: 'div[uiQuestionnaireActions], ui-questionnaire-actions', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'questionnaire-actions', '[attr.class]': 'classes()' },\n})\nexport class UiQuestionnaireActions {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(questionnaireActionsClass, this.userClass()));\n}\n\nexport const UI_QUESTIONNAIRE = [\n  UiQuestionnaire,\n  UiQuestionnaireProgress,\n  UiQuestionnaireItem,\n  UiQuestionnaireTitle,\n  UiQuestionnaireDescription,\n  UiQuestionnaireChoices,\n  UiQuestionnaireChoice,\n  UiQuestionnaireInput,\n  UiQuestionnaireActions,\n] as const;\n"],"mappings":";;;;;AAKA,MAAa,qBACX;AAEF,MAAa,6BACX;AAEF,MAAa,yBACX;AAEF,MAAa,0BACX;AAEF,MAAa,gCACX;AAEF,MAAa,4BACX;AAEF,MAAa,2BACX;AAEF,MAAa,gCACX;AAEF,MAAa,oCACX;AAEF,MAAa,uCACX;AAEF,MAAa,gCACX;AAEF,MAAa,mCACX;AAEF,MAAa,iCACX;AAEF,MAAa,0BACX;AAEF,MAAa,0BACX;AAEF,MAAa,4BACX;AAEF,MAAa,6BAA6B,CAAA;AChB1C,IAAI,MAAM;AAsCV,IAAa,kBAAb,MAAa,gBAAe;CACjB,QAAQ,gBAAgB,iBAAiB,mBAAmB,GAAC;EAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;EAAI,aAAa;CAAI,CAAA;CAClF,UAAU,MAAM,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAClB,YAAY,MAAM,MAAI;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACrD,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CAE9C,YAAY,OAAM;CAElB,QAAQ,eAAe,KAAK,MAAK,CAAE,CAAC,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC3C,UAAU,eAAe,KAAK,QAAO,KAAM,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC7C,SAAS,eAAe,KAAK,QAAO,KAAM,KAAK,MAAK,IAAK,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACjD,UAAU,eAAe,GAAG,oBAAoB,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAE5E,aAAa,eAAe,KAAK,MAAK,CAAE,CAAC,KAAK,QAAO,IAAI,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAElE,WAAQ;EACN,IAAI,KAAK,QAAO,IAAK,GAAG,KAAK,QAAQ,QAAQ,MAAM,IAAI,CAAC;CAC1D;CAGA,OAAI;EACF,MAAM,OAAO,KAAK,WAAU;EAC5B,IAAI,CAAC,QAAQ,CAAC,KAAK,SAAQ,GAAI;EAC/B,IAAI,CAAC,KAAK,OAAM,GAAI,KAAK,QAAQ,QAAQ,MAAM,IAAI,CAAC;CACtD;CAEA,OAAI;EACF,IAAI,CAAC,KAAK,OAAM,GAAI,KAAK,QAAQ,QAAQ,MAAM,IAAI,CAAC;CACtD;CAEA,SAAM;EACJ,MAAM,QAAQ,KAAK,MAAK;EACxB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAChC,IAAI,CAAC,MAAM,EAAE,CAAC,SAAQ,GAAI;GACxB,KAAK,QAAQ,IAAI,CAAC;GAClB;EACF;EAEF,MAAM,SAA4C,CAAA;EAClD,KAAK,MAAM,MAAM,OAAO,OAAO,GAAG,KAAI,KAAM,GAAG,MAAM,GAAG,SAAQ,IAAK,GAAG,OAAM,IAAM,GAAG,OAAM,CAAE,CAAC,MAAM,GAAG,KAAI;EAC7G,KAAK,UAAU,KAAK,MAAM;CAC5B;CAEiB,KAAK,OAAgC,UAAU,CAAC,CAAC;CAExD,MAAM,GAAgB;EAC9B,MAAM,IAAI,EAAE;EACZ,IAAI,KAAK,UAAS,KAAM,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UAAU,cAAc,KAAK,EAAE,GAAG,KAAK,EAAE,aAAa,oBAAoB,EAAE,SAAS,WAAW,EAAE,YAAY,YAAY;GAC/K,MAAM,SAAS,KAAK,GAAG,cAAgC,gEAAgE,EAAE,IAAI,YAAW,EAAE,SAAU;GACpJ,IAAI,QAAQ;IACV,EAAE,eAAc;IAChB,OAAO,MAAK;IACZ;GACF;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,aAAa;EACxC,IAAI,EAAE,YAAY,YAAY,EAAE,YAAY,YAAY;EACxD,EAAE,eAAc;EAChB,IAAI,EAAE,WAAW,EAAE,SAAS,KAAK,OAAM;OAClC,IAAI,KAAK,OAAM,GAAI,KAAK,OAAM;OAC9B,KAAK,KAAI;CAChB;CA7DW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,SAAA;GAAA,WAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,cAAA;IAAA,aAAA;GAAA;GAAA,WAAA;IAAA,WAAA;IAAA,UAAA;GAAA;GAAA,YAAA;IAAA,qBAAA;IAAA,mBAAA;IAAA,mBAAA;IAAA,kBAAA;IAAA,uBAAA;IAAA,cAAA;GAAA;EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,WAAA,GAAA,iBACwB,mBAAmB;GAAA,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA,CAAA,iBAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;EAAA,UAH3D;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAlB3B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAA2C,gBAAgB,CAAC,aAAa;GACnF,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM;IACJ,YAAY;IACZ,aAAa;IACb,uBAAuB;IACvB,qBAAqB;IACrB,qBAAqB;IACrB,oBAAoB;IACpB,yBAAyB;IACzB,gBAAgB;IAChB,aAAa;IACb,YAAY;GACb;GACD,UAAU;EACX,CAAA;CAEkC,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,iBAAiB,mBAAmB,GAAC;IAAI,aAAa;IAAM,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,eAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,WAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AA4E/F,IAAa,0BAAb,MAAa,wBAAuB;CACf,OAAO,OAAO,eAAe;CACvC,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,4BAA4B,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAHlF,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAuB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAvB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAuB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,QAAA;IAAA,iBAAA;IAAA,aAAA;GAAA;GAAA,YAAA;IAAA,sBAAA;IAAA,sBAAA;IAAA,uBAAA;IAAA,cAAA;IAAA,eAAA;GAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAvB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAbnC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAA2D,gBAAgB,CAAC,aAAa;GACnG,MAAM;IACJ,MAAM;IACN,iBAAiB;IACjB,wBAAwB;IACxB,wBAAwB;IACxB,yBAAyB;IACzB,aAAa;IACb,gBAAgB;IAChB,iBAAiB;GAClB;EACF,CAAA;;;;;;;;;;;AA0BD,IAAa,sBAAb,MAAa,oBAAmB;CACb,OAAO,OAAO,eAAe;CACrC,KAAK,OAAO,EAAE;CACd,OAAO,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACxB,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACrD,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACrD,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CAE9C,SAAS,OAAiB,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAC7B,OAAO,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACjB,QAAQ,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACR,aAAa;CAEvB,QAAQ,eAAe,KAAK,KAAK,MAAK,CAAE,CAAC,QAAQ,IAAI,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACvD,SAAS,eAAe,KAAK,MAAK,MAAO,KAAK,KAAK,QAAO,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAC7D,WAAW,eAAe,KAAK,OAAM,CAAE,CAAC,SAAS,KAAK,KAAK,KAAI,CAAE,CAAC,KAAI,CAAE,CAAC,SAAS,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACpF,SAAS,eAAgB,KAAK,MAAK,IAAK,YAAY,KAAK,SAAQ,IAAK,aAAa,WAAW,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACpF,UAAU,eAAe,GAAG,wBAAwB,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEzF,OAAO,OAAa;EAClB,KAAK,MAAM,IAAI,EAAE;EACjB,IAAI,KAAK,SAAQ,GAAI,KAAK,OAAO,QAAQ,MAAO,EAAE,SAAS,KAAK,IAAI,EAAE,QAAQ,MAAM,MAAM,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,CAAE;OAC5G,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC;CAC9B;CAEA,WAAQ;EACN,IAAI,KAAK,SAAQ,KAAM,CAAC,KAAK,SAAQ,GAAI;GACvC,KAAK,MAAM,IAAI,4BAA4B;GAC3C,OAAO;EACT;EACA,KAAK,MAAM,IAAI,EAAE;EACjB,OAAO;CACT;CAhCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,qBAAA;GAAA,YAAA;IAAA,oBAAA;IAAA,oBAAA;IAAA,sBAAA;IAAA,sBAAA;IAAA,eAAA;IAAA,cAAA;IAAA,cAAA;GAAA;EAAA;EAAA,UAAA,CAAA,qBAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;EAAA,UALpB;;;;EAGN,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEO,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAnB/B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAwD,gBAAgB,CAAC,aAAa;GAChG,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM;IACJ,aAAa;IACb,sBAAsB;IACtB,sBAAsB;IACtB,wBAAwB;IACxB,wBAAwB;IACxB,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;GACjB;GACD,UAAU;;;;EAIX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCD,IAAa,uBAAb,MAAa,qBAAoB;CACtB,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,yBAAyB,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAF/E,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,sBAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAApB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAJhC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAwD,gBAAgB,CAAC,aAAa;GAChG,MAAM;IAAE,aAAa;IAAuB,gBAAgB;GAAW;EACxE,CAAA;;;;;;;;;;;AAUD,IAAa,6BAAb,MAAa,2BAA0B;CAC5B,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,+BAA+B,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAFrF,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA0B,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA1B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA0B,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,4BAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAA1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA0B,YAAA,CAAA;EAJtC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAA+D,gBAAgB,CAAC,aAAa;GACvG,MAAM;IAAE,aAAa;IAA6B,gBAAgB;GAAW;EAC9E,CAAA;;;;;;;;;;;AAUD,IAAa,yBAAb,MAAa,uBAAsB;CACxB,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,2BAA2B,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAFjF,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAsB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,wBAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAtB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAJlC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAyD,gBAAgB,CAAC,aAAa;GACjG,MAAM;IAAE,aAAa;IAAyB,gBAAgB;GAAW;EAC1E,CAAA;;;;;;;;;;;AAoDD,IAAa,wBAAb,MAAa,sBAAqB;CACb,OAAO,OAAO,mBAAmB;CACjC,OAAO,OAAO,eAAe;CAC/B,KAAK,OAAgC,UAAU,CAAC,CAAC;CACzD,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,WAAW,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAC5B,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CAEpC,UAAU,eAAe,KAAK,KAAK,OAAM,CAAE,CAAC,SAAS,KAAK,MAAK,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACnE,cAAc,eAAc;EAC7C,IAAI,KAAK,SAAQ,GAAI,OAAO,KAAK,SAAQ,CAAE,CAAC,YAAW;EACvD,MAAM,WAAW,MAAM,KAAK,KAAK,GAAG,eAAe,iBAAiB,kCAAkC,KAAK,CAAA,CAAE;EAC7G,OAAO,OAAO,SAAS,QAAQ,KAAK,EAAE,IAAI,CAAC;CAC7C,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACiB,UAAU,eAAe,GAAG,0BAA0B,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACxE,aAAa;CACb,iBAAiB;CACjB,WAAW;CACX,aAAa;CACb,gBAAgB,GAAG,kCAAkC,gBAAgB;CAnB7E,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,uBAAA;GAAA,YAAA;IAAA,sBAAA;IAAA,kBAAA;IAAA,qBAAA;IAAA,cAAA;GAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;EAAA,UAlCtB;;;;;;;;;;;;;;;;;;;;;;;;EAuBT,UAAA;EAAA,QAAA,CAAA,8JAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAhCS;GAAS,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AA2CR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EA7CjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAuD,gBAAkB,CAAC,aAAa;GAAC,SACzF,CAAC,SAAS;GAAC,iBACH,wBAAwB;GAAM,MACzC;IACJ,aAAa;IACb,wBAAwB;IACxB,oBAAoB;IACpB,uBAAuB;IACvB,gBAAgB;GACjB;GAAA,UACS;;;;;;;;;;;;;;;;;;;;;;;;GAuBT,QAAA,CAAA,8JAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDH,IAAa,uBAAb,MAAa,qBAAoB;CACZ,OAAO,OAAO,mBAAmB;CAC3C,cAAc,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,gCAAgC,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC9E,aAAa;CALrB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,8BAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;EAAA,UAVrB;;;;;;;;;EAQP,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEQ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAdhC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAqD,gBAAgB,CAAC,aAAa;GAC7F,iBAAiB,wBAAwB;GACzC,MAAM;IAAE,aAAa;IAA+B,gBAAgB;GAAW;GAC/E,UAAU;;;;;;;;;EASX,CAAA;;;;;;;;;;;;;;;;;;;;;AAaD,IAAa,yBAAb,MAAa,uBAAsB;CACxB,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,2BAA2B,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAFjF,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAsB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAtB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAsB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,wBAAA;GAAA,YAAA,EAAA,cAAA,YAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAtB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAJlC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAyD,gBAAgB,CAAC,aAAa;GACjG,MAAM;IAAE,aAAa;IAAyB,gBAAgB;GAAW;EAC1E,CAAA;;;;;;;;;;;AAMD,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACQ"}

package/fesm2022/loomui-ng-ui-radio-group.mjs

@@ -0,0 +1,399 @@
+import { Directionality } from "@angular/cdk/bidi";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, booleanAttribute, computed, contentChildren, forwardRef, inject, input, model, signal } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn } from "@loomui-ng/ui/utils";
+const radioGroupClass = "grid gap-2 w-full";
+const radioGroupItemClass = "group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary";
+const radioGroupIndicatorClass = "flex size-4 items-center justify-center";
+const UI_RADIO_GROUP_GENERATED = [];
+var UiRadioGroup = class UiRadioGroup {
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	orientation = input(void 0, ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	dir = inject(Directionality);
+	cvaDisabled = signal(false, ...ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	items = contentChildren(forwardRef(() => UiRadioGroupItem), {
+		...ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	classes = computed(() => cn(radioGroupClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	onChange = () => {};
+	onTouched = () => {};
+	tabStop = computed(() => {
+		const enabled = this.items().filter((i) => !i.isDisabled());
+		return (enabled.find((i) => i.value() === this.value()) ?? enabled[0])?.value() ?? null;
+	}, ...ngDevMode ? [{ debugName: "tabStop" }] : /* istanbul ignore next */ []);
+	select(v) {
+		this.value.set(v);
+		this.onChange(v);
+	}
+	onKeydown(e) {
+		const enabled = this.items().filter((i) => !i.isDisabled());
+		const i = enabled.findIndex((it) => it.el === document.activeElement);
+		if (i < 0) return;
+		const rtl = this.dir.value === "rtl";
+		let t = -1;
+		if (e.key === "ArrowDown" || e.key === (rtl ? "ArrowLeft" : "ArrowRight")) t = (i + 1) % enabled.length;
+		else if (e.key === "ArrowUp" || e.key === (rtl ? "ArrowRight" : "ArrowLeft")) t = (i - 1 + enabled.length) % enabled.length;
+		else if (e.key === "Home") t = 0;
+		else if (e.key === "End") t = enabled.length - 1;
+		if (t >= 0) {
+			e.preventDefault();
+			enabled[t].el.focus();
+			this.select(enabled[t].value());
+		}
+	}
+	writeValue(v) {
+		this.value.set(v ?? "");
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(d) {
+		this.cvaDisabled.set(d);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiRadioGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: UiRadioGroup,
+		isStandalone: true,
+		selector: "[uiRadioGroup], ui-radio-group",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: {
+			attributes: {
+				"role": "radiogroup",
+				"data-slot": "radio-group"
+			},
+			listeners: { "keydown": "onKeydown($event)" },
+			properties: {
+				"attr.aria-required": "required()",
+				"attr.aria-orientation": "orientation()",
+				"attr.dir": "dir.value",
+				"attr.class": "classes()"
+			}
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => UiRadioGroup),
+			multi: true
+		}],
+		queries: [{
+			propertyName: "items",
+			predicate: i0.forwardRef(() => UiRadioGroupItem),
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["uiRadioGroup"],
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiRadioGroup,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiRadioGroup], ui-radio-group",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiRadioGroup",
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => UiRadioGroup),
+				multi: true
+			}],
+			host: {
+				role: "radiogroup",
+				"data-slot": "radio-group",
+				"[attr.aria-required]": "required()",
+				"[attr.aria-orientation]": "orientation()",
+				"[attr.dir]": "dir.value",
+				"[attr.class]": "classes()",
+				"(keydown)": "onKeydown($event)"
+			}
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.ContentChildren,
+			args: [forwardRef(() => UiRadioGroupItem), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var UiRadioGroupItem = class UiRadioGroupItem {
+	group = inject(UiRadioGroup);
+	el = inject(ElementRef).nativeElement;
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabledInput = input(false, {
+		...ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {},
+		alias: "disabled",
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	checked = computed(() => this.group.value() === this.value(), ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	isDisabled = () => this.disabledInput() || this.group.isDisabled();
+	classes = computed(() => cn(radioGroupItemClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	onFocus() {}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiRadioGroupItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: UiRadioGroupItem,
+		isStandalone: true,
+		selector: "button[uiRadioGroupItem], ui-radio-group-item",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabledInput: {
+				classPropertyName: "disabledInput",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"type": "button",
+				"role": "radio",
+				"data-slot": "radio-group-item"
+			},
+			listeners: {
+				"click": "group.select(value())",
+				"focus": "onFocus()",
+				"blur": "group.onTouched()"
+			},
+			properties: {
+				"attr.aria-checked": "checked()",
+				"attr.data-state": "checked() ? \"checked\" : \"unchecked\"",
+				"attr.data-disabled": "isDisabled() ? \"\" : null",
+				"attr.aria-invalid": "invalid() ? \"true\" : null",
+				"attr.disabled": "(isDisabled()) ? \"\" : null",
+				"attr.tabindex": "group.tabStop() === value() ? 0 : -1",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: "\n    @if (checked()) {\n      <span data-slot=\"radio-group-indicator\" data-state=\"checked\" class=\"flex size-4 items-center justify-center\">\n        <span class=\"size-2 rounded-full bg-primary-foreground\"></span>\n      </span>\n    }\n  ",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiRadioGroupItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[uiRadioGroupItem], ui-radio-group-item",
+			hostDirectives: [UiElementHost],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				type: "button",
+				role: "radio",
+				"data-slot": "radio-group-item",
+				"[attr.aria-checked]": "checked()",
+				"[attr.data-state]": "checked() ? \"checked\" : \"unchecked\"",
+				"[attr.data-disabled]": "isDisabled() ? \"\" : null",
+				"[attr.aria-invalid]": "invalid() ? \"true\" : null",
+				"[attr.disabled]": "(isDisabled()) ? \"\" : null",
+				"[attr.tabindex]": "group.tabStop() === value() ? 0 : -1",
+				"[attr.class]": "classes()",
+				"(click)": "group.select(value())",
+				"(focus)": "onFocus()",
+				"(blur)": "group.onTouched()"
+			},
+			template: `
+    @if (checked()) {
+      <span data-slot="radio-group-indicator" data-state="checked" class="${radioGroupIndicatorClass}">
+        <span class="size-2 rounded-full bg-primary-foreground"></span>
+      </span>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		disabledInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+const UI_RADIO_GROUP = [UiRadioGroup, UiRadioGroupItem];
+export { UI_RADIO_GROUP, UI_RADIO_GROUP_GENERATED, UiRadioGroup, UiRadioGroupItem, radioGroupClass, radioGroupIndicatorClass, radioGroupItemClass };
+
+//# sourceMappingURL=loomui-ng-ui-radio-group.mjs.map

package/fesm2022/loomui-ng-ui-radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-radio-group.mjs","names":[],"sources":["../../../libs/ui/radio-group/radio-group.ts","../../../libs/ui/radio-group/radio-group.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/radio-group.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./radio-group.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\nexport const radioGroupClass =\n  'grid gap-2 w-full';\n\nexport const radioGroupItemClass =\n  'group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary';\n\nexport const radioGroupIndicatorClass =\n  'flex size-4 items-center justify-center';\n\nexport const UI_RADIO_GROUP_GENERATED = [] as const;\n","import { Directionality } from '@angular/cdk/bidi';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { radioGroupClass, radioGroupIndicatorClass, radioGroupItemClass } from './radio-group';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/**\n * <div uiRadioGroup [(value)]=\"plan\">\n *   <button uiRadioGroupItem value=\"a\" id=\"a\"></button><label uiLabel for=\"a\">A</label>\n * </div>\n * Arrow keys move focus AND select (Radix). Roving tabindex: the selected item (else the first) is the tab stop.\n */\n@Directive({\n  selector: '[uiRadioGroup], ui-radio-group', hostDirectives: [UiElementHost],\n  exportAs: 'uiRadioGroup',\n  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => UiRadioGroup), multi: true }],\n  host: {\n    role: 'radiogroup',\n    'data-slot': 'radio-group',\n    '[attr.aria-required]': 'required()',\n    '[attr.aria-orientation]': 'orientation()',\n    '[attr.dir]': 'dir.value',\n    '[attr.class]': 'classes()',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class UiRadioGroup implements ControlValueAccessor {\n  readonly value = model<string>('');\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly orientation = input<'vertical' | 'horizontal' | undefined>(undefined);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly dir = inject(Directionality);\n  private readonly cvaDisabled = signal(false);\n  readonly isDisabled = computed(() => this.disabled() || this.cvaDisabled());\n  readonly items = contentChildren(forwardRef(() => UiRadioGroupItem), { descendants: true });\n  protected readonly classes = computed(() => cn(radioGroupClass, this.userClass()));\n  private onChange: (v: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  readonly tabStop = computed(() => {\n    const enabled = this.items().filter((i) => !i.isDisabled());\n    return (enabled.find((i) => i.value() === this.value()) ?? enabled[0])?.value() ?? null;\n  });\n\n  select(v: string): void {\n    this.value.set(v);\n    this.onChange(v);\n  }\n\n  protected onKeydown(e: KeyboardEvent): void {\n    const enabled = this.items().filter((i) => !i.isDisabled());\n    const i = enabled.findIndex((it) => it.el === document.activeElement);\n    if (i < 0) return;\n    const rtl = this.dir.value === 'rtl';\n    let t = -1;\n    if (e.key === 'ArrowDown' || e.key === (rtl ? 'ArrowLeft' : 'ArrowRight')) t = (i + 1) % enabled.length;\n    else if (e.key === 'ArrowUp' || e.key === (rtl ? 'ArrowRight' : 'ArrowLeft')) t = (i - 1 + enabled.length) % enabled.length;\n    else if (e.key === 'Home') t = 0;\n    else if (e.key === 'End') t = enabled.length - 1;\n    if (t >= 0) {\n      e.preventDefault();\n      enabled[t].el.focus();\n      this.select(enabled[t].value());\n    }\n  }\n\n  writeValue(v: string | null): void {\n    this.value.set(v ?? '');\n  }\n  registerOnChange(fn: (v: string) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(d: boolean): void {\n    this.cvaDisabled.set(d);\n  }\n}\n\n@Component({\n  selector: 'button[uiRadioGroupItem], ui-radio-group-item', hostDirectives: [UiElementHost],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    type: 'button',\n    role: 'radio',\n    'data-slot': 'radio-group-item',\n    '[attr.aria-checked]': 'checked()',\n    '[attr.data-state]': 'checked() ? \"checked\" : \"unchecked\"',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.disabled]': '(isDisabled()) ? \"\" : null',\n    '[attr.tabindex]': 'group.tabStop() === value() ? 0 : -1',\n    '[attr.class]': 'classes()',\n    '(click)': 'group.select(value())',\n    '(focus)': 'onFocus()',\n    '(blur)': 'group.onTouched()',\n  },\n  // The indicator's inner dot is not captured (only the outer span was); sized/colored like shadcn's source.\n  template: `\n    @if (checked()) {\n      <span data-slot=\"radio-group-indicator\" data-state=\"checked\" class=\"${radioGroupIndicatorClass}\">\n        <span class=\"size-2 rounded-full bg-primary-foreground\"></span>\n      </span>\n    }\n  `,\n})\nexport class UiRadioGroupItem {\n  protected readonly group = inject(UiRadioGroup);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly value = input<string>('');\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly checked = computed(() => this.group.value() === this.value());\n  isDisabled = () => this.disabledInput() || this.group.isDisabled();\n  protected readonly classes = computed(() => cn(radioGroupItemClass, this.userClass()));\n  protected onFocus(): void {\n    // Radix: focusing via keyboard does not select by itself (arrows do); nothing to do here.\n  }\n}\n\nexport const UI_RADIO_GROUP = [UiRadioGroup, UiRadioGroupItem] as const;\n"],"mappings":"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"}