@testgorilla/tgo-ui 6.3.0 → 6.4.0

package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-prompt.mjs","sources":["../../../components/prompt/prompt.component.ts","../../../components/prompt/prompt.component.html","../../../components/prompt/prompt.module.ts","../../../components/prompt/testgorilla-tgo-ui-components-prompt.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  OnInit,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport { OverflowMenuButtonsType } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { debounceTime, filter, firstValueFrom, fromEvent, map, tap } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { PromptData, PromptTag } from './prompt.model';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ui-prompt',\n  templateUrl: './prompt.component.html',\n  styleUrl: './prompt.component.scss',\n  providers: [\n    UiTranslatePipe,\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PromptComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {\n  tags = input<PromptTag[]>([]);\n  maxCharacters = input<number>(255);\n  supportedFileTypes = input<string>('');\n  autoClear = input<boolean>(true);\n  showSendButton = input<boolean>(false);\n  enableFileUpload = input<boolean>(false);\n\n  /**\n   * Placeholder for the prompt.\n   */\n  placeholder = input<string>('');\n\n  /**\n   * Custom error message displayed below the prompt.\n   */\n  errorMessage = input<string>('');\n\n  promptData = output<PromptData>();\n\n  promptFilesList = signal<File[]>([]);\n  promptTextValue = signal<string>('');\n  fileListMenuConfig = signal<OverflowMenuButtonsType[]>([]);\n\n  tagsVisible = signal<PromptTag[]>([]);\n  tagsInDropdown = signal<PromptTag[]>([]);\n  autocompleteSuggestion = signal<string>('');\n\n  isDropdownOpened = signal<boolean>(false);\n  isFieldHovered = signal(false);\n  isFieldFocused = signal(false);\n  isHighlighted = computed(() => this.isFieldHovered() || this.isFieldFocused());\n\n  private destroyRef = inject(DestroyRef);\n  private translationPipe = inject(UiTranslatePipe);\n\n  fileDrop = viewChild<ElementRef<HTMLInputElement>>('fileDropRef');\n  tagDropdown = viewChild<ElementRef<HTMLInputElement>>('tagDropdown');\n  fieldComponentRef = viewChild.required<FieldComponent>('textarea');\n\n  readonly dropdownPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n  ];\n\n  ngOnInit() {\n    this.initTags();\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.syncInputChange();\n    }, 0);\n  }\n\n  async uploadFile(event: Event): Promise<void> {\n    const files = (event.currentTarget as HTMLInputElement).files;\n    if (files && files.length) {\n      this.promptFilesList.update(list => {\n        list.push(files.item(0) as File);\n        return list;\n      });\n      this.emitValue();\n      await this.updateFileMenu();\n    }\n  }\n\n  sendPromptData(): void {\n    this.promptData.emit({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n\n    if (this.autoClear()) {\n      this.clearPromptData();\n    }\n  }\n\n  selectedMenuOption(menuOptionValue: string): void {\n    const updatedConfig = this.fileListMenuConfig().filter(menu => menu.value !== menuOptionValue);\n    const updatedFileList = this.promptFilesList().filter(file => file.name !== menuOptionValue);\n    this.promptFilesList.set(updatedFileList);\n    this.fileListMenuConfig.set(updatedConfig);\n  }\n\n  selectTag(tag: PromptTag, event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.isDropdownOpened.set(false);\n    this.promptTextValue.set(tag.label);\n    this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.onTouch();\n  }\n\n  onTextareaTab(event: Event): void {\n    if (this.autocompleteSuggestion()) {\n      event.preventDefault();\n      this.promptTextValue.set(this.autocompleteSuggestion());\n      this.autocompleteSuggestion.set('');\n    }\n  }\n\n  dropdownOutsideClick(): void {\n    this.isDropdownOpened.set(false);\n  }\n\n  toggleDropdown(): void {\n    this.isDropdownOpened.set(!this.isDropdownOpened());\n  }\n\n  focusTagDropdown(): void {\n    setTimeout(() => {\n      this.tagDropdown()?.nativeElement.focus();\n    }, 300);\n  }\n\n  private syncInputChange() {\n    if (!this.fieldComponentRef()?.field?.nativeElement) {\n      return;\n    }\n\n    fromEvent(this.fieldComponentRef().field.nativeElement, 'input')\n      .pipe(\n        takeUntilDestroyed(this.destroyRef),\n        map((event: Event) => (event.target as HTMLInputElement).value),\n        debounceTime(200),\n        filter(value => typeof value === 'string'),\n        tap(value => {\n          this.promptTextValue.set(value);\n          if (this.autocompleteSuggestion()) {\n            this.autocompleteSuggestion.set('');\n          }\n          this.emitValue();\n        })\n      )\n      .subscribe();\n  }\n\n  private initTags(): void {\n    if (!this.tags()?.length) {\n      return;\n    }\n    if (this.tags().length <= 5) {\n      this.tagsVisible.set(this.tags());\n      return;\n    }\n\n    this.tagsVisible.set(this.tags().slice(0, 5));\n    this.tagsInDropdown.set(this.tags().slice(5));\n  }\n\n  private async updateFileMenu(): Promise<void> {\n    const menuConfig: OverflowMenuButtonsType[] = [];\n    const tooltip = await firstValueFrom(this.translationPipe.transform('COMMON.DELETE'));\n    this.promptFilesList().forEach(file => {\n      menuConfig.push({\n        label: file.name,\n        value: file.name,\n        icon: 'Delete',\n        tooltipText: tooltip,\n      });\n    });\n    this.fileListMenuConfig.set(menuConfig);\n  }\n\n  private clearPromptData(): void {\n    this.promptTextValue.set('');\n    this.promptFilesList.set([]);\n    this.fileListMenuConfig.set([]);\n  }\n\n  writeValue(value: PromptData): void {\n    this.promptTextValue.set(value.text || '');\n    this.promptFilesList.set(value.files || []);\n  }\n  private onChange = (_v: any) => {};\n  private onTouch = () => {};\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouch = fn;\n  }\n\n  private emitValue(): void {\n    this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n    this.onTouch();\n  }\n}\n","<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [ngClass]=\"{ 'prompt-container-focused': isHighlighted() }\"\n  >\n    <div class=\"prompt-autocomplete\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !textarea.value;\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"isFieldFocused.set(false)\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n          <input\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"supportedFileTypes()\"\n            (change)=\"uploadFile($event)\"\n          />\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!promptTextValue() && !promptFilesList().length\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\">\n      <ui-icon [name]=\"'Error'\" color=\"inherit\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { PromptComponent } from './prompt.component';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { CommonModule } from '@angular/common';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { OverflowMenuComponentModule } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { TagComponentModule } from '@testgorilla/tgo-ui/components/tag';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@NgModule({\n  declarations: [PromptComponent],\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ButtonComponentModule,\n    OverflowMenuComponentModule,\n    TagComponentModule,\n    BadgeComponentModule,\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    CardComponentModule,\n    CdkTextareaAutosize,\n    TooltipComponentModule,\n    MatTooltip,\n    UiTranslatePipe,\n    IconComponentModule,\n  ],\n  exports: [PromptComponent],\n})\nexport class PromptModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-prompt.mjs","sources":["../../../components/prompt/prompt.component.ts","../../../components/prompt/prompt.component.html","../../../components/prompt/prompt.module.ts","../../../components/prompt/testgorilla-tgo-ui-components-prompt.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  OnInit,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport { OverflowMenuButtonsType } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { debounceTime, filter, firstValueFrom, fromEvent, map, tap } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { PromptData, PromptTag } from './prompt.model';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ui-prompt',\n  templateUrl: './prompt.component.html',\n  styleUrl: './prompt.component.scss',\n  providers: [\n    UiTranslatePipe,\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PromptComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {\n  tags = input<PromptTag[]>([]);\n  maxCharacters = input<number>(255);\n  supportedFileTypes = input<string>('');\n  autoClear = input<boolean>(true);\n  showSendButton = input<boolean>(false);\n  enableFileUpload = input<boolean>(false);\n\n  /**\n   * Placeholder for the prompt.\n   */\n  placeholder = input<string>('');\n\n  /**\n   * Custom error message displayed below the prompt.\n   */\n  errorMessage = input<string>('');\n\n  promptData = output<PromptData>();\n\n  promptFilesList = signal<File[]>([]);\n  promptTextValue = signal<string>('');\n  fileListMenuConfig = signal<OverflowMenuButtonsType[]>([]);\n\n  tagsVisible = signal<PromptTag[]>([]);\n  tagsInDropdown = signal<PromptTag[]>([]);\n  autocompleteSuggestion = signal<string>('');\n\n  isDropdownOpened = signal<boolean>(false);\n  isFieldHovered = signal(false);\n  isFieldFocused = signal(false);\n  isHighlighted = computed(() => this.isFieldHovered() || this.isFieldFocused());\n\n  private destroyRef = inject(DestroyRef);\n  private translationPipe = inject(UiTranslatePipe);\n\n  fileDrop = viewChild<ElementRef<HTMLInputElement>>('fileDropRef');\n  tagDropdown = viewChild<ElementRef<HTMLInputElement>>('tagDropdown');\n  fieldComponentRef = viewChild.required<FieldComponent>('textarea');\n\n  readonly dropdownPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n    },\n  ];\n\n  ngOnInit() {\n    this.initTags();\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this.syncInputChange();\n    }, 0);\n  }\n\n  async uploadFile(event: Event): Promise<void> {\n    const files = (event.currentTarget as HTMLInputElement).files;\n    if (files && files.length) {\n      this.promptFilesList.update(list => {\n        list.push(files.item(0) as File);\n        return list;\n      });\n      this.emitValue();\n      await this.updateFileMenu();\n    }\n  }\n\n  sendPromptData(): void {\n    this.promptData.emit({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n\n    if (this.autoClear()) {\n      this.clearPromptData();\n    }\n  }\n\n  selectedMenuOption(menuOptionValue: string): void {\n    const updatedConfig = this.fileListMenuConfig().filter(menu => menu.value !== menuOptionValue);\n    const updatedFileList = this.promptFilesList().filter(file => file.name !== menuOptionValue);\n    this.promptFilesList.set(updatedFileList);\n    this.fileListMenuConfig.set(updatedConfig);\n  }\n\n  selectTag(tag: PromptTag, event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.isDropdownOpened.set(false);\n    this.promptTextValue.set(tag.label);\n    this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);\n    this.fieldComponentRef().field.nativeElement.focus();\n    this.onTouch();\n  }\n\n  onTextareaTab(event: Event): void {\n    if (this.autocompleteSuggestion()) {\n      event.preventDefault();\n      this.promptTextValue.set(this.autocompleteSuggestion());\n      this.autocompleteSuggestion.set('');\n    }\n  }\n\n  dropdownOutsideClick(): void {\n    this.isDropdownOpened.set(false);\n  }\n\n  toggleDropdown(): void {\n    this.isDropdownOpened.set(!this.isDropdownOpened());\n  }\n\n  focusTagDropdown(): void {\n    setTimeout(() => {\n      this.tagDropdown()?.nativeElement.focus();\n    }, 300);\n  }\n\n  private syncInputChange() {\n    if (!this.fieldComponentRef()?.field?.nativeElement) {\n      return;\n    }\n\n    fromEvent(this.fieldComponentRef().field.nativeElement, 'input')\n      .pipe(\n        takeUntilDestroyed(this.destroyRef),\n        map((event: Event) => (event.target as HTMLInputElement).value),\n        debounceTime(200),\n        filter(value => typeof value === 'string'),\n        tap(value => {\n          this.promptTextValue.set(value);\n          if (this.autocompleteSuggestion()) {\n            this.autocompleteSuggestion.set('');\n          }\n          this.emitValue();\n        })\n      )\n      .subscribe();\n  }\n\n  private initTags(): void {\n    if (!this.tags()?.length) {\n      return;\n    }\n    if (this.tags().length <= 5) {\n      this.tagsVisible.set(this.tags());\n      return;\n    }\n\n    this.tagsVisible.set(this.tags().slice(0, 5));\n    this.tagsInDropdown.set(this.tags().slice(5));\n  }\n\n  private async updateFileMenu(): Promise<void> {\n    const menuConfig: OverflowMenuButtonsType[] = [];\n    const tooltip = await firstValueFrom(this.translationPipe.transform('COMMON.DELETE'));\n    this.promptFilesList().forEach(file => {\n      menuConfig.push({\n        label: file.name,\n        value: file.name,\n        icon: 'Delete',\n        tooltipText: tooltip,\n      });\n    });\n    this.fileListMenuConfig.set(menuConfig);\n  }\n\n  private clearPromptData(): void {\n    this.promptTextValue.set('');\n    this.promptFilesList.set([]);\n    this.fileListMenuConfig.set([]);\n  }\n\n  writeValue(value: PromptData): void {\n    this.promptTextValue.set(value?.text || '');\n    this.promptFilesList.set(value?.files || []);\n  }\n  private onChange = (_v: any) => {};\n  private onTouch = () => {};\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouch = fn;\n  }\n\n  private emitValue(): void {\n    this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });\n    this.onTouch();\n  }\n}\n","<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [ngClass]=\"{ 'prompt-container-focused': isHighlighted() }\"\n  >\n    <div class=\"prompt-autocomplete\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n      @let showIcon = !isFieldFocused() && !textarea.value;\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <ui-field\n        #textarea\n        class=\"prompt-text\"\n        [class.show-icon]=\"showIcon\"\n        role=\"input\"\n        [showBottomContent]=\"false\"\n        [borderless]=\"true\"\n        [type]=\"'multi-line'\"\n        [autosizableTextarea]=\"true\"\n        [maxCharacters]=\"maxCharacters()\"\n        [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n        [value]=\"promptTextValue() || ''\"\n        [hasTextAreaCounter]=\"false\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"isFieldFocused.set(false)\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (enableFileUpload()) {\n          <ui-button\n            [variant]=\"'icon-button'\"\n            [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n            [iconName]=\"'Plus'\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n          <input\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"supportedFileTypes()\"\n            (change)=\"uploadFile($event)\"\n          />\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\">\n              <ui-badge\n                [notificationsAmount]=\"promptFilesList().length\"\n                [variant]=\"'notification'\"\n                class=\"menu-badge\"\n              ></ui-badge>\n              <ui-overflow-menu\n                [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n                [matTooltipPosition]=\"'above'\"\n                [buttonSize]=\"'medium'\"\n                [iconTrigger]=\"'Document'\"\n                [buttonVariant]=\"'ghost'\"\n                [buttons]=\"fileListMenuConfig()\"\n                [isDynamicMenu]=\"true\"\n                [withRemovableOption]=\"true\"\n                (selectItem)=\"selectedMenuOption($event)\"\n              ></ui-overflow-menu>\n            </div>\n          }\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\">\n          <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n            @for (tag of tagsVisible(); track tag) {\n              <ui-tag\n                [label]=\"tag.label\"\n                role=\"listitem\"\n                [ariaLabel]=\"tag.label\"\n                (click)=\"selectTag(tag, $event)\"\n                (keyup.enter)=\"selectTag(tag, $event)\"\n                (keyup.space)=\"selectTag(tag, $event)\"\n              ></ui-tag>\n            }\n\n            @if (tagsInDropdown().length) {\n              <ui-button\n                class=\"view-more\"\n                variant=\"text-inline\"\n                [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n                [size]=\"'medium'\"\n                (click)=\"toggleDropdown()\"\n                (keydown.enter)=\"focusTagDropdown()\"\n                cdkOverlayOrigin\n                #dropdownTrigger=\"cdkOverlayOrigin\"\n              ></ui-button>\n            }\n          </div>\n\n          <div class=\"flex-container\">\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [ariaLabel]=\"'Scroll left button'\"\n              [iconName]=\"'Arrow-chevron-left-in-line'\"\n              [disabled]=\"tagsScrollContainer.scrollLeft === 0\"\n              (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n            ></ui-button>\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Arrow-chevron-right-in-line'\"\n              [ariaLabel]=\"'Scroll right button'\"\n              [disabled]=\"\n                tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n              \"\n              (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n            ></ui-button>\n          </div>\n        </div>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          [variant]=\"'secondary'\"\n          [iconName]=\"'Arrow-up-in-line'\"\n          [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n          [tooltipPosition]=\"'above'\"\n          [size]=\"'medium'\"\n          [disabled]=\"!promptTextValue() && !promptFilesList().length\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\">\n      <ui-icon [name]=\"'Error'\" color=\"inherit\"></ui-icon>\n      <span>{{ errorMessage() }}</span>\n    </div>\n  }\n\n  <!--  Dropdown for hidden tags -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"isDropdownOpened()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\">\n      @for (tag of tagsInDropdown(); track tag) {\n        <div\n          class=\"dropdown-tag\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"tag.label\"\n          role=\"listitem\"\n          (click)=\"selectTag(tag, $event)\"\n          (keyup.enter)=\"selectTag(tag, $event)\"\n          (keyup.space)=\"selectTag(tag, $event)\"\n        >\n          {{ tag.label }}\n        </div>\n      }\n    </div>\n  </ng-template>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { PromptComponent } from './prompt.component';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { CommonModule } from '@angular/common';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { OverflowMenuComponentModule } from '@testgorilla/tgo-ui/components/overflow-menu';\nimport { TagComponentModule } from '@testgorilla/tgo-ui/components/tag';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { CardComponentModule } from '@testgorilla/tgo-ui/components/card';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\n@NgModule({\n  declarations: [PromptComponent],\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ButtonComponentModule,\n    OverflowMenuComponentModule,\n    TagComponentModule,\n    BadgeComponentModule,\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    CardComponentModule,\n    CdkTextareaAutosize,\n    TooltipComponentModule,\n    MatTooltip,\n    UiTranslatePipe,\n    IconComponentModule,\n  ],\n  exports: [PromptComponent],\n})\nexport class PromptModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs

@@ -0,0 +1,406 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, output, inject, DestroyRef, signal, computed, effect, untracked, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { AsyncPipe } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { map, of, delay, Subject, combineLatest, takeUntil } from 'rxjs';
+import * as i5 from '@testgorilla/tgo-ui/components/prompt';
+import { PromptModule } from '@testgorilla/tgo-ui/components/prompt';
+import * as i2 from '@testgorilla/tgo-ui/components/field';
+import { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';
+import * as i3 from '@testgorilla/tgo-ui/components/button';
+import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
+import * as i6 from '@testgorilla/tgo-ui/components/ai-caveat';
+import { AiCaveatComponentModule } from '@testgorilla/tgo-ui/components/ai-caveat';
+import * as i7 from '@testgorilla/tgo-ui/components/alert-banner';
+import { AlertBannerComponentModule } from '@testgorilla/tgo-ui/components/alert-banner';
+import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpParams } from '@angular/common/http';
+
+const OPENAI_DEFAULT_ENDPOINT = 'https://api.openai.com/v1/chat/completions';
+const OPENAI_DEFAULT_MODEL = 'gpt-5-mini';
+const GEMINI_DEFAULT_MODEL = 'gemini-3.0-flash';
+class WriteWithAiLlmService {
+    constructor(http) {
+        this.http = http;
+    }
+    generate(request, config) {
+        if (!config.apiKey) {
+            return this.simulateResponse(request, config);
+        }
+        if (config.provider === 'gemini') {
+            return this.callGemini(request, config);
+        }
+        return this.callOpenAi(request, config);
+    }
+    resolveEndpoint(config) {
+        return config.endpoint ?? config.baseUrl ?? OPENAI_DEFAULT_ENDPOINT;
+    }
+    callOpenAi(request, config) {
+        const endpoint = this.resolveEndpoint(config);
+        const model = config.model ?? OPENAI_DEFAULT_MODEL;
+        const systemMessage = this.buildSystemMessage(request.sourceText, request.context ?? config.context);
+        const body = {
+            model,
+            messages: [
+                { role: 'system', content: systemMessage },
+                { role: 'user', content: request.prompt },
+            ],
+        };
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${config.apiKey}`,
+        });
+        return this.http
+            .post(endpoint, body, { headers })
+            .pipe(map(res => res.choices[0]?.message?.content ?? ''));
+    }
+    callGemini(request, config) {
+        const model = config.model ?? GEMINI_DEFAULT_MODEL;
+        const baseUrl = config.endpoint ??
+            config.baseUrl ??
+            `https://generativelanguage.googleapis.com/v1beta/models/${model}:generateContent`;
+        const systemMessage = this.buildSystemMessage(request.sourceText, request.context ?? config.context);
+        const body = {
+            system_instruction: { parts: [{ text: systemMessage }] },
+            contents: [{ role: 'user', parts: [{ text: request.prompt }] }],
+        };
+        const apiKey = config.apiKey;
+        if (!apiKey) {
+            return this.simulateResponse(request, config);
+        }
+        const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
+        const params = new HttpParams().set('key', apiKey);
+        return this.http
+            .post(baseUrl, body, { headers, params })
+            .pipe(map(res => res.candidates?.[0]?.content?.parts?.[0]?.text ?? ''));
+    }
+    simulateResponse(request, _config) {
+        const source = request.sourceText?.trim();
+        const prompt = request.prompt?.trim();
+        let response;
+        if (source && prompt) {
+            const truncated = source.length > 200 ? `${source.substring(0, 200)}…` : source;
+            response =
+                `Based on the following text:\n\n"${truncated}"\n\n` +
+                    `Here is the result for "${prompt}":\n\n${this.generatePlaceholderContent(prompt, source)}`;
+        }
+        else if (prompt) {
+            response = this.generatePlaceholderContent(prompt, '');
+        }
+        else {
+            response = 'Please provide a prompt describing what you would like me to write.';
+        }
+        return of(response).pipe(delay(1200));
+    }
+    generatePlaceholderContent(prompt, source) {
+        const lower = prompt.toLowerCase();
+        if (lower.includes('shorter') || lower.includes('concise') || lower.includes('summarize')) {
+            const sentences = source.split(/[.!?]+/).filter(s => s.trim());
+            if (sentences.length > 1) {
+                return `${sentences
+                    .slice(0, Math.ceil(sentences.length / 2))
+                    .join('. ')
+                    .trim()}.`;
+            }
+            return `${source.substring(0, Math.ceil(source.length * 0.6)).trim()}…`;
+        }
+        if (lower.includes('formal') || lower.includes('professional') || lower.includes('tone')) {
+            return `Dear Recipient,\n\nI hope this message finds you well. ${source || 'I am writing to follow up on our recent discussion.'}\n\nPlease do not hesitate to reach out should you require further information.\n\nBest regards`;
+        }
+        if (lower.includes('email') || lower.includes('draft') || lower.includes('write')) {
+            return `Subject: Follow-up\n\nHi there,\n\n${source || 'Thank you for your time. I wanted to reach out regarding the next steps.'}\n\nLooking forward to hearing from you.\n\nBest regards`;
+        }
+        return `[Simulated LLM response]\n\nPrompt: ${prompt}\n\nThis is a simulated response. To enable real LLM calls, provide an apiKey in the llmConfig input. The service supports OpenAI-compatible and Gemini endpoints.`;
+    }
+    buildSystemMessage(sourceText, context) {
+        const parts = [];
+        if (context) {
+            parts.push(context);
+        }
+        if (sourceText) {
+            parts.push(`The user is working with the following source text:\n\n"""${sourceText}"""`);
+        }
+        parts.push('Respond with only the requested content. Do not include explanations or preamble.');
+        return parts.join('\n\n');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiLlmService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiLlmService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiLlmService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class WriteWithAiComponent {
+    constructor() {
+        this.value = input('');
+        this.standalone = input(false);
+        this.defaultOpen = input(false);
+        this.fieldLabel = input('');
+        this.header = input('');
+        this.placeholder = input('');
+        this.promptValue = input('');
+        this.tags = input([]);
+        this.status = input('idle');
+        this.subheader = input(undefined);
+        this.llmConfig = input(undefined);
+        /** Layout: make the inner field stretch to fill its container height. */
+        this.fullHeight = input(false);
+        /** Layout: render the inner field without a visible border. */
+        this.borderless = input(false);
+        /** Opaque host metadata emitted with promptSubmit for backend integrations. */
+        this.metadata = input({});
+        this.valueChange = output();
+        this.promptChange = output();
+        this.promptSubmit = output();
+        this.cancelPending = output();
+        this.acceptResult = output();
+        this.requestRefine = output();
+        this.destroyRef = inject(DestroyRef);
+        this.llmService = inject(WriteWithAiLlmService);
+        this.uiTranslate = inject(UiTranslatePipe);
+        this.promptModel = signal('');
+        this.isPanelManuallyOpen = signal(false);
+        this.internalStatus = signal('idle');
+        this.internalValue = signal('');
+        this.cancelRequest$ = new Subject();
+        /** ControlValueAccessor: whether the form control is disabled. */
+        this.cvaDisabled = signal(false);
+        /** ControlValueAccessor callbacks. */
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.translationContext = 'WRITE_WITH_AI.';
+        this.labels = toSignal(combineLatest([
+            this.uiTranslate.transform(`${this.translationContext}CANCEL`),
+            this.uiTranslate.transform(`${this.translationContext}ACCEPT`),
+            this.uiTranslate.transform(`${this.translationContext}MAKE_CHANGES`),
+            this.uiTranslate.transform(`${this.translationContext}TRY_AGAIN`),
+        ]).pipe(map(([cancel, accept, makeChanges, tryAgain]) => ({ cancel, accept, makeChanges, tryAgain }))), { initialValue: { cancel: '', accept: '', makeChanges: '', tryAgain: '' } });
+        this.isDefaultMode = computed(() => this.llmConfig()?.default === true);
+        this.effectiveStatus = computed(() => (this.isDefaultMode() ? this.internalStatus() : this.status()));
+        this.effectiveValue = computed(() => (this.isDefaultMode() ? this.internalValue() : this.value()));
+        this.isPanelVisible = computed(() => this.standalone() || this.isPanelManuallyOpen());
+        this.promptTags = computed(() => this.tags().map(tag => ({ id: tag.id, label: tag.label, autocomplete: tag.description ?? '' })));
+        this.statusConfig = computed(() => {
+            const l = this.labels();
+            switch (this.effectiveStatus()) {
+                case 'loading':
+                    return {
+                        variant: 'loading',
+                        alertType: 'info',
+                        messageKey: `${this.translationContext}WRITING`,
+                        actions: [{ label: l.cancel, onClick: () => this.handleCancel() }],
+                    };
+                case 'success':
+                    return {
+                        variant: 'success',
+                        alertType: 'success',
+                        messageKey: `${this.translationContext}CONTENT_GENERATED`,
+                        actions: [
+                            { label: l.accept, onClick: () => this.handleAccept() },
+                            { label: l.makeChanges, onClick: () => this.handleRefine() },
+                        ],
+                    };
+                case 'error':
+                    return {
+                        variant: 'error',
+                        alertType: 'error',
+                        messageKey: `${this.translationContext}ERROR_MESSAGE`,
+                        actions: [{ label: l.tryAgain, onClick: () => this.handleRefine() }],
+                    };
+                default:
+                    return null;
+            }
+        });
+        this.promptModelData = computed(() => ({ text: this.promptModel(), files: [] }));
+        effect(() => {
+            const promptValue = this.promptValue();
+            const isDefault = this.isDefaultMode();
+            if (!isDefault) {
+                untracked(() => this.promptModel.set(promptValue));
+            }
+        });
+        effect(() => {
+            const value = this.value();
+            const isDefault = this.isDefaultMode();
+            if (isDefault) {
+                untracked(() => this.internalValue.set(value));
+            }
+        });
+    }
+    handlePromptModelChange(value) {
+        const text = typeof value === 'string' ? value : (value?.text ?? '');
+        this.promptModel.set(text);
+        this.promptChange.emit(text);
+    }
+    ngOnInit() {
+        if (this.defaultOpen()) {
+            this.isPanelManuallyOpen.set(true);
+        }
+    }
+    togglePanel() {
+        if (this.standalone()) {
+            return;
+        }
+        this.isPanelManuallyOpen.update(current => !current);
+    }
+    handleValueInput(value) {
+        if (this.isDefaultMode()) {
+            this.internalValue.set(value);
+        }
+        this.valueChange.emit(value);
+        this.onChange(value);
+        this.onTouched();
+    }
+    handlePromptSubmit(promptData) {
+        const prompt = typeof promptData === 'string' ? promptData : (promptData?.text ?? this.promptModel());
+        this.promptModel.set(prompt);
+        this.promptChange.emit(prompt);
+        const submitEvent = {
+            prompt,
+            content: this.effectiveValue(),
+            metadata: this.metadata(),
+        };
+        if (this.isDefaultMode()) {
+            this.executeDefaultFlow(prompt);
+        }
+        this.promptSubmit.emit(submitEvent);
+    }
+    handlePrimaryAction() {
+        const status = this.effectiveStatus();
+        if (status === 'loading') {
+            this.handleCancel();
+        }
+        else if (status === 'success') {
+            this.handleAccept();
+        }
+        else if (status === 'error') {
+            this.handleRefine();
+        }
+    }
+    handleSecondaryAction() {
+        if (this.effectiveStatus() === 'success') {
+            this.handleRefine();
+        }
+    }
+    // --- ControlValueAccessor ---
+    writeValue(value) {
+        const v = value ?? '';
+        if (this.isDefaultMode()) {
+            this.internalValue.set(v);
+        }
+        // For integration mode the host uses the [value] input directly,
+        // but we still keep internal state in sync for CVA consumers.
+        this.internalValue.set(v);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+    }
+    // --- Private helpers ---
+    executeDefaultFlow(prompt) {
+        const config = this.llmConfig();
+        if (!config) {
+            return;
+        }
+        this.cancelRequest$.next();
+        this.internalStatus.set('loading');
+        this.llmService
+            .generate({ sourceText: this.effectiveValue(), prompt, context: config.context }, config)
+            .pipe(takeUntil(this.cancelRequest$), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: result => {
+                this.internalValue.set(result);
+                this.valueChange.emit(result);
+                this.onChange(result);
+                this.internalStatus.set('success');
+            },
+            error: () => {
+                this.internalStatus.set('error');
+            },
+        });
+    }
+    handleCancel() {
+        if (this.isDefaultMode()) {
+            this.cancelRequest$.next();
+            this.internalStatus.set('idle');
+        }
+        this.cancelPending.emit();
+    }
+    handleAccept() {
+        if (this.isDefaultMode()) {
+            this.internalStatus.set('idle');
+            this.promptModel.set('');
+        }
+        if (!this.standalone()) {
+            this.isPanelManuallyOpen.set(false);
+        }
+        this.acceptResult.emit();
+    }
+    handleRefine() {
+        if (this.isDefaultMode()) {
+            this.internalStatus.set('idle');
+        }
+        this.requestRefine.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: WriteWithAiComponent, isStandalone: true, selector: "ui-write-with-ai", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, promptValue: { classPropertyName: "promptValue", publicName: "promptValue", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: true, isRequired: false, transformFunction: null }, llmConfig: { classPropertyName: "llmConfig", publicName: "llmConfig", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null }, metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", promptChange: "promptChange", promptSubmit: "promptSubmit", cancelPending: "cancelPending", acceptResult: "acceptResult", requestRefine: "requestRefine" }, host: { styleAttribute: "display: block" }, providers: [
+            UiTranslatePipe,
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => WriteWithAiComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n  class=\"write-with-ai\"\n  [class.write-with-ai--standalone]=\"standalone()\"\n  [class.write-with-ai--full-height]=\"fullHeight()\"\n>\n  @if (!standalone()) {\n    <div class=\"write-with-ai__host\">\n      <ui-field\n        [label]=\"fieldLabel() || (translationContext + 'FIELD_LABEL' | uiTranslate | async)!\"\n        type=\"textarea\"\n        [showBottomContent]=\"false\"\n        [fullHeight]=\"fullHeight()\"\n        [borderless]=\"borderless()\"\n        [disabled]=\"cvaDisabled()\"\n        [ngModel]=\"effectiveValue()\"\n        (ngModelChange)=\"handleValueInput($event)\"\n      ></ui-field>\n      <ui-button\n        class=\"write-with-ai__cta\"\n        variant=\"ghost-ai\"\n        size=\"small\"\n        [label]=\"(translationContext + 'AI_ASSIST' | uiTranslate | async)!\"\n        iconName=\"Sparkle-in-line\"\n        iconPosition=\"left\"\n        [disabled]=\"isPanelVisible() || cvaDisabled()\"\n        (buttonClickEvent)=\"togglePanel()\"\n      ></ui-button>\n    </div>\n  }\n\n  @if (isPanelVisible()) {\n    <section\n      class=\"write-with-ai__panel\"\n      [class.write-with-ai__panel--loading]=\"effectiveStatus() === 'loading'\"\n      role=\"region\"\n      [attr.aria-label]=\"(translationContext + 'AI_WRITING_ASSISTANT' | uiTranslate | async)!\"\n    >\n      <header class=\"write-with-ai__panel-header\">\n        <div class=\"write-with-ai__panel-heading\">\n          <div class=\"write-with-ai__title-row\">\n            @if (effectiveStatus() !== 'loading') {\n              <ui-icon class=\"write-with-ai__title-icon\" name=\"Sparkle-in-line\" color=\"ai\"></ui-icon>\n            }\n            <h4 class=\"write-with-ai__title\">\n              {{ header() || (translationContext + 'HEADER' | uiTranslate | async) }}\n            </h4>\n          </div>\n          @if (subheader()) {\n            <p class=\"write-with-ai__subheader\">{{ subheader() }}</p>\n          }\n        </div>\n        @if (!standalone()) {\n          <ui-button\n            variant=\"icon-button\"\n            iconName=\"Close\"\n            size=\"small\"\n            [tooltip]=\"(translationContext + 'CLOSE' | uiTranslate | async)!\"\n            [ariaLabel]=\"(translationContext + 'CLOSE_AI_ASSISTANT' | uiTranslate | async)!\"\n            (buttonClickEvent)=\"togglePanel()\"\n          ></ui-button>\n        }\n      </header>\n\n      @if (effectiveStatus() === 'idle') {\n        <div class=\"write-with-ai__prompt\">\n          <ui-prompt\n            [ngModel]=\"promptModelData()\"\n            (ngModelChange)=\"handlePromptModelChange($event)\"\n            [tags]=\"promptTags()\"\n            [placeholder]=\"placeholder() || (translationContext + 'PLACEHOLDER' | uiTranslate | async)!\"\n            [showSendButton]=\"true\"\n            (promptData)=\"handlePromptSubmit($event)\"\n          ></ui-prompt>\n        </div>\n      }\n\n      @if (statusConfig(); as cfg) {\n        <ui-alert-banner\n          [alertType]=\"cfg.alertType\"\n          alertVariant=\"callout\"\n          [message]=\"(cfg.messageKey | uiTranslate | async)!\"\n          [includeDismissButton]=\"false\"\n          [isLoading]=\"cfg.variant === 'loading'\"\n          [hasIcon]=\"cfg.variant !== 'loading'\"\n          [actions]=\"cfg.actions\"\n          [isFullWidth]=\"true\"\n        ></ui-alert-banner>\n      }\n\n      <div class=\"write-with-ai__caveat\">\n        <ui-ai-caveat></ui-ai-caveat>\n      </div>\n    </section>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.write-with-ai{display:flex;flex-direction:column;gap:8px;padding-top:8px;max-width:100%;overflow:hidden}.write-with-ai--full-height{height:100%}.write-with-ai--full-height .write-with-ai__host{flex:1}.write-with-ai__host{position:relative;display:flex;flex-direction:column}.write-with-ai__cta{position:absolute;right:8px;bottom:8px;z-index:1;background-color:#fff;border-radius:100px}.write-with-ai__panel{border:none;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:#f4f4f4}.write-with-ai__panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.write-with-ai__panel-heading{display:flex;flex-direction:column;gap:8px}.write-with-ai__title-row{display:flex;align-items:center;gap:8px}.write-with-ai__title{margin:0}.write-with-ai__subheader{margin:0;font-size:14px;line-height:22px;font-weight:400;color:#242424}.write-with-ai__quick-actions{display:flex;gap:8px;flex-wrap:wrap}.write-with-ai__prompt{display:flex;flex-direction:column;gap:4px}.write-with-ai__status-actions{display:flex;gap:8px;justify-content:flex-end}.write-with-ai__caveat{font-size:12px}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}:host ::ng-deep .write-with-ai__host textarea{padding-bottom:48px!important}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FieldComponentModule }, { kind: "component", type: i2.FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "ngmodule", type: PromptModule }, { kind: "component", type: i5.PromptComponent, selector: "ui-prompt", inputs: ["tags", "maxCharacters", "supportedFileTypes", "autoClear", "showSendButton", "enableFileUpload", "placeholder", "errorMessage"], outputs: ["promptData"] }, { kind: "ngmodule", type: AiCaveatComponentModule }, { kind: "component", type: i6.AiCaveatComponent, selector: "ui-ai-caveat", inputs: ["applicationTheme"] }, { kind: "ngmodule", type: AlertBannerComponentModule }, { kind: "component", type: i7.AlertBannerComponent, selector: "ui-alert-banner", inputs: ["alertType", "alertVariant", "message", "includeDismissButton", "shadow", "linkText", "linkUrl", "linkTarget", "actions", "applicationTheme", "isFullWidth", "closeButtonTooltip", "hasIcon", "isLoading", "fixed", "ariaDescribedby", "secondaryAlerts"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-write-with-ai', changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'display: block' }, providers: [
+                        UiTranslatePipe,
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WriteWithAiComponent),
+                            multi: true,
+                        },
+                    ], imports: [
+                        AsyncPipe,
+                        FormsModule,
+                        FieldComponentModule,
+                        ButtonComponentModule,
+                        IconComponentModule,
+                        PromptModule,
+                        AiCaveatComponentModule,
+                        AlertBannerComponentModule,
+                        UiTranslatePipe,
+                    ], template: "<div\n  class=\"write-with-ai\"\n  [class.write-with-ai--standalone]=\"standalone()\"\n  [class.write-with-ai--full-height]=\"fullHeight()\"\n>\n  @if (!standalone()) {\n    <div class=\"write-with-ai__host\">\n      <ui-field\n        [label]=\"fieldLabel() || (translationContext + 'FIELD_LABEL' | uiTranslate | async)!\"\n        type=\"textarea\"\n        [showBottomContent]=\"false\"\n        [fullHeight]=\"fullHeight()\"\n        [borderless]=\"borderless()\"\n        [disabled]=\"cvaDisabled()\"\n        [ngModel]=\"effectiveValue()\"\n        (ngModelChange)=\"handleValueInput($event)\"\n      ></ui-field>\n      <ui-button\n        class=\"write-with-ai__cta\"\n        variant=\"ghost-ai\"\n        size=\"small\"\n        [label]=\"(translationContext + 'AI_ASSIST' | uiTranslate | async)!\"\n        iconName=\"Sparkle-in-line\"\n        iconPosition=\"left\"\n        [disabled]=\"isPanelVisible() || cvaDisabled()\"\n        (buttonClickEvent)=\"togglePanel()\"\n      ></ui-button>\n    </div>\n  }\n\n  @if (isPanelVisible()) {\n    <section\n      class=\"write-with-ai__panel\"\n      [class.write-with-ai__panel--loading]=\"effectiveStatus() === 'loading'\"\n      role=\"region\"\n      [attr.aria-label]=\"(translationContext + 'AI_WRITING_ASSISTANT' | uiTranslate | async)!\"\n    >\n      <header class=\"write-with-ai__panel-header\">\n        <div class=\"write-with-ai__panel-heading\">\n          <div class=\"write-with-ai__title-row\">\n            @if (effectiveStatus() !== 'loading') {\n              <ui-icon class=\"write-with-ai__title-icon\" name=\"Sparkle-in-line\" color=\"ai\"></ui-icon>\n            }\n            <h4 class=\"write-with-ai__title\">\n              {{ header() || (translationContext + 'HEADER' | uiTranslate | async) }}\n            </h4>\n          </div>\n          @if (subheader()) {\n            <p class=\"write-with-ai__subheader\">{{ subheader() }}</p>\n          }\n        </div>\n        @if (!standalone()) {\n          <ui-button\n            variant=\"icon-button\"\n            iconName=\"Close\"\n            size=\"small\"\n            [tooltip]=\"(translationContext + 'CLOSE' | uiTranslate | async)!\"\n            [ariaLabel]=\"(translationContext + 'CLOSE_AI_ASSISTANT' | uiTranslate | async)!\"\n            (buttonClickEvent)=\"togglePanel()\"\n          ></ui-button>\n        }\n      </header>\n\n      @if (effectiveStatus() === 'idle') {\n        <div class=\"write-with-ai__prompt\">\n          <ui-prompt\n            [ngModel]=\"promptModelData()\"\n            (ngModelChange)=\"handlePromptModelChange($event)\"\n            [tags]=\"promptTags()\"\n            [placeholder]=\"placeholder() || (translationContext + 'PLACEHOLDER' | uiTranslate | async)!\"\n            [showSendButton]=\"true\"\n            (promptData)=\"handlePromptSubmit($event)\"\n          ></ui-prompt>\n        </div>\n      }\n\n      @if (statusConfig(); as cfg) {\n        <ui-alert-banner\n          [alertType]=\"cfg.alertType\"\n          alertVariant=\"callout\"\n          [message]=\"(cfg.messageKey | uiTranslate | async)!\"\n          [includeDismissButton]=\"false\"\n          [isLoading]=\"cfg.variant === 'loading'\"\n          [hasIcon]=\"cfg.variant !== 'loading'\"\n          [actions]=\"cfg.actions\"\n          [isFullWidth]=\"true\"\n        ></ui-alert-banner>\n      }\n\n      <div class=\"write-with-ai__caveat\">\n        <ui-ai-caveat></ui-ai-caveat>\n      </div>\n    </section>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.write-with-ai{display:flex;flex-direction:column;gap:8px;padding-top:8px;max-width:100%;overflow:hidden}.write-with-ai--full-height{height:100%}.write-with-ai--full-height .write-with-ai__host{flex:1}.write-with-ai__host{position:relative;display:flex;flex-direction:column}.write-with-ai__cta{position:absolute;right:8px;bottom:8px;z-index:1;background-color:#fff;border-radius:100px}.write-with-ai__panel{border:none;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:#f4f4f4}.write-with-ai__panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.write-with-ai__panel-heading{display:flex;flex-direction:column;gap:8px}.write-with-ai__title-row{display:flex;align-items:center;gap:8px}.write-with-ai__title{margin:0}.write-with-ai__subheader{margin:0;font-size:14px;line-height:22px;font-weight:400;color:#242424}.write-with-ai__quick-actions{display:flex;gap:8px;flex-wrap:wrap}.write-with-ai__prompt{display:flex;flex-direction:column;gap:4px}.write-with-ai__status-actions{display:flex;gap:8px;justify-content:flex-end}.write-with-ai__caveat{font-size:12px}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}:host ::ng-deep .write-with-ai__host textarea{padding-bottom:48px!important}\n"] }]
+        }], ctorParameters: () => [] });
+
+class WriteWithAiComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponentModule, imports: [WriteWithAiComponent], exports: [WriteWithAiComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponentModule, imports: [WriteWithAiComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WriteWithAiComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [WriteWithAiComponent],
+                    exports: [WriteWithAiComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WriteWithAiComponent, WriteWithAiComponentModule, WriteWithAiLlmService };
+//# sourceMappingURL=testgorilla-tgo-ui-components-write-with-ai.mjs.map