@edsis/ui 0.0.2

package/fesm2022/edsis-ui-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-editor.mjs","sources":["../../../library/ui/editor/editor.component.ts","../../../library/ui/editor/edsis-ui-editor.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  booleanAttribute,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cn } from '@edsis/ui/utils';\n\nexport type EditorCommand =\n  | 'paragraph'\n  | 'heading-1'\n  | 'heading-2'\n  | 'heading-3'\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strike'\n  | 'bullet'\n  | 'ordered'\n  | 'blockquote'\n  | 'subscript'\n  | 'superscript'\n  | 'highlight'\n  | 'link'\n  | 'code'\n  | 'align-left'\n  | 'align-center'\n  | 'align-right'\n  | 'undo'\n  | 'redo';\n\nexport type EditorCommandSource = 'api' | 'toolbar' | 'shortcut';\n\nexport interface EditorCommandEvent {\n  readonly command: EditorCommand;\n  readonly source: EditorCommandSource;\n  readonly originalEvent?: Event;\n}\n\ntype EditorToolbarPart =\n  | { readonly type: 'button'; readonly command: EditorCommand; readonly label: string; readonly ariaLabel: string }\n  | { readonly type: 'heading'; readonly track: string }\n  | { readonly type: 'align'; readonly track: string }\n  | { readonly type: 'separator'; readonly track: string }\n  | { readonly type: 'spacer'; readonly track: string };\n\nconst DEFAULT_EDITOR_TOOLBAR =\n  'heading | bold italic underline strike | bullet ordered blockquote link align ~ undo redo';\n\nconst EDITOR_BASE = 'block w-full min-w-0 text-sm text-foreground';\n\nconst EDITOR_SHELL_BASE = [\n  'relative min-w-0 overflow-hidden rounded-md border border-input bg-background shadow-sm',\n  'transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring',\n  'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-within:ring-destructive',\n  'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n].join(' ');\n\nconst EDITOR_TOOLBAR_BASE = [\n  'flex min-h-11 min-w-0 flex-wrap items-center gap-1 border-b border-border/70 bg-muted/30 px-2 py-1.5',\n  'data-[disabled=true]:pointer-events-none',\n].join(' ');\n\nconst EDITOR_TOOL_BUTTON_BASE = [\n  'inline-flex size-8 shrink-0 items-center justify-center rounded-md text-sm font-medium text-muted-foreground',\n  'transition-colors hover:bg-accent hover:text-accent-foreground',\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  'disabled:pointer-events-none disabled:opacity-50',\n  'aria-pressed:bg-accent aria-pressed:text-accent-foreground',\n].join(' ');\n\nconst EDITOR_SELECT_BASE = [\n  'h-8 rounded-md border border-transparent bg-transparent px-2 text-sm font-medium text-muted-foreground outline-none',\n  'transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring',\n  'disabled:pointer-events-none disabled:opacity-50',\n].join(' ');\n\nconst EDITOR_CONTENT_BASE = [\n  'block min-h-[200px] max-h-[500px] w-full overflow-y-auto px-4 py-3 text-sm leading-6 outline-none',\n  '[&_p]:my-2 [&_h1]:mb-2 [&_h1]:mt-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:mb-2 [&_h2]:mt-4 [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:mb-2 [&_h3]:mt-4 [&_h3]:text-lg [&_h3]:font-semibold',\n  '[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6 [&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-xs',\n  'data-[empty=true]:before:pointer-events-none data-[empty=true]:before:text-muted-foreground data-[empty=true]:before:content-[attr(data-placeholder)]',\n  'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n].join(' ');\n\nconst toolbarButtons: Partial<Record<EditorCommand, { readonly label: string; readonly ariaLabel: string }>> = {\n  bold: { label: 'B', ariaLabel: 'Bold' },\n  italic: { label: 'I', ariaLabel: 'Italic' },\n  underline: { label: 'U', ariaLabel: 'Underline' },\n  strike: { label: 'S', ariaLabel: 'Strikethrough' },\n  bullet: { label: 'UL', ariaLabel: 'Bulleted list' },\n  ordered: { label: '1.', ariaLabel: 'Numbered list' },\n  blockquote: { label: 'Q', ariaLabel: 'Block quote' },\n  subscript: { label: 'Sub', ariaLabel: 'Subscript' },\n  superscript: { label: 'Sup', ariaLabel: 'Superscript' },\n  highlight: { label: 'H', ariaLabel: 'Highlight' },\n  link: { label: 'Link', ariaLabel: 'Insert link' },\n  code: { label: '</>', ariaLabel: 'Code block' },\n  undo: { label: 'Undo', ariaLabel: 'Undo' },\n  redo: { label: 'Redo', ariaLabel: 'Redo' },\n};\n\nconst toolbarItemAliases: Record<string, EditorCommand> = {\n  bold: 'bold',\n  italic: 'italic',\n  strike: 'strike',\n  underline: 'underline',\n  bullet: 'bullet',\n  ordered: 'ordered',\n  blockquote: 'blockquote',\n  subscript: 'subscript',\n  superscript: 'superscript',\n  highlight: 'highlight',\n  link: 'link',\n  code: 'code',\n  undo: 'undo',\n  redo: 'redo',\n};\n\nconst parseToolbarItems = (items: string): EditorToolbarPart[] => {\n  const tokens = items.split(/\\s+/).filter(Boolean);\n\n  return tokens.flatMap((token, index): EditorToolbarPart[] => {\n    if (token === '|') {\n      return [{ type: 'separator', track: `separator-${index}` }];\n    }\n\n    if (token === '~') {\n      return [{ type: 'spacer', track: `spacer-${index}` }];\n    }\n\n    if (token === 'heading') {\n      return [{ type: 'heading', track: `heading-${index}` }];\n    }\n\n    if (token === 'align') {\n      return [{ type: 'align', track: `align-${index}` }];\n    }\n\n    const command = toolbarItemAliases[token];\n    const button = command ? toolbarButtons[command] : undefined;\n    if (!command || !button) {\n      return [];\n    }\n\n    return [{ type: 'button', command, label: button.label, ariaLabel: button.ariaLabel }];\n  });\n};\n\n@Component({\n  selector: 'ui-editor',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor\"',\n    '[attr.data-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.inert]': 'disabled() ? \"\" : null',\n  },\n  template: `\n    <div\n      data-slot=\"editor-shell\"\n      [class]=\"shellClasses()\"\n      [attr.data-disabled]=\"disabled() ? 'true' : null\"\n      [attr.aria-invalid]=\"invalid() ? 'true' : null\">\n      <ng-content select=\"ui-editor-toolbar\" />\n      <ng-content select=\"ui-editor-content\" />\n    </div>\n  `,\n})\nexport class EditorComponent {\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly class = input<string>('');\n\n  readonly commandSelected = output<EditorCommandEvent>();\n\n  private content: EditorContentComponent | null = null;\n\n  protected readonly classes = computed(() => cn(EDITOR_BASE, this.class()));\n  protected readonly shellClasses = computed(() => cn(EDITOR_SHELL_BASE));\n\n  execute(command: EditorCommand, source: EditorCommandSource = 'api', originalEvent?: Event): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.content?.execute(command);\n    this.commandSelected.emit({ command, source, originalEvent });\n  }\n\n  registerContent(content: EditorContentComponent): void {\n    this.content = content;\n  }\n\n  unregisterContent(content: EditorContentComponent): void {\n    if (this.content === content) {\n      this.content = null;\n    }\n  }\n}\n\n@Component({\n  selector: 'ui-editor-toolbar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor-toolbar\"',\n    role: 'toolbar',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.data-disabled]': 'disabled() ? \"true\" : null',\n  },\n  template: `\n    @for (part of parts(); track trackPart(part, $index)) {\n      @switch (part.type) {\n        @case ('heading') {\n          <select\n            [class]=\"selectClasses\"\n            [disabled]=\"disabled()\"\n            aria-label=\"Text style\"\n            (change)=\"handleSelect($event)\">\n            <option value=\"paragraph\">Text</option>\n            <option value=\"heading-1\">Heading 1</option>\n            <option value=\"heading-2\">Heading 2</option>\n            <option value=\"heading-3\">Heading 3</option>\n          </select>\n        }\n        @case ('align') {\n          <select\n            [class]=\"selectClasses\"\n            [disabled]=\"disabled()\"\n            aria-label=\"Text alignment\"\n            (change)=\"handleSelect($event)\">\n            <option value=\"align-left\">Left</option>\n            <option value=\"align-center\">Center</option>\n            <option value=\"align-right\">Right</option>\n          </select>\n        }\n        @case ('separator') {\n          <span\n            data-slot=\"editor-separator\"\n            class=\"mx-1 h-6 w-px shrink-0 bg-border\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"></span>\n        }\n        @case ('spacer') {\n          <span data-slot=\"editor-spacer\" class=\"min-w-2 flex-1\"></span>\n        }\n        @case ('button') {\n          <button\n            type=\"button\"\n            data-slot=\"editor-button\"\n            [class]=\"buttonClasses\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"part.ariaLabel\"\n            [attr.title]=\"part.ariaLabel\"\n            (mousedown)=\"preserveSelection($event)\"\n            (click)=\"execute(part.command, $event)\">\n            @if (part.command === 'undo') {\n              <svg\n                aria-hidden=\"true\"\n                class=\"size-4\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.75\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\">\n                <path d=\"M9 14 4 9l5-5\" />\n                <path d=\"M4 9h10a6 6 0 0 1 0 12h-2\" />\n              </svg>\n            } @else if (part.command === 'redo') {\n              <svg\n                aria-hidden=\"true\"\n                class=\"size-4\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.75\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\">\n                <path d=\"m15 14 5-5-5-5\" />\n                <path d=\"M20 9H10a6 6 0 0 0 0 12h2\" />\n              </svg>\n            } @else {\n              <span aria-hidden=\"true\">{{ part.label }}</span>\n            }\n          </button>\n        }\n      }\n    }\n    <ng-content />\n  `,\n})\nexport class EditorToolbarComponent {\n  private readonly editor = inject(EditorComponent, { optional: true });\n\n  readonly items = input(DEFAULT_EDITOR_TOOLBAR);\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly ariaLabel = input('Formatting', { alias: 'aria-label' });\n  readonly class = input<string>('');\n\n  protected readonly buttonClasses = EDITOR_TOOL_BUTTON_BASE;\n  protected readonly selectClasses = EDITOR_SELECT_BASE;\n  protected readonly disabled = computed(() => this.disabledInput() || this.editor?.disabled() === true);\n  protected readonly parts = computed(() => parseToolbarItems(this.items()));\n  protected readonly classes = computed(() => cn(EDITOR_TOOLBAR_BASE, this.class()));\n\n  protected execute(command: EditorCommand, event: MouseEvent): void {\n    this.editor?.execute(command, 'toolbar', event);\n  }\n\n  protected handleSelect(event: Event): void {\n    const select = event.target as HTMLSelectElement;\n    this.editor?.execute(select.value as EditorCommand, 'toolbar', event);\n    select.selectedIndex = 0;\n  }\n\n  protected preserveSelection(event: MouseEvent): void {\n    event.preventDefault();\n  }\n\n  protected trackPart(part: EditorToolbarPart, index: number): string {\n    if (part.type === 'button') {\n      return `${part.command}-${index}`;\n    }\n\n    return part.track;\n  }\n}\n\n@Component({\n  selector: 'button[ui-editor-button]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor-button\"',\n    '[attr.title]': 'tooltip() || null',\n    '[attr.aria-pressed]': 'pressed() === null ? null : pressed()',\n    '[disabled]': 'disabled() || null',\n    type: 'button',\n    '(mousedown)': 'preserveSelection($event)',\n    '(click)': 'handleClick($event)',\n  },\n  template: `<ng-content />`,\n})\nexport class EditorButtonComponent {\n  private readonly editor = inject(EditorComponent, { optional: true });\n\n  readonly command = input<EditorCommand | null>(null);\n  readonly pressed = input<boolean | null>(null);\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly tooltip = input<string>('');\n  readonly class = input<string>('');\n\n  protected readonly disabled = computed(() => this.disabledInput() || this.editor?.disabled() === true);\n  protected readonly classes = computed(() => cn(EDITOR_TOOL_BUTTON_BASE, this.class()));\n\n  protected handleClick(event: MouseEvent): void {\n    const command = this.command();\n    if (!command) {\n      return;\n    }\n\n    this.editor?.execute(command, 'toolbar', event);\n  }\n\n  protected preserveSelection(event: MouseEvent): void {\n    event.preventDefault();\n  }\n}\n\n@Component({\n  selector: 'ui-editor-separator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor-separator\"',\n    role: 'separator',\n    'aria-orientation': 'vertical',\n  },\n  template: '',\n})\nexport class EditorSeparatorComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('mx-1 h-6 w-px shrink-0 bg-border', this.class()));\n}\n\n@Component({\n  selector: 'ui-editor-spacer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor-spacer\"',\n  },\n  template: '',\n})\nexport class EditorSpacerComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('min-w-2 flex-1', this.class()));\n}\n\n@Component({\n  selector: 'ui-editor-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => EditorContentComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"editor-content\"',\n    '[attr.contenteditable]': 'disabled() ? \"false\" : \"true\"',\n    '[attr.role]': '\"textbox\"',\n    '[attr.aria-multiline]': '\"true\"',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.data-empty]': 'empty() ? \"true\" : null',\n    '[attr.data-placeholder]': 'placeholder()',\n    '[attr.tabindex]': 'disabled() ? null : \"0\"',\n    '(input)': 'handleInput()',\n    '(blur)': 'handleBlur()',\n    '(keydown)': 'handleKeydown($event)',\n  },\n  template: `<ng-content />`,\n})\nexport class EditorContentComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly editor = inject(EditorComponent, { optional: true });\n  private readonly document = inject(DOCUMENT);\n\n  readonly placeholder = input('Write something...');\n  readonly ariaLabel = input('Rich text editor', { alias: 'aria-label' });\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  readonly invalidInput = input(false, { alias: 'aria-invalid', transform: booleanAttribute });\n  readonly class = input<string>('');\n\n  private readonly disabledState = signal(false);\n  protected readonly empty = signal(true);\n  protected readonly disabled = computed(\n    () => this.disabledInput() || this.disabledState() || this.editor?.disabled() === true,\n  );\n  protected readonly invalid = computed(() => this.invalidInput() || this.editor?.invalid() === true);\n  protected readonly classes = computed(() => cn(EDITOR_CONTENT_BASE, this.class()));\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  ngAfterViewInit(): void {\n    this.editor?.registerContent(this);\n    queueMicrotask(() => this.syncEmptyState());\n  }\n\n  ngOnDestroy(): void {\n    this.editor?.unregisterContent(this);\n  }\n\n  writeValue(value: string | null): void {\n    this.el.nativeElement.innerHTML = value ?? '';\n    queueMicrotask(() => this.syncEmptyState());\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledState.set(isDisabled);\n  }\n\n  execute(command: EditorCommand): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.el.nativeElement.focus();\n\n    switch (command) {\n      case 'paragraph':\n        this.exec('formatBlock', 'p');\n        break;\n      case 'heading-1':\n        this.exec('formatBlock', 'h1');\n        break;\n      case 'heading-2':\n        this.exec('formatBlock', 'h2');\n        break;\n      case 'heading-3':\n        this.exec('formatBlock', 'h3');\n        break;\n      case 'bold':\n        this.exec('bold');\n        break;\n      case 'italic':\n        this.exec('italic');\n        break;\n      case 'underline':\n        this.exec('underline');\n        break;\n      case 'strike':\n        this.exec('strikeThrough');\n        break;\n      case 'bullet':\n        this.exec('insertUnorderedList');\n        break;\n      case 'ordered':\n        this.exec('insertOrderedList');\n        break;\n      case 'blockquote':\n        this.exec('formatBlock', 'blockquote');\n        break;\n      case 'subscript':\n        this.exec('subscript');\n        break;\n      case 'superscript':\n        this.exec('superscript');\n        break;\n      case 'highlight':\n        this.exec('backColor', '#fef08a');\n        break;\n      case 'link':\n        this.exec('createLink', '#');\n        break;\n      case 'code':\n        this.exec('formatBlock', 'pre');\n        break;\n      case 'align-left':\n        this.exec('justifyLeft');\n        break;\n      case 'align-center':\n        this.exec('justifyCenter');\n        break;\n      case 'align-right':\n        this.exec('justifyRight');\n        break;\n      case 'undo':\n        this.exec('undo');\n        break;\n      case 'redo':\n        this.exec('redo');\n        break;\n    }\n\n    this.handleInput();\n  }\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n\n  protected handleInput(): void {\n    this.syncEmptyState();\n    this.onChange(this.el.nativeElement.innerHTML);\n  }\n\n  protected handleBlur(): void {\n    this.onTouched();\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const command = this.shortcutCommand(event);\n    if (!command) {\n      return;\n    }\n\n    event.preventDefault();\n    if (this.editor) {\n      this.editor.execute(command, 'shortcut', event);\n      return;\n    }\n\n    this.execute(command);\n  }\n\n  private exec(command: string, value?: string): void {\n    if (typeof this.document.execCommand !== 'function') {\n      return;\n    }\n\n    this.document.execCommand(command, false, value);\n  }\n\n  private syncEmptyState(): void {\n    const element = this.el.nativeElement;\n    const html = element.innerHTML\n      .replace(/<br\\s*\\/?\\>/gi, '')\n      .replace(/&nbsp;/g, '')\n      .trim();\n    const text = element.textContent?.replace(/\\u00a0/g, '').trim() ?? '';\n    this.empty.set(html.length === 0 && text.length === 0);\n  }\n\n  private shortcutCommand(event: KeyboardEvent): EditorCommand | null {\n    const modifier = event.metaKey || event.ctrlKey;\n    if (!modifier) {\n      return null;\n    }\n\n    const key = event.key.toLowerCase();\n\n    if (event.altKey && !event.shiftKey) {\n      if (key === '0') {\n        return 'paragraph';\n      }\n      if (key === '1') {\n        return 'heading-1';\n      }\n      if (key === '2') {\n        return 'heading-2';\n      }\n      if (key === '3') {\n        return 'heading-3';\n      }\n    }\n\n    if (event.shiftKey && !event.altKey) {\n      switch (key) {\n        case 'x':\n          return 'strike';\n        case '7':\n          return 'ordered';\n        case '8':\n          return 'bullet';\n        case 'b':\n          return 'blockquote';\n        case 'h':\n          return 'highlight';\n        case 'l':\n          return 'align-left';\n        case 'e':\n          return 'align-center';\n        case 'r':\n          return 'align-right';\n        case 'z':\n          return 'redo';\n      }\n    }\n\n    if (event.altKey || event.shiftKey) {\n      return null;\n    }\n\n    switch (key) {\n      case 'b':\n        return 'bold';\n      case 'i':\n        return 'italic';\n      case 'u':\n        return 'underline';\n      case 'e':\n        return 'code';\n      case 'z':\n        return 'undo';\n      default:\n        return null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-empty.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+import { cva } from 'class-variance-authority';
+
+const emptyVariants = cva('flex w-full flex-col items-center justify-center gap-6 rounded-xl px-6 py-10 text-center');
+const emptyMediaVariants = cva('flex shrink-0 items-center justify-center', {
+    variants: {
+        variant: {
+            default: '',
+            icon: [
+                'size-12 rounded-full border border-border bg-muted/40 text-muted-foreground shadow-sm',
+                '[&_svg]:size-6 [&_svg]:shrink-0',
+            ].join(' '),
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+
+class EmptyComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(emptyVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyComponent, isStandalone: true, selector: "ui-empty", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class EmptyHeaderComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex w-full max-w-xl flex-col items-center gap-3 text-center', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyHeaderComponent, isStandalone: true, selector: "ui-empty-header", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty-header',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class EmptyMediaComponent {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(emptyMediaVariants({ variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyMediaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyMediaComponent, isStandalone: true, selector: "ui-empty-media", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-variant": "variant()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyMediaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty-media',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class EmptyTitleComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block text-xl font-semibold tracking-tight text-foreground sm:text-2xl', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyTitleComponent, isStandalone: true, selector: "ui-empty-title", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty-title',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class EmptyDescriptionComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block max-w-lg text-sm leading-6 text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyDescriptionComponent, isStandalone: true, selector: "ui-empty-description", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty-description',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class EmptyContentComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex w-full flex-col items-center justify-center gap-3', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyContentComponent, isStandalone: true, selector: "ui-empty-content", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-empty-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EmptyComponent, EmptyContentComponent, EmptyDescriptionComponent, EmptyHeaderComponent, EmptyMediaComponent, EmptyTitleComponent, emptyMediaVariants, emptyVariants };
+//# sourceMappingURL=edsis-ui-empty.mjs.map

package/fesm2022/edsis-ui-empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-empty.mjs","sources":["../../../library/ui/empty/empty.variants.ts","../../../library/ui/empty/empty.component.ts","../../../library/ui/empty/edsis-ui-empty.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const emptyVariants = cva(\n  'flex w-full flex-col items-center justify-center gap-6 rounded-xl px-6 py-10 text-center',\n);\n\nexport const emptyMediaVariants = cva('flex shrink-0 items-center justify-center', {\n  variants: {\n    variant: {\n      default: '',\n      icon: [\n        'size-12 rounded-full border border-border bg-muted/40 text-muted-foreground shadow-sm',\n        '[&_svg]:size-6 [&_svg]:shrink-0',\n      ].join(' '),\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type EmptyMediaVariant = NonNullable<VariantProps<typeof emptyMediaVariants>['variant']>;\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\nimport { emptyMediaVariants, emptyVariants, type EmptyMediaVariant } from './empty.variants';\n\nexport type { EmptyMediaVariant } from './empty.variants';\n\n@Component({\n  selector: 'ui-empty',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(emptyVariants(), this.class()));\n}\n\n@Component({\n  selector: 'ui-empty-header',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyHeaderComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex w-full max-w-xl flex-col items-center gap-3 text-center', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-empty-media',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-variant]': 'variant()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyMediaComponent {\n  readonly variant = input<EmptyMediaVariant>('default');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(emptyMediaVariants({ variant: this.variant() }), this.class()));\n}\n\n@Component({\n  selector: 'ui-empty-title',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyTitleComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('block text-xl font-semibold tracking-tight text-foreground sm:text-2xl', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-empty-description',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyDescriptionComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('block max-w-lg text-sm leading-6 text-muted-foreground', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-empty-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class EmptyContentComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex w-full flex-col items-center justify-center gap-3', this.class()),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-form.mjs

@@ -0,0 +1,334 @@
+import * as i0 from '@angular/core';
+import { signal, computed, effect, Injectable, inject, input, booleanAttribute, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+import { NgControl } from '@angular/forms';
+
+let nextId = 0;
+/**
+ * Backing store for a single `<ui-form-field>`. Provided on the component
+ * so descendant parts (label, description, message, control) can inject it.
+ */
+class FormFieldContext {
+    uid = ++nextId;
+    controlId = `ui-form-field-${this.uid}`;
+    descriptionId = `${this.controlId}-description`;
+    messageId = `${this.controlId}-message`;
+    control = signal(null, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    manualInvalid = signal(false, ...(ngDevMode ? [{ debugName: "manualInvalid" }] : /* istanbul ignore next */ []));
+    hasDescription = signal(false, ...(ngDevMode ? [{ debugName: "hasDescription" }] : /* istanbul ignore next */ []));
+    hasMessage = signal(false, ...(ngDevMode ? [{ debugName: "hasMessage" }] : /* istanbul ignore next */ []));
+    statusTick = signal(0, ...(ngDevMode ? [{ debugName: "statusTick" }] : /* istanbul ignore next */ []));
+    invalid = computed(() => {
+        this.statusTick();
+        const c = this.control();
+        return this.manualInvalid() || (!!c && c.invalid && (c.touched || c.dirty));
+    }, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    firstError = computed(() => {
+        this.statusTick();
+        const c = this.control();
+        if (!c?.errors)
+            return null;
+        const keys = Object.keys(c.errors);
+        return keys.length > 0 ? keys[0] : null;
+    }, ...(ngDevMode ? [{ debugName: "firstError" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const parts = [];
+        if (this.hasDescription())
+            parts.push(this.descriptionId);
+        if (this.hasMessage() && this.invalid())
+            parts.push(this.messageId);
+        return parts.length > 0 ? parts.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Re-run computed() above whenever the control's status changes.
+        effect((onCleanup) => {
+            const c = this.control();
+            if (!c)
+                return;
+            const sub = c.statusChanges.subscribe(() => this.statusTick.update((n) => n + 1));
+            onCleanup(() => sub.unsubscribe());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Groups a label, control, description, and validation message.
+ * Provides ids + invalid state to descendants via {@link FormFieldContext}.
+ */
+class FormFieldComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    classes = computed(() => {
+        const orientation = this.orientation();
+        return cn('block min-w-0', orientation === 'vertical' && 'flex flex-col gap-2', orientation === 'horizontal' && 'flex items-start gap-3', orientation === 'responsive' &&
+            'flex flex-col gap-3 sm:grid sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start', this.class());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => this.ctx.manualInvalid.set(this.invalid()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormFieldComponent, isStandalone: true, selector: "ui-form-field", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-orientation": "orientation()", "attr.data-invalid": "ctx.invalid() ? \"\" : null", "attr.role": "\"group\"" } }, providers: [FormFieldContext], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-field',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [FormFieldContext],
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-invalid]': 'ctx.invalid() ? "" : null',
+                        '[attr.role]': '"group"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
+
+class FormFieldsetComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block min-w-0 border-0 p-0 m-0', 'grid gap-4', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormFieldsetComponent, isStandalone: true, selector: "ui-form-fieldset, fieldset[ui-form-fieldset]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldsetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-fieldset, fieldset[ui-form-fieldset]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormLegendComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    variant = input('legend', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block min-w-0 text-foreground', this.variant() === 'label' ? 'text-sm font-medium leading-none' : 'text-sm font-semibold leading-none', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormLegendComponent, isStandalone: true, selector: "ui-form-legend, legend[ui-form-legend]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLegendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-legend, legend[ui-form-legend]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class FormGroupComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block min-w-0', 'grid gap-6', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormGroupComponent, isStandalone: true, selector: "ui-form-group", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormSeparatorComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block min-w-0', 'flex items-center gap-3 text-xs font-medium uppercase tracking-[0.24em] text-muted-foreground', 'before:h-px before:flex-1 before:bg-border after:h-px after:flex-1 after:bg-border', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormSeparatorComponent, isStandalone: true, selector: "ui-form-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<span class="shrink-0"><ng-content /></span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-separator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<span class="shrink-0"><ng-content /></span>`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormContentComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block min-w-0 flex-1', 'grid gap-1.5', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormContentComponent, isStandalone: true, selector: "ui-form-content", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-content',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormTitleComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block text-sm font-medium leading-none text-foreground', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormTitleComponent, isStandalone: true, selector: "ui-form-title", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-title',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormLabelComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm font-medium leading-none', this.ctx.invalid() ? 'text-destructive' : 'text-foreground', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormLabelComponent, isStandalone: true, selector: "ui-form-label, label[ui-form-label]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.for": "ctx.controlId" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-label, label[ui-form-label]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.for]': 'ctx.controlId',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormDescriptionComponent {
+    ctx = inject(FormFieldContext, { optional: true });
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    descriptionId = computed(() => this.ctx?.descriptionId ?? null, ...(ngDevMode ? [{ debugName: "descriptionId" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.ctx?.hasDescription.set(true);
+    }
+    ngOnDestroy() {
+        this.ctx?.hasDescription.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormDescriptionComponent, isStandalone: true, selector: "ui-form-description, p[ui-form-description]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "descriptionId()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-description, p[ui-form-description]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'descriptionId()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Renders validation errors for the field's control.
+ * By default, surfaces the first error key. Provide custom content to override.
+ */
+class FormMessageComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    show = computed(() => this.ctx.invalid(), ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm font-medium text-destructive', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.ctx.hasMessage.set(true);
+    }
+    ngOnDestroy() {
+        this.ctx.hasMessage.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FormMessageComponent, isStandalone: true, selector: "ui-form-message, p[ui-form-message]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "ctx.messageId", "attr.role": "\"alert\"", "attr.aria-live": "\"polite\"" } }, ngImport: i0, template: `
+    @if (show()) {
+      <ng-content>{{ ctx.firstError() }}</ng-content>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-message, p[ui-form-message]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'ctx.messageId',
+                        '[attr.role]': '"alert"',
+                        '[attr.aria-live]': '"polite"',
+                    },
+                    template: `
+    @if (show()) {
+      <ng-content>{{ ctx.firstError() }}</ng-content>
+    }
+  `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Attach to the native form control inside a `<ui-form-field>` to auto-wire:
+ *  - `id` ↔ `<ui-form-label for>`
+ *  - `aria-describedby` ↔ description + error message
+ *  - `aria-invalid` ↔ control validity (after touch/dirty)
+ *
+ * @example
+ * <ui-form-field>
+ *   <ui-form-label>Email</ui-form-label>
+ *   <input ui-input uiFormControl [formControl]="email" />
+ *   <ui-form-description>We'll never share it.</ui-form-description>
+ *   <ui-form-message />
+ * </ui-form-field>
+ */
+class FormControlDirective {
+    ctx = inject(FormFieldContext);
+    ngControl = inject(NgControl, { optional: true, self: true });
+    ngOnInit() {
+        if (this.ngControl?.control) {
+            this.ctx.control.set(this.ngControl.control);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: FormControlDirective, isStandalone: true, selector: "[uiFormControl]", host: { properties: { "attr.id": "ctx.controlId", "attr.aria-describedby": "ctx.describedBy()", "attr.aria-invalid": "ctx.invalid() ? \"true\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiFormControl]',
+                    host: {
+                        '[attr.id]': 'ctx.controlId',
+                        '[attr.aria-describedby]': 'ctx.describedBy()',
+                        '[attr.aria-invalid]': 'ctx.invalid() ? "true" : null',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormContentComponent, FormControlDirective, FormDescriptionComponent, FormFieldComponent, FormFieldContext, FormFieldsetComponent, FormGroupComponent, FormLabelComponent, FormLegendComponent, FormMessageComponent, FormSeparatorComponent, FormTitleComponent };
+//# sourceMappingURL=edsis-ui-form.mjs.map