@testgorilla/tgo-ui 11.22.2 → 12.0.0

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

@@ -1,578 +1,1227 @@
-import { CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { AsyncPipe, NgClass, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { signal, input, booleanAttribute, output, computed, inject, DestroyRef, effect, viewChild, forwardRef, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MatTooltip } from '@angular/material/tooltip';
-import { debounceTime, fromEvent, map, tap, firstValueFrom } from 'rxjs';
-import { BadgeComponent, BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';
-import { ButtonComponent, ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import { FieldComponent, FieldComponentModule } from '@testgorilla/tgo-ui/components/field';
-import { IconComponent, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import { OverflowMenuComponent, OverflowMenuComponentModule } from '@testgorilla/tgo-ui/components/overflow-menu';
-import { PopoverDirective } from '@testgorilla/tgo-ui/components/popover';
-import { SkeletonComponent } from '@testgorilla/tgo-ui/components/skeleton';
-import { TagComponent, TagComponentModule } from '@testgorilla/tgo-ui/components/tag';
-import { CdkTextareaAutosize } from '@angular/cdk/text-field';
-import { CardComponentModule } from '@testgorilla/tgo-ui/components/card';
-import { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';
-
-/** Throttles outward `ControlValueAccessor` emissions only; the signal write is synchronous. */
+import { CdkConnectedOverlay, CdkOverlayOrigin } from "@angular/cdk/overlay";
+import { AsyncPipe, CommonModule, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Input, NgModule, booleanAttribute, computed, effect, forwardRef, inject, input, output, signal, viewChild } from "@angular/core";
+import { takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { MatTooltip } from "@angular/material/tooltip";
+import { debounceTime, firstValueFrom, fromEvent, map, tap } from "rxjs";
+import { BadgeComponent, BadgeComponentModule } from "@testgorilla/tgo-ui/components/badge";
+import { ButtonComponent, ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import { FieldComponent, FieldComponentModule } from "@testgorilla/tgo-ui/components/field";
+import { IconComponent, IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import { OverflowMenuComponent, OverflowMenuComponentModule } from "@testgorilla/tgo-ui/components/overflow-menu";
+import { PopoverDirective } from "@testgorilla/tgo-ui/components/popover";
+import { SkeletonComponent } from "@testgorilla/tgo-ui/components/skeleton";
+import { TagComponent, TagComponentModule } from "@testgorilla/tgo-ui/components/tag";
+import { CdkTextareaAutosize } from "@angular/cdk/text-field";
+import { CardComponentModule } from "@testgorilla/tgo-ui/components/card";
+import { TooltipComponentModule } from "@testgorilla/tgo-ui/components/tooltip";
 const INPUT_EMIT_DEBOUNCE_MS = 200;
-/** Window after `compositionend` in which an Enter still counts as committing an IME candidate. */
 const IME_COMMIT_GRACE_MS = 50;
-const CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS = 1000;
-const CHARACTER_COUNT_ANNOUNCE_THRESHOLD = 0.1;
+const CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS = 1e3;
+const CHARACTER_COUNT_ANNOUNCE_THRESHOLD = .1;
 let nextActionsMenuId = 0;
-/** `undefined` falls back to the default icon; `null` means no icon. */
-const resolveIcon = (icon, fallback) => icon === null ? '' : (icon ?? fallback);
-class PromptComponent {
-    constructor() {
-        this.disabledState = signal(false, ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
-        this.tags = input([], ...(ngDevMode ? [{ debugName: "tags" }] : /* istanbul ignore next */ []));
-        this.actionTag = input(null, ...(ngDevMode ? [{ debugName: "actionTag" }] : /* istanbul ignore next */ []));
-        /** Tag rendered next to the action tag or file upload button, e.g. "Find similar profile". */
-        this.secondaryActionTag = input(null, ...(ngDevMode ? [{ debugName: "secondaryActionTag" }] : /* istanbul ignore next */ []));
-        /**
-         * Collapses `actionTag` and `secondaryActionTag` behind a Plus button that opens a menu listing
-         * them; the button turns into a Close button while the menu is open.
-         */
-        this.collapseActionTags = input(false, { ...(ngDevMode ? { debugName: "collapseActionTags" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.maxCharacters = input(255, ...(ngDevMode ? [{ debugName: "maxCharacters" }] : /* istanbul ignore next */ []));
-        this.supportedFileTypes = input('', ...(ngDevMode ? [{ debugName: "supportedFileTypes" }] : /* istanbul ignore next */ []));
-        this.autoClear = input(true, ...(ngDevMode ? [{ debugName: "autoClear" }] : /* istanbul ignore next */ []));
-        this.showSendButton = input(false, ...(ngDevMode ? [{ debugName: "showSendButton" }] : /* istanbul ignore next */ []));
-        this.sendButtonDisabled = input(false, { ...(ngDevMode ? { debugName: "sendButtonDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.enableFileUpload = input(false, ...(ngDevMode ? [{ debugName: "enableFileUpload" }] : /* istanbul ignore next */ []));
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Placeholder for the prompt.
-         */
-        this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        /**
-         * Custom error message displayed below the prompt.
-         */
-        this.errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        /** Items for the built-in dropdown; opens on focus, filters by label as the user types. */
-        this.dropdownItems = input([], ...(ngDevMode ? [{ debugName: "dropdownItems" }] : /* istanbul ignore next */ []));
-        this.dropdownHeading = input('', ...(ngDevMode ? [{ debugName: "dropdownHeading" }] : /* istanbul ignore next */ []));
-        this.showDropdownClose = input(false, { ...(ngDevMode ? { debugName: "showDropdownClose" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Whether to display a live `used / max` character count in the footer.
-         */
-        this.showCharacterCount = input(false, { ...(ngDevMode ? { debugName: "showCharacterCount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Lighter hint rendered right after the typed text to flag what is still missing, e.g. "Add location".
-         * Display-only: it is never inserted into the value, and Tab does not accept it.
-         */
-        this.helpText = input('', ...(ngDevMode ? [{ debugName: "helpText" }] : /* istanbul ignore next */ []));
-        this.promptData = output();
-        this.actionTagFileSelected = output();
-        this.secondaryActionTagPress = output();
-        this.dropdownItemSelected = output();
-        this.dropdownClosed = output();
-        this.promptFilesList = signal([], ...(ngDevMode ? [{ debugName: "promptFilesList" }] : /* istanbul ignore next */ []));
-        this.promptTextValue = signal('', ...(ngDevMode ? [{ debugName: "promptTextValue" }] : /* istanbul ignore next */ []));
-        this.fileListMenuConfig = signal([], ...(ngDevMode ? [{ debugName: "fileListMenuConfig" }] : /* istanbul ignore next */ []));
-        this.tagsVisible = signal([], ...(ngDevMode ? [{ debugName: "tagsVisible" }] : /* istanbul ignore next */ []));
-        this.tagsInDropdown = signal([], ...(ngDevMode ? [{ debugName: "tagsInDropdown" }] : /* istanbul ignore next */ []));
-        this.autocompleteSuggestion = signal('', ...(ngDevMode ? [{ debugName: "autocompleteSuggestion" }] : /* istanbul ignore next */ []));
-        this.isDropdownOpened = signal(false, ...(ngDevMode ? [{ debugName: "isDropdownOpened" }] : /* istanbul ignore next */ []));
-        this.actionsMenuId = `ui-prompt-actions-menu-${nextActionsMenuId++}`;
-        this.keepDropdownClosed = signal(false, ...(ngDevMode ? [{ debugName: "keepDropdownClosed" }] : /* istanbul ignore next */ []));
-        this.isFieldHovered = signal(false, ...(ngDevMode ? [{ debugName: "isFieldHovered" }] : /* istanbul ignore next */ []));
-        this.isFieldFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFieldFocused" }] : /* istanbul ignore next */ []));
-        /** True while an IME candidate window is open (CJK input). */
-        this.composing = signal(false, ...(ngDevMode ? [{ debugName: "composing" }] : /* istanbul ignore next */ []));
-        this.compositionEndedAt = 0;
-        this.filteredDropdownItems = computed(() => {
-            const query = this.promptTextValue().trim().toLowerCase();
-            return this.dropdownItems().filter(item => {
-                const label = item.label.toLowerCase();
-                return label !== query && (!query || label.includes(query));
-            });
-        }, ...(ngDevMode ? [{ debugName: "filteredDropdownItems" }] : /* istanbul ignore next */ []));
-        // Derived from focus so blur closes the overlay for free.
-        this.itemsDropdownVisible = computed(() => this.isFieldFocused() && !this.keepDropdownClosed() && this.filteredDropdownItems().length > 0 && !this.isLocked(), ...(ngDevMode ? [{ debugName: "itemsDropdownVisible" }] : /* istanbul ignore next */ []));
-        /** True while focus sits anywhere inside the prompt. */
-        this.isContainerFocused = signal(false, ...(ngDevMode ? [{ debugName: "isContainerFocused" }] : /* istanbul ignore next */ []));
-        this.isHighlighted = computed(() => this.isFieldHovered() || this.isContainerFocused(), ...(ngDevMode ? [{ debugName: "isHighlighted" }] : /* istanbul ignore next */ []));
-        this.showFocusRing = computed(() => this.isHighlighted() && !this.loading(), ...(ngDevMode ? [{ debugName: "showFocusRing" }] : /* istanbul ignore next */ []));
-        this.fileInputAccept = computed(() => this.actionTag()?.acceptedFileTypes ?? this.supportedFileTypes(), ...(ngDevMode ? [{ debugName: "fileInputAccept" }] : /* istanbul ignore next */ []));
-        this.isLocked = computed(() => this.disabledState() || this.loading(), ...(ngDevMode ? [{ debugName: "isLocked" }] : /* istanbul ignore next */ []));
-        /** Hidden on an empty prompt (the placeholder owns that state) and behind a tag's autocomplete suggestion. */
-        this.visibleHelpText = computed(() => this.promptTextValue() && !this.autocompleteSuggestion() && !this.isLocked() ? this.helpText().trim() : '', ...(ngDevMode ? [{ debugName: "visibleHelpText" }] : /* istanbul ignore next */ []));
-        this.actionTagIcon = computed(() => resolveIcon(this.actionTag()?.icon, 'Plus'), ...(ngDevMode ? [{ debugName: "actionTagIcon" }] : /* istanbul ignore next */ []));
-        this.actionTagMenuTrailingIcon = computed(() => resolveIcon(this.actionTag()?.menuTrailingIcon, 'Plus'), ...(ngDevMode ? [{ debugName: "actionTagMenuTrailingIcon" }] : /* istanbul ignore next */ []));
-        this.secondaryActionTagMenuTrailingIcon = computed(() => resolveIcon(this.secondaryActionTag()?.menuTrailingIcon, 'Arrow-chevron-right-in-line'), ...(ngDevMode ? [{ debugName: "secondaryActionTagMenuTrailingIcon" }] : /* istanbul ignore next */ []));
-        /** Menu items sorted by `menuOrder`; a stable sort keeps the default order for ties and omissions. */
-        this.actionsMenuEntries = computed(() => {
-            const secondary = this.secondaryActionTag();
-            const action = this.actionTag();
-            const entries = [];
-            if (secondary) {
-                entries.push({ kind: 'secondary', tag: secondary, trailingIcon: this.secondaryActionTagMenuTrailingIcon() });
-            }
-            if (action) {
-                entries.push({ kind: 'action', tag: action, trailingIcon: this.actionTagMenuTrailingIcon() });
-            }
-            return entries.sort((a, b) => (a.tag.menuOrder ?? Infinity) - (b.tag.menuOrder ?? Infinity));
-        }, ...(ngDevMode ? [{ debugName: "actionsMenuEntries" }] : /* istanbul ignore next */ []));
-        this.isActionsMenuOpen = computed(() => this.actionsPopover()?.isOpen() ?? false, ...(ngDevMode ? [{ debugName: "isActionsMenuOpen" }] : /* istanbul ignore next */ []));
-        this.showActionsMenuTrigger = computed(() => this.collapseActionTags() && Boolean(this.actionTag() ?? this.secondaryActionTag()), ...(ngDevMode ? [{ debugName: "showActionsMenuTrigger" }] : /* istanbul ignore next */ []));
-        this.hasContent = computed(() => Boolean(this.promptTextValue().trim()) || this.promptFilesList().length > 0, ...(ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []));
-        /**
-         * Shared by the Send button's disabled state and the Enter shortcut, so they cannot disagree.
-         * Ignores `showSendButton` on purpose: this is whether submission is allowed, not whether a
-         * button is rendered.
-         */
-        this.canSubmit = computed(() => !this.isLocked() && !this.sendButtonDisabled() && this.hasContent(), ...(ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []));
-        this.isOverCharacterLimit = computed(() => this.promptTextValue().length > this.maxCharacters(), ...(ngDevMode ? [{ debugName: "isOverCharacterLimit" }] : /* istanbul ignore next */ []));
-        this.announcedTextValue = toSignal(toObservable(computed(() => (this.showCharacterCount() ? this.promptTextValue() : ''))).pipe(debounceTime(CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS)), { initialValue: '' });
-        this.characterCountAnnouncement = computed(() => {
-            if (!this.showCharacterCount()) {
-                return null;
-            }
-            const max = this.maxCharacters();
-            const remaining = max - this.announcedTextValue().length;
-            if (remaining < 0) {
-                return { key: 'PROMPT.CHARACTERS_OVER_LIMIT', params: { count: -remaining } };
-            }
-            if (remaining <= max * CHARACTER_COUNT_ANNOUNCE_THRESHOLD) {
-                return { key: 'PROMPT.CHARACTERS_REMAINING', params: { count: remaining } };
-            }
-            return null;
-        }, ...(ngDevMode ? [{ debugName: "characterCountAnnouncement" }] : /* istanbul ignore next */ []));
-        this.destroyRef = inject(DestroyRef);
-        this.translationPipe = inject(UiTranslatePipe);
-        this.resetOnLock = effect(() => {
-            if (this.isLocked()) {
-                this.isDropdownOpened.set(false);
-                this.actionsPopover()?.close();
-                this.isFieldFocused.set(false);
-                this.isFieldHovered.set(false);
-                this.isContainerFocused.set(false);
-                this.autocompleteSuggestion.set('');
-                this.composing.set(false);
-            }
-        }, ...(ngDevMode ? [{ debugName: "resetOnLock" }] : /* istanbul ignore next */ []));
-        this.fileDrop = viewChild('fileDropRef', ...(ngDevMode ? [{ debugName: "fileDrop" }] : /* istanbul ignore next */ []));
-        this.tagDropdown = viewChild('tagDropdown', ...(ngDevMode ? [{ debugName: "tagDropdown" }] : /* istanbul ignore next */ []));
-        this.fieldComponentRef = viewChild.required('textarea');
-        this.promptContainer = viewChild.required('promptContainerRef');
-        this.actionsPopover = viewChild(PopoverDirective, ...(ngDevMode ? [{ debugName: "actionsPopover" }] : /* istanbul ignore next */ []));
-        this.actionsMenu = viewChild('actionsMenu', ...(ngDevMode ? [{ debugName: "actionsMenu" }] : /* istanbul ignore next */ []));
-        this.dropdownPositions = [
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-            },
-        ];
-        this.onChange = (_value) => { };
-        this.onTouch = () => { };
-    }
-    /**
-     * Whether the prompt is disabled.
-     * @type {boolean}
-     * @memberof PromptComponent
-     */
-    get disabled() {
-        return this.disabledState();
-    }
-    set disabled(value) {
-        this.setDisabledState(value);
-    }
-    ngOnInit() {
-        this.initTags();
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            this.syncInputChange();
-        }, 0);
-    }
-    async uploadFile(event) {
-        const files = event.currentTarget.files;
-        if (files?.length) {
-            this.promptFilesList.update(list => {
-                list.push(files.item(0));
-                return list;
-            });
-            this.emitValue();
-            await this.updateFileMenu();
-        }
-    }
-    sendPromptData() {
-        if (!this.canSubmit()) {
-            return;
-        }
-        this.promptData.emit({ text: this.promptTextValue() || '', files: this.promptFilesList() });
-        if (this.autoClear()) {
-            this.clearPromptData();
-        }
-    }
-    selectedMenuOption(menuOptionValue) {
-        const updatedConfig = this.fileListMenuConfig().filter(menu => menu.value !== menuOptionValue);
-        const updatedFileList = this.promptFilesList().filter(file => file.name !== menuOptionValue);
-        this.promptFilesList.set(updatedFileList);
-        this.fileListMenuConfig.set(updatedConfig);
-    }
-    selectTag(tag, event) {
-        if (this.isLocked()) {
-            return;
-        }
-        event.stopPropagation();
-        event.preventDefault();
-        this.isDropdownOpened.set(false);
-        this.promptTextValue.set(tag.label);
-        this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);
-        this.fieldComponentRef().field.nativeElement.focus();
-        this.onTouch();
-    }
-    onTextareaTab(event) {
-        if (this.isLocked()) {
-            return;
-        }
-        if (this.autocompleteSuggestion()) {
-            event.preventDefault();
-            this.promptTextValue.set(this.autocompleteSuggestion());
-            this.autocompleteSuggestion.set('');
-        }
-    }
-    onTextareaEnter(event) {
-        const keyboardEvent = event;
-        // Three checks because browsers disagree on when `compositionend` fires relative to the
-        // Enter that commits an IME candidate: Chrome/Firefox after, Safari before, Android during.
-        if (keyboardEvent.isComposing || this.composing() || Date.now() - this.compositionEndedAt < IME_COMMIT_GRACE_MS) {
-            return;
-        }
-        // Unconditional, so a blocked Enter is swallowed rather than inserting a newline.
-        event.preventDefault();
-        this.sendPromptData();
-    }
-    dropdownOutsideClick() {
-        this.isDropdownOpened.set(false);
-    }
-    onFieldBlur() {
-        this.isFieldFocused.set(false);
-    }
-    onContainerFocusIn() {
-        this.isContainerFocused.set(true);
-    }
-    onContainerFocusOut(event) {
-        const next = event.relatedTarget;
-        if (next instanceof Node && this.promptContainer().nativeElement.contains(next)) {
-            return;
-        }
-        this.isContainerFocused.set(false);
-    }
-    itemsDropdownOutsideClick(event) {
-        if (this.promptContainer().nativeElement.contains(event.target)) {
-            return;
-        }
-        this.isFieldFocused.set(false);
-        this.dropdownClosed.emit();
-    }
-    closeItemsDropdown() {
-        this.keepDropdownClosed.set(true);
-        this.dropdownClosed.emit();
-    }
-    onTextareaEscape(event) {
-        if (this.itemsDropdownVisible()) {
-            // Consume it only when it dismissed the dropdown, so an Escape with nothing open still
-            // reaches an enclosing ui-dialog / ui-side-sheet.
-            event.stopPropagation();
-            this.closeItemsDropdown();
-        }
-    }
-    selectDropdownItem(item, event) {
-        if (this.isLocked()) {
-            return;
-        }
-        event.stopPropagation();
-        event.preventDefault();
-        this.keepDropdownClosed.set(true);
-        this.promptTextValue.set(item.label);
-        this.autocompleteSuggestion.set('');
-        this.fieldComponentRef().field.nativeElement.focus();
-        this.dropdownItemSelected.emit(item);
-        this.emitValue();
-    }
-    toggleDropdown() {
-        if (this.isLocked()) {
-            return;
-        }
-        this.isDropdownOpened.set(!this.isDropdownOpened());
-    }
-    focusTagDropdown() {
-        setTimeout(() => {
-            this.tagDropdown()?.nativeElement.focus();
-        }, 300);
-    }
-    syncInputChange() {
-        if (!this.fieldComponentRef()?.field?.nativeElement) {
-            return;
-        }
-        const textarea = this.fieldComponentRef().field.nativeElement;
-        fromEvent(textarea, 'input')
-            .pipe(map((event) => event.target.value), 
-        // Synchronous, so Enter and the Send button never observe a stale value.
-        tap(value => {
-            this.promptTextValue.set(value);
-            this.keepDropdownClosed.set(false);
-            if (this.autocompleteSuggestion()) {
-                this.autocompleteSuggestion.set('');
-            }
-        }), debounceTime(INPUT_EMIT_DEBOUNCE_MS), tap(() => this.emitValue()), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
-        fromEvent(textarea, 'compositionstart')
-            .pipe(tap(() => this.composing.set(true)), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
-        fromEvent(textarea, 'compositionend')
-            .pipe(tap(() => {
-            this.composing.set(false);
-            this.compositionEndedAt = Date.now();
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
-    }
-    initTags() {
-        if (!this.tags()?.length) {
-            return;
-        }
-        if (this.tags().length <= 5) {
-            this.tagsVisible.set(this.tags());
-            return;
-        }
-        this.tagsVisible.set(this.tags().slice(0, 5));
-        this.tagsInDropdown.set(this.tags().slice(5));
-    }
-    async updateFileMenu() {
-        const menuConfig = [];
-        const tooltip = await firstValueFrom(this.translationPipe.transform('COMMON.DELETE'));
-        this.promptFilesList().forEach(file => {
-            menuConfig.push({
-                label: file.name,
-                value: file.name,
-                icon: 'Delete',
-                tooltipText: tooltip,
-            });
-        });
-        this.fileListMenuConfig.set(menuConfig);
-    }
-    clearPromptData() {
-        this.promptTextValue.set('');
-        this.promptFilesList.set([]);
-        this.fileListMenuConfig.set([]);
-    }
-    writeValue(value) {
-        this.promptTextValue.set(value?.text ?? '');
-        this.promptFilesList.set(value?.files ?? []);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouch = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabledState.set(isDisabled);
-    }
-    async onFileSelected(event) {
-        if (this.isLocked()) {
-            return;
-        }
-        if (this.actionTag()) {
-            this.handleActionTagFile(event);
-        }
-        else {
-            await this.uploadFile(event);
-        }
-    }
-    onActionTagPress() {
-        if (this.isLocked() || this.actionTag()?.disabled) {
-            return;
-        }
-        this.fileDrop()?.nativeElement.click();
-    }
-    onSecondaryActionTagPress() {
-        if (this.isLocked() || this.secondaryActionTag()?.disabled) {
-            return;
-        }
-        this.secondaryActionTagPress.emit();
-    }
-    /** The popover's focus trap hands focus back to the Plus button when the menu closes. */
-    closeActionsMenu() {
-        this.actionsPopover()?.close();
-    }
-    onActionsMenuKeydown(event) {
-        const items = this.actionsMenuItems();
-        const current = items.indexOf(document.activeElement);
-        const focusAt = (index) => {
-            event.preventDefault();
-            items[(index + items.length) % items.length]?.focus();
-        };
-        switch (event.key) {
-            case 'ArrowDown':
-                focusAt(current + 1);
-                break;
-            case 'ArrowUp':
-                focusAt(current - 1);
-                break;
-            case 'Home':
-                focusAt(0);
-                break;
-            case 'End':
-                focusAt(items.length - 1);
-                break;
-            case 'Escape':
-                // Consumed so an enclosing ui-dialog / ui-side-sheet does not close as well.
-                event.preventDefault();
-                event.stopPropagation();
-                this.closeActionsMenu();
-                break;
-        }
-    }
-    selectActionsMenuEntry(entry, event) {
-        if (entry.kind === 'action') {
-            this.selectActionTagFromMenu(event);
-        }
-        else {
-            this.selectSecondaryActionTagFromMenu(event);
-        }
-    }
-    selectActionTagFromMenu(event) {
-        event.preventDefault();
-        if (this.actionTag()?.disabled) {
-            return;
-        }
-        this.closeActionsMenu();
-        this.onActionTagPress();
-    }
-    selectSecondaryActionTagFromMenu(event) {
-        event.preventDefault();
-        if (this.secondaryActionTag()?.disabled) {
-            return;
-        }
-        this.closeActionsMenu();
-        this.onSecondaryActionTagPress();
-    }
-    actionsMenuItems() {
-        const menu = this.actionsMenu()?.nativeElement;
-        return menu ? Array.from(menu.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [];
-    }
-    handleActionTagFile(event) {
-        const inputEl = event.currentTarget;
-        const file = inputEl.files?.item(0) ?? null;
-        if (file) {
-            this.actionTagFileSelected.emit(file);
-        }
-        inputEl.value = '';
-    }
-    emitValue() {
-        this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });
-        this.onTouch();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PromptComponent, isStandalone: true, selector: "ui-prompt", inputs: { tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, actionTag: { classPropertyName: "actionTag", publicName: "actionTag", isSignal: true, isRequired: false, transformFunction: null }, secondaryActionTag: { classPropertyName: "secondaryActionTag", publicName: "secondaryActionTag", isSignal: true, isRequired: false, transformFunction: null }, collapseActionTags: { classPropertyName: "collapseActionTags", publicName: "collapseActionTags", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, supportedFileTypes: { classPropertyName: "supportedFileTypes", publicName: "supportedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, showSendButton: { classPropertyName: "showSendButton", publicName: "showSendButton", isSignal: true, isRequired: false, transformFunction: null }, sendButtonDisabled: { classPropertyName: "sendButtonDisabled", publicName: "sendButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, enableFileUpload: { classPropertyName: "enableFileUpload", publicName: "enableFileUpload", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, dropdownItems: { classPropertyName: "dropdownItems", publicName: "dropdownItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownHeading: { classPropertyName: "dropdownHeading", publicName: "dropdownHeading", isSignal: true, isRequired: false, transformFunction: null }, showDropdownClose: { classPropertyName: "showDropdownClose", publicName: "showDropdownClose", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { promptData: "promptData", actionTagFileSelected: "actionTagFileSelected", secondaryActionTagPress: "secondaryActionTagPress", dropdownItemSelected: "dropdownItemSelected", dropdownClosed: "dropdownClosed" }, providers: [
-            UiTranslatePipe,
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PromptComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "fileDrop", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }, { propertyName: "tagDropdown", first: true, predicate: ["tagDropdown"], descendants: true, isSignal: true }, { propertyName: "fieldComponentRef", first: true, predicate: ["textarea"], descendants: true, isSignal: true }, { propertyName: "promptContainer", first: true, predicate: ["promptContainerRef"], descendants: true, isSignal: true }, { propertyName: "actionsPopover", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }, { propertyName: "actionsMenu", first: true, predicate: ["actionsMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n      @if (visibleHelpText(); as help) {\n        <!-- The mirror repeats the typed text invisibly so the hint lands right after its last character. -->\n        <div class=\"ghost prompt-help-text\" aria-hidden=\"true\">\n          <span class=\"prompt-help-text-mirror\">{{ promptTextValue() }}</span\n          ><span class=\"prompt-help-text-hint\">{{ ' ' + help }}</span>\n        </div>\n      }\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\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        [ariaDescribedby]=\"visibleHelpText()\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (showActionsMenuTrigger()) {\n          <ui-button\n            [uiPopover]=\"actionsMenuTemplate\"\n            [popoverTrigger]=\"'click'\"\n            [popoverCardSize]=\"'small'\"\n            [popoverAlign]=\"'start'\"\n            [popoverOffset]=\"8\"\n            [popoverAriaLabel]=\"('COMMON.ADD' | uiTranslate | async)!\"\n            [uiPopoverDisabled]=\"isLocked()\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"isActionsMenuOpen() ? 'Close' : 'Plus'\"\n            [tooltip]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [ariaExpanded]=\"isActionsMenuOpen()\"\n            [ariaControls]=\"isActionsMenuOpen() ? actionsMenuId : undefined\"\n            [disabled]=\"isLocked()\"\n          ></ui-button>\n\n          <ng-template #actionsMenuTemplate>\n            <div\n              class=\"actions-menu\"\n              role=\"menu\"\n              #actionsMenu\n              [id]=\"actionsMenuId\"\n              (keydown)=\"onActionsMenuKeydown($event)\"\n            >\n              @for (entry of actionsMenuEntries(); track entry.kind) {\n                <div\n                  class=\"actions-menu-item\"\n                  role=\"menuitem\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"entry.tag.ariaLabel ?? entry.tag.label\"\n                  [attr.aria-disabled]=\"entry.tag.disabled ? 'true' : null\"\n                  (click)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.enter)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.space)=\"selectActionsMenuEntry(entry, $event)\"\n                >\n                  @if (entry.tag.icon) {\n                    <ui-icon class=\"actions-menu-item-icon\" [name]=\"entry.tag.icon\" [color]=\"'inherit'\"></ui-icon>\n                  }\n                  <span class=\"actions-menu-item-label\">{{ entry.tag.label }}</span>\n                  @if (entry.trailingIcon) {\n                    <ui-icon\n                      class=\"actions-menu-item-trailing\"\n                      [name]=\"entry.trailingIcon\"\n                      [color]=\"'inherit'\"\n                    ></ui-icon>\n                  }\n                </div>\n              }\n            </div>\n          </ng-template>\n        }\n\n        @if (actionTag(); as at) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              [label]=\"at.label\"\n              [icon]=\"actionTagIcon()\"\n              [ariaLabel]=\"at.ariaLabel ?? at.label\"\n              [isDisabled]=\"isLocked() || !!at.disabled\"\n              (press)=\"onActionTagPress()\"\n            ></ui-tag>\n          }\n        } @else 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            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\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\n        @if (secondaryActionTag(); as sat) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              class=\"prompt-secondary-action-tag\"\n              [label]=\"sat.label\"\n              [icon]=\"sat.icon ?? ''\"\n              [ariaLabel]=\"sat.ariaLabel ?? sat.label\"\n              [isDisabled]=\"isLocked() || !!sat.disabled\"\n              (press)=\"onSecondaryActionTagPress()\"\n            ></ui-tag>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\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                [isDisabled]=\"isLocked()\"\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                [disabled]=\"isLocked()\"\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]=\"isLocked() || 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                isLocked() ||\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 (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\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]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></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() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\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\n  <!-- Built-in items dropdown (UI-877) \u2014 opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\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}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}.actions-menu{min-width:228px;margin:-8px}.actions-menu-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.actions-menu-item:hover,.actions-menu-item:focus-visible{background-color:#fff2fc}.actions-menu-item[aria-disabled=true]{color:#d3d3d3;background-color:transparent;cursor:default}.actions-menu-item-icon,.actions-menu-item-trailing{flex-shrink:0}.actions-menu-item-label{flex:1;white-space:nowrap}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}.prompt-help-text{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.prompt-help-text-mirror{color:transparent}.prompt-help-text-hint{color:#919191}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: 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", "testId", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "component", type: TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "pinnedBackground", "constrainWidth", "isDisabled", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "showBadge", "notificationsAmount"], outputs: ["isSelectedChange", "close", "press"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "staticLabel", "icon", "iconColor", "trailingIcon", "trailingIconColor", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "component", type: OverflowMenuComponent, selector: "ui-overflow-menu", inputs: ["buttons", "iconTrigger", "menuLabel", "applicationTheme", "ariaLabel", "testId", "ariaRequired", "describedby", "contentTemplateRef", "buttonVariant", "buttonSize", "menuConfig", "selectionMode", "menuAnchor", "shouldMatchAnchorWidth", "isDynamicMenu", "withRemovableOption"], outputs: ["selectItem", "menuOpened", "menuClosed"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[uiPopover]", inputs: ["uiPopover", "popoverOffset", "popoverAlign", "popoverOpen", "popoverCard", "popoverCardSize", "popoverTrigger", "popoverAriaLabel", "uiPopoverDisabled"], exportAs: ["uiPopover"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PromptComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-prompt', providers: [
-                        UiTranslatePipe,
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PromptComponent),
-                            multi: true,
-                        },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CdkOverlayOrigin,
-                        NgClass,
-                        SkeletonComponent,
-                        IconComponent,
-                        FieldComponent,
-                        TagComponent,
-                        ButtonComponent,
-                        BadgeComponent,
-                        OverflowMenuComponent,
-                        MatTooltip,
-                        CdkConnectedOverlay,
-                        PopoverDirective,
-                        AsyncPipe,
-                        UiTranslatePipe,
-                    ], template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n      @if (visibleHelpText(); as help) {\n        <!-- The mirror repeats the typed text invisibly so the hint lands right after its last character. -->\n        <div class=\"ghost prompt-help-text\" aria-hidden=\"true\">\n          <span class=\"prompt-help-text-mirror\">{{ promptTextValue() }}</span\n          ><span class=\"prompt-help-text-hint\">{{ ' ' + help }}</span>\n        </div>\n      }\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\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        [ariaDescribedby]=\"visibleHelpText()\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (showActionsMenuTrigger()) {\n          <ui-button\n            [uiPopover]=\"actionsMenuTemplate\"\n            [popoverTrigger]=\"'click'\"\n            [popoverCardSize]=\"'small'\"\n            [popoverAlign]=\"'start'\"\n            [popoverOffset]=\"8\"\n            [popoverAriaLabel]=\"('COMMON.ADD' | uiTranslate | async)!\"\n            [uiPopoverDisabled]=\"isLocked()\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"isActionsMenuOpen() ? 'Close' : 'Plus'\"\n            [tooltip]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [ariaExpanded]=\"isActionsMenuOpen()\"\n            [ariaControls]=\"isActionsMenuOpen() ? actionsMenuId : undefined\"\n            [disabled]=\"isLocked()\"\n          ></ui-button>\n\n          <ng-template #actionsMenuTemplate>\n            <div\n              class=\"actions-menu\"\n              role=\"menu\"\n              #actionsMenu\n              [id]=\"actionsMenuId\"\n              (keydown)=\"onActionsMenuKeydown($event)\"\n            >\n              @for (entry of actionsMenuEntries(); track entry.kind) {\n                <div\n                  class=\"actions-menu-item\"\n                  role=\"menuitem\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"entry.tag.ariaLabel ?? entry.tag.label\"\n                  [attr.aria-disabled]=\"entry.tag.disabled ? 'true' : null\"\n                  (click)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.enter)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.space)=\"selectActionsMenuEntry(entry, $event)\"\n                >\n                  @if (entry.tag.icon) {\n                    <ui-icon class=\"actions-menu-item-icon\" [name]=\"entry.tag.icon\" [color]=\"'inherit'\"></ui-icon>\n                  }\n                  <span class=\"actions-menu-item-label\">{{ entry.tag.label }}</span>\n                  @if (entry.trailingIcon) {\n                    <ui-icon\n                      class=\"actions-menu-item-trailing\"\n                      [name]=\"entry.trailingIcon\"\n                      [color]=\"'inherit'\"\n                    ></ui-icon>\n                  }\n                </div>\n              }\n            </div>\n          </ng-template>\n        }\n\n        @if (actionTag(); as at) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              [label]=\"at.label\"\n              [icon]=\"actionTagIcon()\"\n              [ariaLabel]=\"at.ariaLabel ?? at.label\"\n              [isDisabled]=\"isLocked() || !!at.disabled\"\n              (press)=\"onActionTagPress()\"\n            ></ui-tag>\n          }\n        } @else 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            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\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\n        @if (secondaryActionTag(); as sat) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              class=\"prompt-secondary-action-tag\"\n              [label]=\"sat.label\"\n              [icon]=\"sat.icon ?? ''\"\n              [ariaLabel]=\"sat.ariaLabel ?? sat.label\"\n              [isDisabled]=\"isLocked() || !!sat.disabled\"\n              (press)=\"onSecondaryActionTagPress()\"\n            ></ui-tag>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\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                [isDisabled]=\"isLocked()\"\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                [disabled]=\"isLocked()\"\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]=\"isLocked() || 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                isLocked() ||\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 (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\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]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></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() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\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\n  <!-- Built-in items dropdown (UI-877) \u2014 opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\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}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}.actions-menu{min-width:228px;margin:-8px}.actions-menu-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.actions-menu-item:hover,.actions-menu-item:focus-visible{background-color:#fff2fc}.actions-menu-item[aria-disabled=true]{color:#d3d3d3;background-color:transparent;cursor:default}.actions-menu-item-icon,.actions-menu-item-trailing{flex-shrink:0}.actions-menu-item-label{flex:1;white-space:nowrap}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}.prompt-help-text{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.prompt-help-text-mirror{color:transparent}.prompt-help-text-hint{color:#919191}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"] }]
-        }], propDecorators: { tags: [{ type: i0.Input, args: [{ isSignal: true, alias: "tags", required: false }] }], actionTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTag", required: false }] }], secondaryActionTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryActionTag", required: false }] }], collapseActionTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseActionTags", required: false }] }], maxCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCharacters", required: false }] }], supportedFileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportedFileTypes", required: false }] }], autoClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClear", required: false }] }], showSendButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSendButton", required: false }] }], sendButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendButtonDisabled", required: false }] }], enableFileUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFileUpload", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], dropdownItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownItems", required: false }] }], dropdownHeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownHeading", required: false }] }], showDropdownClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDropdownClose", required: false }] }], showCharacterCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCharacterCount", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], promptData: [{ type: i0.Output, args: ["promptData"] }], actionTagFileSelected: [{ type: i0.Output, args: ["actionTagFileSelected"] }], secondaryActionTagPress: [{ type: i0.Output, args: ["secondaryActionTagPress"] }], dropdownItemSelected: [{ type: i0.Output, args: ["dropdownItemSelected"] }], dropdownClosed: [{ type: i0.Output, args: ["dropdownClosed"] }], fileDrop: [{ type: i0.ViewChild, args: ['fileDropRef', { isSignal: true }] }], tagDropdown: [{ type: i0.ViewChild, args: ['tagDropdown', { isSignal: true }] }], fieldComponentRef: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], promptContainer: [{ type: i0.ViewChild, args: ['promptContainerRef', { isSignal: true }] }], actionsPopover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PopoverDirective), { isSignal: true }] }], actionsMenu: [{ type: i0.ViewChild, args: ['actionsMenu', { isSignal: true }] }] } });
-
-class PromptModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PromptModule, imports: [CommonModule,
-            FieldComponentModule,
-            ButtonComponentModule,
-            OverflowMenuComponentModule,
-            TagComponentModule,
-            BadgeComponentModule,
-            CdkOverlayOrigin,
-            CdkConnectedOverlay,
-            CardComponentModule,
-            CdkTextareaAutosize,
-            TooltipComponentModule,
-            MatTooltip,
-            UiTranslatePipe,
-            IconComponentModule,
-            SkeletonComponent,
-            PromptComponent], exports: [PromptComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PromptModule, imports: [CommonModule,
-            FieldComponentModule,
-            ButtonComponentModule,
-            OverflowMenuComponentModule,
-            TagComponentModule,
-            BadgeComponentModule,
-            CardComponentModule,
-            TooltipComponentModule,
-            IconComponentModule,
-            SkeletonComponent,
-            PromptComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PromptModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FieldComponentModule,
-                        ButtonComponentModule,
-                        OverflowMenuComponentModule,
-                        TagComponentModule,
-                        BadgeComponentModule,
-                        CdkOverlayOrigin,
-                        CdkConnectedOverlay,
-                        CardComponentModule,
-                        CdkTextareaAutosize,
-                        TooltipComponentModule,
-                        MatTooltip,
-                        UiTranslatePipe,
-                        IconComponentModule,
-                        SkeletonComponent,
-                        PromptComponent,
-                    ],
-                    exports: [PromptComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const resolveIcon = (icon, fallback) => icon === null ? "" : icon ?? fallback;
+var PromptComponent = class PromptComponent {
+	constructor() {
+		this.disabledState = signal(false, ...ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []);
+		this.tags = input([], ...ngDevMode ? [{ debugName: "tags" }] : /* istanbul ignore next */ []);
+		this.actionTag = input(null, ...ngDevMode ? [{ debugName: "actionTag" }] : /* istanbul ignore next */ []);
+		this.secondaryActionTag = input(null, ...ngDevMode ? [{ debugName: "secondaryActionTag" }] : /* istanbul ignore next */ []);
+		this.collapseActionTags = input(false, {
+			...ngDevMode ? { debugName: "collapseActionTags" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.maxCharacters = input(255, ...ngDevMode ? [{ debugName: "maxCharacters" }] : /* istanbul ignore next */ []);
+		this.supportedFileTypes = input("", ...ngDevMode ? [{ debugName: "supportedFileTypes" }] : /* istanbul ignore next */ []);
+		this.autoClear = input(true, ...ngDevMode ? [{ debugName: "autoClear" }] : /* istanbul ignore next */ []);
+		this.showSendButton = input(false, ...ngDevMode ? [{ debugName: "showSendButton" }] : /* istanbul ignore next */ []);
+		this.sendButtonDisabled = input(false, {
+			...ngDevMode ? { debugName: "sendButtonDisabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.enableFileUpload = input(false, ...ngDevMode ? [{ debugName: "enableFileUpload" }] : /* istanbul ignore next */ []);
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+		this.errorMessage = input("", ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+		this.dropdownItems = input([], ...ngDevMode ? [{ debugName: "dropdownItems" }] : /* istanbul ignore next */ []);
+		this.dropdownHeading = input("", ...ngDevMode ? [{ debugName: "dropdownHeading" }] : /* istanbul ignore next */ []);
+		this.showDropdownClose = input(false, {
+			...ngDevMode ? { debugName: "showDropdownClose" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showCharacterCount = input(false, {
+			...ngDevMode ? { debugName: "showCharacterCount" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.helpText = input("", ...ngDevMode ? [{ debugName: "helpText" }] : /* istanbul ignore next */ []);
+		this.promptData = output();
+		this.actionTagFileSelected = output();
+		this.secondaryActionTagPress = output();
+		this.dropdownItemSelected = output();
+		this.dropdownClosed = output();
+		this.promptFilesList = signal([], ...ngDevMode ? [{ debugName: "promptFilesList" }] : /* istanbul ignore next */ []);
+		this.promptTextValue = signal("", ...ngDevMode ? [{ debugName: "promptTextValue" }] : /* istanbul ignore next */ []);
+		this.fileListMenuConfig = signal([], ...ngDevMode ? [{ debugName: "fileListMenuConfig" }] : /* istanbul ignore next */ []);
+		this.tagsVisible = signal([], ...ngDevMode ? [{ debugName: "tagsVisible" }] : /* istanbul ignore next */ []);
+		this.tagsInDropdown = signal([], ...ngDevMode ? [{ debugName: "tagsInDropdown" }] : /* istanbul ignore next */ []);
+		this.autocompleteSuggestion = signal("", ...ngDevMode ? [{ debugName: "autocompleteSuggestion" }] : /* istanbul ignore next */ []);
+		this.isDropdownOpened = signal(false, ...ngDevMode ? [{ debugName: "isDropdownOpened" }] : /* istanbul ignore next */ []);
+		this.actionsMenuId = `ui-prompt-actions-menu-${nextActionsMenuId++}`;
+		this.keepDropdownClosed = signal(false, ...ngDevMode ? [{ debugName: "keepDropdownClosed" }] : /* istanbul ignore next */ []);
+		this.isFieldHovered = signal(false, ...ngDevMode ? [{ debugName: "isFieldHovered" }] : /* istanbul ignore next */ []);
+		this.isFieldFocused = signal(false, ...ngDevMode ? [{ debugName: "isFieldFocused" }] : /* istanbul ignore next */ []);
+		this.composing = signal(false, ...ngDevMode ? [{ debugName: "composing" }] : /* istanbul ignore next */ []);
+		this.compositionEndedAt = 0;
+		this.filteredDropdownItems = computed(() => {
+			const query = this.promptTextValue().trim().toLowerCase();
+			return this.dropdownItems().filter((item) => {
+				const label = item.label.toLowerCase();
+				return label !== query && (!query || label.includes(query));
+			});
+		}, ...ngDevMode ? [{ debugName: "filteredDropdownItems" }] : /* istanbul ignore next */ []);
+		this.itemsDropdownVisible = computed(() => this.isFieldFocused() && !this.keepDropdownClosed() && this.filteredDropdownItems().length > 0 && !this.isLocked(), ...ngDevMode ? [{ debugName: "itemsDropdownVisible" }] : /* istanbul ignore next */ []);
+		this.isContainerFocused = signal(false, ...ngDevMode ? [{ debugName: "isContainerFocused" }] : /* istanbul ignore next */ []);
+		this.isHighlighted = computed(() => this.isFieldHovered() || this.isContainerFocused(), ...ngDevMode ? [{ debugName: "isHighlighted" }] : /* istanbul ignore next */ []);
+		this.showFocusRing = computed(() => this.isHighlighted() && !this.loading(), ...ngDevMode ? [{ debugName: "showFocusRing" }] : /* istanbul ignore next */ []);
+		this.fileInputAccept = computed(() => this.actionTag()?.acceptedFileTypes ?? this.supportedFileTypes(), ...ngDevMode ? [{ debugName: "fileInputAccept" }] : /* istanbul ignore next */ []);
+		this.isLocked = computed(() => this.disabledState() || this.loading(), ...ngDevMode ? [{ debugName: "isLocked" }] : /* istanbul ignore next */ []);
+		this.visibleHelpText = computed(() => this.promptTextValue() && !this.autocompleteSuggestion() && !this.isLocked() ? this.helpText().trim() : "", ...ngDevMode ? [{ debugName: "visibleHelpText" }] : /* istanbul ignore next */ []);
+		this.actionTagIcon = computed(() => resolveIcon(this.actionTag()?.icon, "Plus"), ...ngDevMode ? [{ debugName: "actionTagIcon" }] : /* istanbul ignore next */ []);
+		this.actionTagMenuTrailingIcon = computed(() => resolveIcon(this.actionTag()?.menuTrailingIcon, "Plus"), ...ngDevMode ? [{ debugName: "actionTagMenuTrailingIcon" }] : /* istanbul ignore next */ []);
+		this.secondaryActionTagMenuTrailingIcon = computed(() => resolveIcon(this.secondaryActionTag()?.menuTrailingIcon, "Arrow-chevron-right-in-line"), ...ngDevMode ? [{ debugName: "secondaryActionTagMenuTrailingIcon" }] : /* istanbul ignore next */ []);
+		this.actionsMenuEntries = computed(() => {
+			const secondary = this.secondaryActionTag();
+			const action = this.actionTag();
+			const entries = [];
+			if (secondary) entries.push({
+				kind: "secondary",
+				tag: secondary,
+				trailingIcon: this.secondaryActionTagMenuTrailingIcon()
+			});
+			if (action) entries.push({
+				kind: "action",
+				tag: action,
+				trailingIcon: this.actionTagMenuTrailingIcon()
+			});
+			return entries.sort((a, b) => (a.tag.menuOrder ?? Infinity) - (b.tag.menuOrder ?? Infinity));
+		}, ...ngDevMode ? [{ debugName: "actionsMenuEntries" }] : /* istanbul ignore next */ []);
+		this.isActionsMenuOpen = computed(() => this.actionsPopover()?.isOpen() ?? false, ...ngDevMode ? [{ debugName: "isActionsMenuOpen" }] : /* istanbul ignore next */ []);
+		this.showActionsMenuTrigger = computed(() => this.collapseActionTags() && Boolean(this.actionTag() ?? this.secondaryActionTag()), ...ngDevMode ? [{ debugName: "showActionsMenuTrigger" }] : /* istanbul ignore next */ []);
+		this.hasContent = computed(() => Boolean(this.promptTextValue().trim()) || this.promptFilesList().length > 0, ...ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []);
+		this.canSubmit = computed(() => !this.isLocked() && !this.sendButtonDisabled() && this.hasContent(), ...ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []);
+		this.isOverCharacterLimit = computed(() => this.promptTextValue().length > this.maxCharacters(), ...ngDevMode ? [{ debugName: "isOverCharacterLimit" }] : /* istanbul ignore next */ []);
+		this.announcedTextValue = toSignal(toObservable(computed(() => this.showCharacterCount() ? this.promptTextValue() : "")).pipe(debounceTime(CHARACTER_COUNT_ANNOUNCE_DEBOUNCE_MS)), { initialValue: "" });
+		this.characterCountAnnouncement = computed(() => {
+			if (!this.showCharacterCount()) return null;
+			const max = this.maxCharacters();
+			const remaining = max - this.announcedTextValue().length;
+			if (remaining < 0) return {
+				key: "PROMPT.CHARACTERS_OVER_LIMIT",
+				params: { count: -remaining }
+			};
+			if (remaining <= max * CHARACTER_COUNT_ANNOUNCE_THRESHOLD) return {
+				key: "PROMPT.CHARACTERS_REMAINING",
+				params: { count: remaining }
+			};
+			return null;
+		}, ...ngDevMode ? [{ debugName: "characterCountAnnouncement" }] : /* istanbul ignore next */ []);
+		this.destroyRef = inject(DestroyRef);
+		this.translationPipe = inject(UiTranslatePipe);
+		this.resetOnLock = effect(() => {
+			if (this.isLocked()) {
+				this.isDropdownOpened.set(false);
+				this.actionsPopover()?.close();
+				this.isFieldFocused.set(false);
+				this.isFieldHovered.set(false);
+				this.isContainerFocused.set(false);
+				this.autocompleteSuggestion.set("");
+				this.composing.set(false);
+			}
+		}, ...ngDevMode ? [{ debugName: "resetOnLock" }] : /* istanbul ignore next */ []);
+		this.fileDrop = viewChild("fileDropRef", ...ngDevMode ? [{ debugName: "fileDrop" }] : /* istanbul ignore next */ []);
+		this.tagDropdown = viewChild("tagDropdown", ...ngDevMode ? [{ debugName: "tagDropdown" }] : /* istanbul ignore next */ []);
+		this.fieldComponentRef = viewChild.required("textarea", ...ngDevMode ? [{ debugName: "fieldComponentRef" }] : /* istanbul ignore next */ []);
+		this.promptContainer = viewChild.required("promptContainerRef", ...ngDevMode ? [{ debugName: "promptContainer" }] : /* istanbul ignore next */ []);
+		this.actionsPopover = viewChild(PopoverDirective, ...ngDevMode ? [{ debugName: "actionsPopover" }] : /* istanbul ignore next */ []);
+		this.actionsMenu = viewChild("actionsMenu", ...ngDevMode ? [{ debugName: "actionsMenu" }] : /* istanbul ignore next */ []);
+		this.dropdownPositions = [{
+			originX: "start",
+			originY: "bottom",
+			overlayX: "start",
+			overlayY: "top"
+		}];
+		this.onChange = (_value) => {};
+		this.onTouch = () => {};
+	}
+	get disabled() {
+		return this.disabledState();
+	}
+	set disabled(value) {
+		this.setDisabledState(value);
+	}
+	ngOnInit() {
+		this.initTags();
+	}
+	ngAfterViewInit() {
+		setTimeout(() => {
+			this.syncInputChange();
+		}, 0);
+	}
+	async uploadFile(event) {
+		const files = event.currentTarget.files;
+		if (files?.length) {
+			this.promptFilesList.update((list) => {
+				list.push(files.item(0));
+				return list;
+			});
+			this.emitValue();
+			await this.updateFileMenu();
+		}
+	}
+	sendPromptData() {
+		if (!this.canSubmit()) return;
+		this.promptData.emit({
+			text: this.promptTextValue() || "",
+			files: this.promptFilesList()
+		});
+		if (this.autoClear()) this.clearPromptData();
+	}
+	selectedMenuOption(menuOptionValue) {
+		const updatedConfig = this.fileListMenuConfig().filter((menu) => menu.value !== menuOptionValue);
+		const updatedFileList = this.promptFilesList().filter((file) => file.name !== menuOptionValue);
+		this.promptFilesList.set(updatedFileList);
+		this.fileListMenuConfig.set(updatedConfig);
+	}
+	selectTag(tag, event) {
+		if (this.isLocked()) return;
+		event.stopPropagation();
+		event.preventDefault();
+		this.isDropdownOpened.set(false);
+		this.promptTextValue.set(tag.label);
+		this.autocompleteSuggestion.set(`${tag.label} ${tag.autocomplete}`);
+		this.fieldComponentRef().field.nativeElement.focus();
+		this.onTouch();
+	}
+	onTextareaTab(event) {
+		if (this.isLocked()) return;
+		if (this.autocompleteSuggestion()) {
+			event.preventDefault();
+			this.promptTextValue.set(this.autocompleteSuggestion());
+			this.autocompleteSuggestion.set("");
+		}
+	}
+	onTextareaEnter(event) {
+		if (event.isComposing || this.composing() || Date.now() - this.compositionEndedAt < IME_COMMIT_GRACE_MS) return;
+		event.preventDefault();
+		this.sendPromptData();
+	}
+	dropdownOutsideClick() {
+		this.isDropdownOpened.set(false);
+	}
+	onFieldBlur() {
+		this.isFieldFocused.set(false);
+	}
+	onContainerFocusIn() {
+		this.isContainerFocused.set(true);
+	}
+	onContainerFocusOut(event) {
+		const next = event.relatedTarget;
+		if (next instanceof Node && this.promptContainer().nativeElement.contains(next)) return;
+		this.isContainerFocused.set(false);
+	}
+	itemsDropdownOutsideClick(event) {
+		if (this.promptContainer().nativeElement.contains(event.target)) return;
+		this.isFieldFocused.set(false);
+		this.dropdownClosed.emit();
+	}
+	closeItemsDropdown() {
+		this.keepDropdownClosed.set(true);
+		this.dropdownClosed.emit();
+	}
+	onTextareaEscape(event) {
+		if (this.itemsDropdownVisible()) {
+			event.stopPropagation();
+			this.closeItemsDropdown();
+		}
+	}
+	selectDropdownItem(item, event) {
+		if (this.isLocked()) return;
+		event.stopPropagation();
+		event.preventDefault();
+		this.keepDropdownClosed.set(true);
+		this.promptTextValue.set(item.label);
+		this.autocompleteSuggestion.set("");
+		this.fieldComponentRef().field.nativeElement.focus();
+		this.dropdownItemSelected.emit(item);
+		this.emitValue();
+	}
+	toggleDropdown() {
+		if (this.isLocked()) return;
+		this.isDropdownOpened.set(!this.isDropdownOpened());
+	}
+	focusTagDropdown() {
+		setTimeout(() => {
+			this.tagDropdown()?.nativeElement.focus();
+		}, 300);
+	}
+	syncInputChange() {
+		if (!this.fieldComponentRef()?.field?.nativeElement) return;
+		const textarea = this.fieldComponentRef().field.nativeElement;
+		fromEvent(textarea, "input").pipe(map((event) => event.target.value), tap((value) => {
+			this.promptTextValue.set(value);
+			this.keepDropdownClosed.set(false);
+			if (this.autocompleteSuggestion()) this.autocompleteSuggestion.set("");
+		}), debounceTime(INPUT_EMIT_DEBOUNCE_MS), tap(() => this.emitValue()), takeUntilDestroyed(this.destroyRef)).subscribe();
+		fromEvent(textarea, "compositionstart").pipe(tap(() => this.composing.set(true)), takeUntilDestroyed(this.destroyRef)).subscribe();
+		fromEvent(textarea, "compositionend").pipe(tap(() => {
+			this.composing.set(false);
+			this.compositionEndedAt = Date.now();
+		}), takeUntilDestroyed(this.destroyRef)).subscribe();
+	}
+	initTags() {
+		if (!this.tags()?.length) return;
+		if (this.tags().length <= 5) {
+			this.tagsVisible.set(this.tags());
+			return;
+		}
+		this.tagsVisible.set(this.tags().slice(0, 5));
+		this.tagsInDropdown.set(this.tags().slice(5));
+	}
+	async updateFileMenu() {
+		const menuConfig = [];
+		const tooltip = await firstValueFrom(this.translationPipe.transform("COMMON.DELETE"));
+		this.promptFilesList().forEach((file) => {
+			menuConfig.push({
+				label: file.name,
+				value: file.name,
+				icon: "Delete",
+				tooltipText: tooltip
+			});
+		});
+		this.fileListMenuConfig.set(menuConfig);
+	}
+	clearPromptData() {
+		this.promptTextValue.set("");
+		this.promptFilesList.set([]);
+		this.fileListMenuConfig.set([]);
+	}
+	writeValue(value) {
+		this.promptTextValue.set(value?.text ?? "");
+		this.promptFilesList.set(value?.files ?? []);
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouch = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabledState.set(isDisabled);
+	}
+	async onFileSelected(event) {
+		if (this.isLocked()) return;
+		if (this.actionTag()) this.handleActionTagFile(event);
+		else await this.uploadFile(event);
+	}
+	onActionTagPress() {
+		if (this.isLocked() || this.actionTag()?.disabled) return;
+		this.fileDrop()?.nativeElement.click();
+	}
+	onSecondaryActionTagPress() {
+		if (this.isLocked() || this.secondaryActionTag()?.disabled) return;
+		this.secondaryActionTagPress.emit();
+	}
+	closeActionsMenu() {
+		this.actionsPopover()?.close();
+	}
+	onActionsMenuKeydown(event) {
+		const items = this.actionsMenuItems();
+		const current = items.indexOf(document.activeElement);
+		const focusAt = (index) => {
+			event.preventDefault();
+			items[(index + items.length) % items.length]?.focus();
+		};
+		switch (event.key) {
+			case "ArrowDown":
+				focusAt(current + 1);
+				break;
+			case "ArrowUp":
+				focusAt(current - 1);
+				break;
+			case "Home":
+				focusAt(0);
+				break;
+			case "End":
+				focusAt(items.length - 1);
+				break;
+			case "Escape":
+				event.preventDefault();
+				event.stopPropagation();
+				this.closeActionsMenu();
+		}
+	}
+	selectActionsMenuEntry(entry, event) {
+		if (entry.kind === "action") this.selectActionTagFromMenu(event);
+		else this.selectSecondaryActionTagFromMenu(event);
+	}
+	selectActionTagFromMenu(event) {
+		event.preventDefault();
+		if (this.actionTag()?.disabled) return;
+		this.closeActionsMenu();
+		this.onActionTagPress();
+	}
+	selectSecondaryActionTagFromMenu(event) {
+		event.preventDefault();
+		if (this.secondaryActionTag()?.disabled) return;
+		this.closeActionsMenu();
+		this.onSecondaryActionTagPress();
+	}
+	actionsMenuItems() {
+		const menu = this.actionsMenu()?.nativeElement;
+		return menu ? Array.from(menu.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
+	}
+	handleActionTagFile(event) {
+		const inputEl = event.currentTarget;
+		const file = inputEl.files?.item(0) ?? null;
+		if (file) this.actionTagFileSelected.emit(file);
+		inputEl.value = "";
+	}
+	emitValue() {
+		this.onChange({
+			text: this.promptTextValue() || "",
+			files: this.promptFilesList()
+		});
+		this.onTouch();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PromptComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: PromptComponent,
+			isStandalone: true,
+			selector: "ui-prompt",
+			inputs: {
+				tags: {
+					classPropertyName: "tags",
+					publicName: "tags",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				actionTag: {
+					classPropertyName: "actionTag",
+					publicName: "actionTag",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				secondaryActionTag: {
+					classPropertyName: "secondaryActionTag",
+					publicName: "secondaryActionTag",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				collapseActionTags: {
+					classPropertyName: "collapseActionTags",
+					publicName: "collapseActionTags",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxCharacters: {
+					classPropertyName: "maxCharacters",
+					publicName: "maxCharacters",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				supportedFileTypes: {
+					classPropertyName: "supportedFileTypes",
+					publicName: "supportedFileTypes",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				autoClear: {
+					classPropertyName: "autoClear",
+					publicName: "autoClear",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showSendButton: {
+					classPropertyName: "showSendButton",
+					publicName: "showSendButton",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sendButtonDisabled: {
+					classPropertyName: "sendButtonDisabled",
+					publicName: "sendButtonDisabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				enableFileUpload: {
+					classPropertyName: "enableFileUpload",
+					publicName: "enableFileUpload",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				errorMessage: {
+					classPropertyName: "errorMessage",
+					publicName: "errorMessage",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				dropdownItems: {
+					classPropertyName: "dropdownItems",
+					publicName: "dropdownItems",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				dropdownHeading: {
+					classPropertyName: "dropdownHeading",
+					publicName: "dropdownHeading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showDropdownClose: {
+					classPropertyName: "showDropdownClose",
+					publicName: "showDropdownClose",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showCharacterCount: {
+					classPropertyName: "showCharacterCount",
+					publicName: "showCharacterCount",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				helpText: {
+					classPropertyName: "helpText",
+					publicName: "helpText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: booleanAttribute
+				}
+			},
+			outputs: {
+				promptData: "promptData",
+				actionTagFileSelected: "actionTagFileSelected",
+				secondaryActionTagPress: "secondaryActionTagPress",
+				dropdownItemSelected: "dropdownItemSelected",
+				dropdownClosed: "dropdownClosed"
+			},
+			providers: [UiTranslatePipe, {
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => PromptComponent),
+				multi: true
+			}],
+			viewQueries: [
+				{
+					propertyName: "fileDrop",
+					first: true,
+					predicate: ["fileDropRef"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "tagDropdown",
+					first: true,
+					predicate: ["tagDropdown"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "fieldComponentRef",
+					first: true,
+					predicate: ["textarea"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "promptContainer",
+					first: true,
+					predicate: ["promptContainerRef"],
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "actionsPopover",
+					first: true,
+					predicate: PopoverDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "actionsMenu",
+					first: true,
+					predicate: ["actionsMenu"],
+					descendants: true,
+					isSignal: true
+				}
+			],
+			ngImport: i0,
+			template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n      @if (visibleHelpText(); as help) {\n        <!-- The mirror repeats the typed text invisibly so the hint lands right after its last character. -->\n        <div class=\"ghost prompt-help-text\" aria-hidden=\"true\">\n          <span class=\"prompt-help-text-mirror\">{{ promptTextValue() }}</span\n          ><span class=\"prompt-help-text-hint\">{{ ' ' + help }}</span>\n        </div>\n      }\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\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        [ariaDescribedby]=\"visibleHelpText()\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (showActionsMenuTrigger()) {\n          <ui-button\n            [uiPopover]=\"actionsMenuTemplate\"\n            [popoverTrigger]=\"'click'\"\n            [popoverCardSize]=\"'small'\"\n            [popoverAlign]=\"'start'\"\n            [popoverOffset]=\"8\"\n            [popoverAriaLabel]=\"('COMMON.ADD' | uiTranslate | async)!\"\n            [uiPopoverDisabled]=\"isLocked()\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"isActionsMenuOpen() ? 'Close' : 'Plus'\"\n            [tooltip]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [ariaExpanded]=\"isActionsMenuOpen()\"\n            [ariaControls]=\"isActionsMenuOpen() ? actionsMenuId : undefined\"\n            [disabled]=\"isLocked()\"\n          ></ui-button>\n\n          <ng-template #actionsMenuTemplate>\n            <div\n              class=\"actions-menu\"\n              role=\"menu\"\n              #actionsMenu\n              [id]=\"actionsMenuId\"\n              (keydown)=\"onActionsMenuKeydown($event)\"\n            >\n              @for (entry of actionsMenuEntries(); track entry.kind) {\n                <div\n                  class=\"actions-menu-item\"\n                  role=\"menuitem\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"entry.tag.ariaLabel ?? entry.tag.label\"\n                  [attr.aria-disabled]=\"entry.tag.disabled ? 'true' : null\"\n                  (click)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.enter)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.space)=\"selectActionsMenuEntry(entry, $event)\"\n                >\n                  @if (entry.tag.icon) {\n                    <ui-icon class=\"actions-menu-item-icon\" [name]=\"entry.tag.icon\" [color]=\"'inherit'\"></ui-icon>\n                  }\n                  <span class=\"actions-menu-item-label\">{{ entry.tag.label }}</span>\n                  @if (entry.trailingIcon) {\n                    <ui-icon\n                      class=\"actions-menu-item-trailing\"\n                      [name]=\"entry.trailingIcon\"\n                      [color]=\"'inherit'\"\n                    ></ui-icon>\n                  }\n                </div>\n              }\n            </div>\n          </ng-template>\n        }\n\n        @if (actionTag(); as at) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              [label]=\"at.label\"\n              [icon]=\"actionTagIcon()\"\n              [ariaLabel]=\"at.ariaLabel ?? at.label\"\n              [isDisabled]=\"isLocked() || !!at.disabled\"\n              (press)=\"onActionTagPress()\"\n            ></ui-tag>\n          }\n        } @else 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            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\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\n        @if (secondaryActionTag(); as sat) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              class=\"prompt-secondary-action-tag\"\n              [label]=\"sat.label\"\n              [icon]=\"sat.icon ?? ''\"\n              [ariaLabel]=\"sat.ariaLabel ?? sat.label\"\n              [isDisabled]=\"isLocked() || !!sat.disabled\"\n              (press)=\"onSecondaryActionTagPress()\"\n            ></ui-tag>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\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                [isDisabled]=\"isLocked()\"\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                [disabled]=\"isLocked()\"\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]=\"isLocked() || 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                isLocked() ||\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 (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\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]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></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() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\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\n  <!-- Built-in items dropdown (UI-877) — opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\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}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}.actions-menu{min-width:228px;margin:-8px}.actions-menu-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.actions-menu-item:hover,.actions-menu-item:focus-visible{background-color:#fff2fc}.actions-menu-item[aria-disabled=true]{color:#d3d3d3;background-color:transparent;cursor:default}.actions-menu-item-icon,.actions-menu-item-trailing{flex-shrink:0}.actions-menu-item-label{flex:1;white-space:nowrap}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}.prompt-help-text{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.prompt-help-text-mirror{color:transparent}.prompt-help-text-hint{color:#919191}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: CdkOverlayOrigin,
+					selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]",
+					exportAs: ["cdkOverlayOrigin"]
+				},
+				{
+					kind: "component",
+					type: SkeletonComponent,
+					selector: "ui-skeleton",
+					inputs: [
+						"count",
+						"theme",
+						"appearance",
+						"isAiTheme",
+						"applicationTheme"
+					]
+				},
+				{
+					kind: "component",
+					type: IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					kind: "component",
+					type: 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",
+						"testId",
+						"loading",
+						"isValid",
+						"maxCharacters",
+						"trimOnBlur",
+						"trimOnSubmit",
+						"maxRows",
+						"hasTextAreaCounter",
+						"hideBuiltInErrors",
+						"hideLabelInErrors",
+						"max",
+						"min",
+						"textareaHeight",
+						"borderless",
+						"autosizableTextarea",
+						"isAIVariant",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"hasError"
+					],
+					outputs: ["validateEvent", "fieldBlur"]
+				},
+				{
+					kind: "component",
+					type: TagComponent,
+					selector: "ui-tag",
+					inputs: [
+						"label",
+						"icon",
+						"allowClose",
+						"readOnly",
+						"isSelected",
+						"showIconWhenSelected",
+						"pinnedBackground",
+						"constrainWidth",
+						"isDisabled",
+						"applicationTheme",
+						"ariaLabel",
+						"testId",
+						"ariaRequired",
+						"showBadge",
+						"notificationsAmount"
+					],
+					outputs: [
+						"isSelectedChange",
+						"close",
+						"press"
+					]
+				},
+				{
+					kind: "component",
+					type: ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "component",
+					type: BadgeComponent,
+					selector: "ui-badge",
+					inputs: [
+						"label",
+						"staticLabel",
+						"icon",
+						"iconColor",
+						"trailingIcon",
+						"trailingIconColor",
+						"color",
+						"variant",
+						"notificationsAmount",
+						"applicationTheme",
+						"rebrandColor",
+						"truncateLabel",
+						"enableAnimation"
+					]
+				},
+				{
+					kind: "component",
+					type: OverflowMenuComponent,
+					selector: "ui-overflow-menu",
+					inputs: [
+						"buttons",
+						"iconTrigger",
+						"menuLabel",
+						"applicationTheme",
+						"ariaLabel",
+						"testId",
+						"ariaRequired",
+						"describedby",
+						"contentTemplateRef",
+						"buttonVariant",
+						"buttonSize",
+						"menuConfig",
+						"selectionMode",
+						"menuAnchor",
+						"shouldMatchAnchorWidth",
+						"isDynamicMenu",
+						"withRemovableOption"
+					],
+					outputs: [
+						"selectItem",
+						"menuOpened",
+						"menuClosed"
+					]
+				},
+				{
+					kind: "directive",
+					type: MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "directive",
+					type: CdkConnectedOverlay,
+					selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]",
+					inputs: [
+						"cdkConnectedOverlayOrigin",
+						"cdkConnectedOverlayPositions",
+						"cdkConnectedOverlayPositionStrategy",
+						"cdkConnectedOverlayOffsetX",
+						"cdkConnectedOverlayOffsetY",
+						"cdkConnectedOverlayWidth",
+						"cdkConnectedOverlayHeight",
+						"cdkConnectedOverlayMinWidth",
+						"cdkConnectedOverlayMinHeight",
+						"cdkConnectedOverlayBackdropClass",
+						"cdkConnectedOverlayPanelClass",
+						"cdkConnectedOverlayViewportMargin",
+						"cdkConnectedOverlayScrollStrategy",
+						"cdkConnectedOverlayOpen",
+						"cdkConnectedOverlayDisableClose",
+						"cdkConnectedOverlayTransformOriginOn",
+						"cdkConnectedOverlayHasBackdrop",
+						"cdkConnectedOverlayLockPosition",
+						"cdkConnectedOverlayFlexibleDimensions",
+						"cdkConnectedOverlayGrowAfterOpen",
+						"cdkConnectedOverlayPush",
+						"cdkConnectedOverlayDisposeOnNavigation",
+						"cdkConnectedOverlayUsePopover",
+						"cdkConnectedOverlayMatchWidth",
+						"cdkConnectedOverlay"
+					],
+					outputs: [
+						"backdropClick",
+						"positionChange",
+						"attach",
+						"detach",
+						"overlayKeydown",
+						"overlayOutsideClick"
+					],
+					exportAs: ["cdkConnectedOverlay"]
+				},
+				{
+					kind: "directive",
+					type: PopoverDirective,
+					selector: "[uiPopover]",
+					inputs: [
+						"uiPopover",
+						"popoverOffset",
+						"popoverAlign",
+						"popoverOpen",
+						"popoverCard",
+						"popoverCardSize",
+						"popoverTrigger",
+						"popoverAriaLabel",
+						"uiPopoverDisabled"
+					],
+					exportAs: ["uiPopover"]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PromptComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-prompt",
+			providers: [UiTranslatePipe, {
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => PromptComponent),
+				multi: true
+			}],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				CdkOverlayOrigin,
+				NgClass,
+				SkeletonComponent,
+				IconComponent,
+				FieldComponent,
+				TagComponent,
+				ButtonComponent,
+				BadgeComponent,
+				OverflowMenuComponent,
+				MatTooltip,
+				CdkConnectedOverlay,
+				PopoverDirective,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "<ng-container>\n  <div\n    class=\"prompt-container\"\n    [class.has-error]=\"!!errorMessage()\"\n    [class.disabled]=\"isLocked()\"\n    [attr.aria-disabled]=\"isLocked()\"\n    [attr.aria-busy]=\"loading() ? 'true' : null\"\n    cdkOverlayOrigin\n    #promptOrigin=\"cdkOverlayOrigin\"\n    #promptContainerRef\n    [class.prompt-container-focused]=\"showFocusRing()\"\n    (focusin)=\"onContainerFocusIn()\"\n    (focusout)=\"onContainerFocusOut($event)\"\n  >\n    @if (loading()) {\n      <div class=\"prompt-loading\" aria-hidden=\"true\" animate.enter=\"cnp-prompt-fade-in\">\n        <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n        <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n      </div>\n    }\n    <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n      <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n      @if (visibleHelpText(); as help) {\n        <!-- The mirror repeats the typed text invisibly so the hint lands right after its last character. -->\n        <div class=\"ghost prompt-help-text\" aria-hidden=\"true\">\n          <span class=\"prompt-help-text-mirror\">{{ promptTextValue() }}</span\n          ><span class=\"prompt-help-text-hint\">{{ ' ' + help }}</span>\n        </div>\n      }\n\n      @let showIcon = !isFieldFocused() && !promptTextValue();\n      @if (showIcon) {\n        <ui-icon\n          class=\"prompt-icon\"\n          animate.enter=\"cnp-prompt-icon-in\"\n          animate.leave=\"cnp-prompt-icon-out\"\n          [color]=\"'inherit'\"\n          [class.hovered]=\"isFieldHovered()\"\n          [name]=\"'Sparkle-in-line'\"\n        ></ui-icon>\n      }\n      <!-- `keydown.enter` matches unmodified Enter only; Shift+Enter resolves to `shift.enter`\n           and falls through to a newline. Do not add a shiftKey check. -->\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        [ariaDescribedby]=\"visibleHelpText()\"\n        [disabled]=\"disabled\"\n        (mouseenter)=\"isFieldHovered.set(true)\"\n        (mouseleave)=\"isFieldHovered.set(false)\"\n        (focusin)=\"isFieldFocused.set(true)\"\n        (fieldBlur)=\"onFieldBlur()\"\n        (keydown.tab)=\"onTextareaTab($event)\"\n        (keydown.enter)=\"onTextareaEnter($event)\"\n        (keydown.escape)=\"onTextareaEscape($event)\"\n      ></ui-field>\n    </div>\n    <div class=\"prompt-footer flex-container\">\n      <div class=\"flex-container\">\n        @if (showActionsMenuTrigger()) {\n          <ui-button\n            [uiPopover]=\"actionsMenuTemplate\"\n            [popoverTrigger]=\"'click'\"\n            [popoverCardSize]=\"'small'\"\n            [popoverAlign]=\"'start'\"\n            [popoverOffset]=\"8\"\n            [popoverAriaLabel]=\"('COMMON.ADD' | uiTranslate | async)!\"\n            [uiPopoverDisabled]=\"isLocked()\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"isActionsMenuOpen() ? 'Close' : 'Plus'\"\n            [tooltip]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [tooltipPosition]=\"'above'\"\n            [ariaLabel]=\"((isActionsMenuOpen() ? 'COMMON.CLOSE' : 'COMMON.ADD') | uiTranslate | async)!\"\n            [ariaExpanded]=\"isActionsMenuOpen()\"\n            [ariaControls]=\"isActionsMenuOpen() ? actionsMenuId : undefined\"\n            [disabled]=\"isLocked()\"\n          ></ui-button>\n\n          <ng-template #actionsMenuTemplate>\n            <div\n              class=\"actions-menu\"\n              role=\"menu\"\n              #actionsMenu\n              [id]=\"actionsMenuId\"\n              (keydown)=\"onActionsMenuKeydown($event)\"\n            >\n              @for (entry of actionsMenuEntries(); track entry.kind) {\n                <div\n                  class=\"actions-menu-item\"\n                  role=\"menuitem\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"entry.tag.ariaLabel ?? entry.tag.label\"\n                  [attr.aria-disabled]=\"entry.tag.disabled ? 'true' : null\"\n                  (click)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.enter)=\"selectActionsMenuEntry(entry, $event)\"\n                  (keydown.space)=\"selectActionsMenuEntry(entry, $event)\"\n                >\n                  @if (entry.tag.icon) {\n                    <ui-icon class=\"actions-menu-item-icon\" [name]=\"entry.tag.icon\" [color]=\"'inherit'\"></ui-icon>\n                  }\n                  <span class=\"actions-menu-item-label\">{{ entry.tag.label }}</span>\n                  @if (entry.trailingIcon) {\n                    <ui-icon\n                      class=\"actions-menu-item-trailing\"\n                      [name]=\"entry.trailingIcon\"\n                      [color]=\"'inherit'\"\n                    ></ui-icon>\n                  }\n                </div>\n              }\n            </div>\n          </ng-template>\n        }\n\n        @if (actionTag(); as at) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              [label]=\"at.label\"\n              [icon]=\"actionTagIcon()\"\n              [ariaLabel]=\"at.ariaLabel ?? at.label\"\n              [isDisabled]=\"isLocked() || !!at.disabled\"\n              (press)=\"onActionTagPress()\"\n            ></ui-tag>\n          }\n        } @else 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            [disabled]=\"isLocked()\"\n            (click)=\"fileDrop()?.nativeElement?.click()\"\n          ></ui-button>\n\n          @if (promptFilesList().length) {\n            <div class=\"menu\" animate.enter=\"cnp-prompt-pop-in\">\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\n        @if (secondaryActionTag(); as sat) {\n          @if (!collapseActionTags()) {\n            <ui-tag\n              class=\"prompt-secondary-action-tag\"\n              [label]=\"sat.label\"\n              [icon]=\"sat.icon ?? ''\"\n              [ariaLabel]=\"sat.ariaLabel ?? sat.label\"\n              [isDisabled]=\"isLocked() || !!sat.disabled\"\n              (press)=\"onSecondaryActionTagPress()\"\n            ></ui-tag>\n          }\n        }\n\n        @if (actionTag() || enableFileUpload()) {\n          <input\n            data-testid=\"prompt-file-input\"\n            [tabIndex]=\"-1\"\n            class=\"form-control\"\n            #fileDropRef\n            type=\"file\"\n            id=\"file-upload\"\n            [accept]=\"fileInputAccept()\"\n            [disabled]=\"isLocked()\"\n            (change)=\"onFileSelected($event)\"\n          />\n        }\n      </div>\n\n      @if (tags()?.length && !promptTextValue()) {\n        <div class=\"flex-container carousel\" animate.enter=\"cnp-prompt-row-in\">\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                [isDisabled]=\"isLocked()\"\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                [disabled]=\"isLocked()\"\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]=\"isLocked() || 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                isLocked() ||\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 (showCharacterCount()) {\n        <span class=\"prompt-character-count\" [class.over-limit]=\"isOverCharacterLimit()\"\n          >{{ promptTextValue().length }} / {{ maxCharacters() }}</span\n        >\n        <span class=\"prompt-character-count-status\" aria-live=\"polite\">\n          @if (characterCountAnnouncement(); as announcement) {\n            {{ announcement.key | uiTranslate: announcement.params | async }}\n          }\n        </span>\n      }\n\n      @if (showSendButton()) {\n        <ui-button\n          class=\"send-button\"\n          animate.enter=\"cnp-prompt-pop-in\"\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]=\"!canSubmit()\"\n          (click)=\"sendPromptData()\"\n        ></ui-button>\n      }\n    </div>\n\n    <div class=\"prompt-projected-footer\">\n      <ng-content select=\"[promptFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (errorMessage()) {\n    <div class=\"prompt-error\" animate.enter=\"cnp-prompt-error-in\">\n      <ui-icon [name]=\"'Error'\" color=\"red\"></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() && !isLocked()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"dropdownOutsideClick()\"\n  >\n    <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\" animate.enter=\"cnp-prompt-dropdown-in\">\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\n  <!-- Built-in items dropdown (UI-877) — opens on focus, typing filters by label -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n    [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n    [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n    [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n    (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n  >\n    <div\n      class=\"dropdown-container custom-dropdown-container\"\n      animate.enter=\"cnp-prompt-dropdown-in\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @if (dropdownHeading() || showDropdownClose()) {\n        <div class=\"dropdown-header\">\n          @if (dropdownHeading()) {\n            <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n          }\n          @if (showDropdownClose()) {\n            <ui-button\n              class=\"dropdown-close\"\n              [variant]=\"'icon-button'\"\n              [size]=\"'small'\"\n              [iconName]=\"'Close-in-line'\"\n              [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              [tooltipPosition]=\"'above'\"\n              [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n              (click)=\"closeItemsDropdown()\"\n            ></ui-button>\n          }\n        </div>\n      }\n      <div role=\"list\">\n        @for (item of filteredDropdownItems(); track item.id) {\n          <div\n            class=\"dropdown-tag dropdown-item\"\n            tabindex=\"0\"\n            role=\"listitem\"\n            [attr.aria-label]=\"item.label\"\n            (click)=\"selectDropdownItem(item, $event)\"\n            (keydown.enter)=\"selectDropdownItem(item, $event)\"\n            (keydown.space)=\"selectDropdownItem(item, $event)\"\n          >\n            @if (item.icon) {\n              <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n            }\n            <span class=\"dropdown-item-label\">{{ item.label }}</span>\n            <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\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}:host ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff;outline:0 solid transparent;outline-offset:-2px;transition:border-color .18s cubic-bezier(.2,0,0,1),outline-color .18s cubic-bezier(.2,0,0,1),outline-width .12s cubic-bezier(.2,0,0,1);--ui-prompt-ring: inset 0 0 0 2px transparent}.prompt-container:after{content:\"\";position:absolute;z-index:1;inset:-1px;border-radius:inherit;box-shadow:var(--ui-prompt-ring);pointer-events:none;transition:box-shadow .18s cubic-bezier(.2,0,0,1)}.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px #000000;border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{--ui-prompt-ring: inset 0 0 0 2px transparent;outline-width:0}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.prompt-text{transition:padding-left .12s cubic-bezier(.2,0,0,1)}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666;transition:color .12s cubic-bezier(.2,0,0,1)}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff;transition:background-color .12s cubic-bezier(.2,0,0,1)}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tag-container::-webkit-scrollbar{display:none}.tag-container{margin:0 8px}.actions-menu{min-width:228px;margin:-8px}.actions-menu-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .12s cubic-bezier(.2,0,0,1)}.actions-menu-item:hover,.actions-menu-item:focus-visible{background-color:#fff2fc}.actions-menu-item[aria-disabled=true]{color:#d3d3d3;background-color:transparent;cursor:default}.actions-menu-item-icon,.actions-menu-item-trailing{flex-shrink:0}.actions-menu-item-label{flex:1;white-space:nowrap}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.prompt-character-count{margin-left:auto;padding-right:8px;color:#888;font-size:12px;line-height:16px;white-space:nowrap}.prompt-character-count.over-limit{color:#e02800}.prompt-character-count-status{position:absolute;left:-9999px}.prompt-projected-footer{display:none}.prompt-projected-footer:has(*){display:block;overflow:hidden;border-radius:0 0 9px 9px}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{--ui-prompt-ring: inset 0 0 0 2px #e02800;border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}.prompt-help-text{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.prompt-help-text-mirror{color:transparent}.prompt-help-text-hint{color:#919191}@keyframes cnp-prompt-fade-in{0%{opacity:0}}@keyframes cnp-prompt-icon-in{0%{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-icon-out{to{opacity:0;transform:translate(-4px) scale(.9)}}@keyframes cnp-prompt-row-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cnp-prompt-pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes cnp-prompt-error-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cnp-prompt-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}.cnp-prompt-fade-in{animation:cnp-prompt-fade-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-in{animation:cnp-prompt-icon-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-icon-out{animation:cnp-prompt-icon-out .12s cubic-bezier(.2,0,0,1) both}.cnp-prompt-row-in{animation:cnp-prompt-row-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-pop-in{animation:cnp-prompt-pop-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-error-in{animation:cnp-prompt-error-in .18s cubic-bezier(.2,0,0,1) both}.cnp-prompt-dropdown-in{animation:cnp-prompt-dropdown-in .18s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){.prompt-container,.prompt-container:after,.prompt-icon,.dropdown-tag,ui-field.prompt-text{transition:none}.cnp-prompt-fade-in,.cnp-prompt-icon-in,.cnp-prompt-icon-out,.cnp-prompt-row-in,.cnp-prompt-pop-in,.cnp-prompt-error-in,.cnp-prompt-dropdown-in{animation-duration:1ms}}\n"]
+		}]
+	}],
+	propDecorators: {
+		tags: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tags",
+				required: false
+			}]
+		}],
+		actionTag: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionTag",
+				required: false
+			}]
+		}],
+		secondaryActionTag: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondaryActionTag",
+				required: false
+			}]
+		}],
+		collapseActionTags: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseActionTags",
+				required: false
+			}]
+		}],
+		maxCharacters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxCharacters",
+				required: false
+			}]
+		}],
+		supportedFileTypes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "supportedFileTypes",
+				required: false
+			}]
+		}],
+		autoClear: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoClear",
+				required: false
+			}]
+		}],
+		showSendButton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSendButton",
+				required: false
+			}]
+		}],
+		sendButtonDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sendButtonDisabled",
+				required: false
+			}]
+		}],
+		enableFileUpload: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enableFileUpload",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		errorMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorMessage",
+				required: false
+			}]
+		}],
+		dropdownItems: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownItems",
+				required: false
+			}]
+		}],
+		dropdownHeading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownHeading",
+				required: false
+			}]
+		}],
+		showDropdownClose: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showDropdownClose",
+				required: false
+			}]
+		}],
+		showCharacterCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCharacterCount",
+				required: false
+			}]
+		}],
+		helpText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "helpText",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		promptData: [{
+			type: i0.Output,
+			args: ["promptData"]
+		}],
+		actionTagFileSelected: [{
+			type: i0.Output,
+			args: ["actionTagFileSelected"]
+		}],
+		secondaryActionTagPress: [{
+			type: i0.Output,
+			args: ["secondaryActionTagPress"]
+		}],
+		dropdownItemSelected: [{
+			type: i0.Output,
+			args: ["dropdownItemSelected"]
+		}],
+		dropdownClosed: [{
+			type: i0.Output,
+			args: ["dropdownClosed"]
+		}],
+		fileDrop: [{
+			type: i0.ViewChild,
+			args: ["fileDropRef", { isSignal: true }]
+		}],
+		tagDropdown: [{
+			type: i0.ViewChild,
+			args: ["tagDropdown", { isSignal: true }]
+		}],
+		fieldComponentRef: [{
+			type: i0.ViewChild,
+			args: ["textarea", { isSignal: true }]
+		}],
+		promptContainer: [{
+			type: i0.ViewChild,
+			args: ["promptContainerRef", { isSignal: true }]
+		}],
+		actionsPopover: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => PopoverDirective), { isSignal: true }]
+		}],
+		actionsMenu: [{
+			type: i0.ViewChild,
+			args: ["actionsMenu", { isSignal: true }]
+		}]
+	}
+});
+var PromptModule = class PromptModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PromptModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PromptModule,
+			imports: [
+				CommonModule,
+				FieldComponentModule,
+				ButtonComponentModule,
+				OverflowMenuComponentModule,
+				TagComponentModule,
+				BadgeComponentModule,
+				CdkOverlayOrigin,
+				CdkConnectedOverlay,
+				CardComponentModule,
+				CdkTextareaAutosize,
+				TooltipComponentModule,
+				MatTooltip,
+				UiTranslatePipe,
+				IconComponentModule,
+				SkeletonComponent,
+				PromptComponent
+			],
+			exports: [PromptComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PromptModule,
+			imports: [
+				CommonModule,
+				FieldComponentModule,
+				ButtonComponentModule,
+				OverflowMenuComponentModule,
+				TagComponentModule,
+				BadgeComponentModule,
+				CardComponentModule,
+				TooltipComponentModule,
+				IconComponentModule,
+				SkeletonComponent,
+				PromptComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PromptModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				FieldComponentModule,
+				ButtonComponentModule,
+				OverflowMenuComponentModule,
+				TagComponentModule,
+				BadgeComponentModule,
+				CdkOverlayOrigin,
+				CdkConnectedOverlay,
+				CardComponentModule,
+				CdkTextareaAutosize,
+				TooltipComponentModule,
+				MatTooltip,
+				UiTranslatePipe,
+				IconComponentModule,
+				SkeletonComponent,
+				PromptComponent
+			],
+			exports: [PromptComponent]
+		}]
+	}]
+});
 export { PromptComponent, PromptModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-prompt.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-prompt.mjs.map