@testgorilla/tgo-ui 11.22.3 → 12.0.1

package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs

@@ -1,281 +1,681 @@
-import { trigger, transition, style, animate } from '@angular/animations';
-import { AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, model, output, inject, DestroyRef, signal, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i3 from '@angular/forms';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { Subject, debounceTime, distinctUntilChanged } from 'rxjs';
-import { AiCaveatComponent, AiCaveatComponentModule } from '@testgorilla/tgo-ui/components/ai-caveat';
-import { ButtonComponent, ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { CardComponent, CardComponentModule } from '@testgorilla/tgo-ui/components/card';
-import { IS_MOBILE_TOKEN, UiTranslatePipe, MemoizeFuncPipe } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@testgorilla/tgo-ui/components/field';
-import { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';
-import * as i1 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import { TagComponent, TagComponentModule } from '@testgorilla/tgo-ui/components/tag';
-
+import { animate, style, transition, trigger } from "@angular/animations";
+import { AsyncPipe, CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, NgModule, computed, inject, input, model, output, signal } from "@angular/core";
+import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+import * as i3 from "@angular/forms";
+import { FormControl, FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { Subject, debounceTime, distinctUntilChanged } from "rxjs";
+import { AiCaveatComponent, AiCaveatComponentModule } from "@testgorilla/tgo-ui/components/ai-caveat";
+import { ButtonComponent, ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { CardComponent, CardComponentModule } from "@testgorilla/tgo-ui/components/card";
+import { IS_MOBILE_TOKEN, MemoizeFuncPipe, UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import * as i2 from "@testgorilla/tgo-ui/components/field";
+import { FieldComponentModule } from "@testgorilla/tgo-ui/components/field";
+import * as i1 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import { TagComponent, TagComponentModule } from "@testgorilla/tgo-ui/components/tag";
 var AiFeedbackPanelType;
-(function (AiFeedbackPanelType) {
-    AiFeedbackPanelType["POSITIVE"] = "positive";
-    AiFeedbackPanelType["NEGATIVE"] = "negative";
+(function(AiFeedbackPanelType) {
+	AiFeedbackPanelType["POSITIVE"] = "positive";
+	AiFeedbackPanelType["NEGATIVE"] = "negative";
 })(AiFeedbackPanelType || (AiFeedbackPanelType = {}));
-
-class AiFeedbackComponent {
-    constructor() {
-        this.positiveConfig = input(...(ngDevMode ? [undefined, { debugName: "positiveConfig" }] : /* istanbul ignore next */ []));
-        this.negativeConfig = input(...(ngDevMode ? [undefined, { debugName: "negativeConfig" }] : /* istanbul ignore next */ []));
-        this.skipPanelForPositive = input(false, ...(ngDevMode ? [{ debugName: "skipPanelForPositive" }] : /* istanbul ignore next */ []));
-        this.applicationTheme = input('light', ...(ngDevMode ? [{ debugName: "applicationTheme" }] : /* istanbul ignore next */ []));
-        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-        this.isRatingDisabled = input(false, ...(ngDevMode ? [{ debugName: "isRatingDisabled" }] : /* istanbul ignore next */ []));
-        this.enableAutoEmit = input(false, ...(ngDevMode ? [{ debugName: "enableAutoEmit" }] : /* istanbul ignore next */ []));
-        this.isPositiveFeedback = model(null, ...(ngDevMode ? [{ debugName: "isPositiveFeedback" }] : /* istanbul ignore next */ []));
-        this.selectionChange = output();
-        this.feedbackSubmitted = output();
-        this.feedbackCancelled = output();
-        this.feedbackChanged = output();
-        this.isMobile$ = inject(IS_MOBILE_TOKEN);
-        this.destroyRef = inject(DestroyRef);
-        this.isMobile = toSignal(this.isMobile$, { initialValue: false });
-        this.showPanel = signal(false, ...(ngDevMode ? [{ debugName: "showPanel" }] : /* istanbul ignore next */ []));
-        this.panelType = signal(null, ...(ngDevMode ? [{ debugName: "panelType" }] : /* istanbul ignore next */ []));
-        this.selectedOptions = signal([], ...(ngDevMode ? [{ debugName: "selectedOptions" }] : /* istanbul ignore next */ []));
-        this.otherTextControl = new FormControl('');
-        this.otherTextValue = signal('', ...(ngDevMode ? [{ debugName: "otherTextValue" }] : /* istanbul ignore next */ []));
-        this.selectedOptionsSubject = new Subject();
-        this.otherTextSubject = new Subject();
-        this.translationContext = 'AI_FEEDBACK.';
-        this.AiFeedbackPanelType = AiFeedbackPanelType;
-        this.defaultPositiveTitle = `${this.translationContext}POSITIVE_TITLE`;
-        this.defaultNegativeTitle = `${this.translationContext}NEGATIVE_TITLE`;
-        this.OTHER_OPTION_ID = 'other';
-        this.shouldAutoEmit = computed(() => this.enableAutoEmit() && this.variant() !== 'default', ...(ngDevMode ? [{ debugName: "shouldAutoEmit" }] : /* istanbul ignore next */ []));
-        this.activeConfig = computed(() => {
-            const type = this.panelType();
-            if (type === AiFeedbackPanelType.POSITIVE) {
-                const config = this.positiveConfig();
-                if (this.variant() === 'panel' && config?.options?.length) {
-                    return this.ensureOtherOption(config);
-                }
-                return config;
-            }
-            if (type === AiFeedbackPanelType.NEGATIVE) {
-                const config = this.negativeConfig();
-                if (this.variant() === 'panel' && config?.options?.length) {
-                    return this.ensureOtherOption(config);
-                }
-                return config;
-            }
-            return null;
-        }, ...(ngDevMode ? [{ debugName: "activeConfig" }] : /* istanbul ignore next */ []));
-        this.arrowPosition = computed(() => (this.panelType() === AiFeedbackPanelType.POSITIVE ? 'left' : 'right'), ...(ngDevMode ? [{ debugName: "arrowPosition" }] : /* istanbul ignore next */ []));
-        this.isSubmitDisabled = computed(() => {
-            switch (this.variant()) {
-                case 'input-only':
-                    return this.otherTextValue().trim().length === 0;
-                case 'panel':
-                    return this.selectedOptions().length === 0;
-                case 'default':
-                default:
-                    return false;
-            }
-        }, ...(ngDevMode ? [{ debugName: "isSubmitDisabled" }] : /* istanbul ignore next */ []));
-    }
-    ngOnInit() {
-        this.otherTextControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {
-            this.otherTextValue.set(value ?? '');
-            if (this.shouldAutoEmit()) {
-                this.otherTextSubject.next(value ?? '');
-            }
-        });
-        this.selectedOptionsSubject
-            .pipe(debounceTime(500), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)), takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            this.feedbackChanged.emit({
-                isPositiveFeedback: this.isPositiveFeedback(),
-                selectedOptions: this.selectedOptions(),
-                // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty text is reported as undefined, not an empty string
-                otherText: this.otherTextControl.value || undefined,
-            });
-        });
-        this.otherTextSubject
-            .pipe(debounceTime(500), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            this.feedbackChanged.emit({
-                isPositiveFeedback: this.isPositiveFeedback(),
-                selectedOptions: this.selectedOptions(),
-                // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty text is reported as undefined, not an empty string
-                otherText: this.otherTextControl.value || undefined,
-            });
-        });
-    }
-    getDefaultPanelTitleTranslation(panelType) {
-        return panelType === AiFeedbackPanelType.POSITIVE ? this.defaultPositiveTitle : this.defaultNegativeTitle;
-    }
-    ensureOtherOption(config) {
-        if (this.variant() === 'input-only') {
-            return config;
-        }
-        const hasOther = config.options?.some(opt => opt.id === this.OTHER_OPTION_ID);
-        return hasOther
-            ? config
-            : {
-                ...config,
-                options: [...(config.options ?? []), { id: this.OTHER_OPTION_ID, label: 'Other' }],
-            };
-    }
-    buildFeedbackData() {
-        if (this.variant() === 'input-only') {
-            return {
-                isPositiveFeedback: this.isPositiveFeedback(),
-                // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty text is reported as undefined, not an empty string
-                otherText: this.otherTextControl.value || undefined,
-            };
-        }
-        return {
-            isPositiveFeedback: this.isPositiveFeedback(),
-            selectedOptions: this.selectedOptions(),
-            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty text is reported as undefined, not an empty string
-            otherText: this.otherTextControl.value || undefined,
-        };
-    }
-    resetPanelState() {
-        this.showPanel.set(false);
-        this.panelType.set(null);
-        this.selectedOptions.set([]);
-        this.otherTextControl.setValue('');
-    }
-    shouldShowPanelForVariant() {
-        return this.variant() === 'panel' || this.variant() === 'input-only';
-    }
-    onSelectionChange(isPositive) {
-        if (this.isRatingDisabled()) {
-            return;
-        }
-        const newValue = this.isPositiveFeedback() === isPositive ? null : isPositive;
-        this.isPositiveFeedback.set(newValue);
-        this.selectionChange.emit(newValue);
-        if (newValue !== null) {
-            const shouldSkipPanel = isPositive && this.skipPanelForPositive();
-            if (this.shouldShowPanelForVariant() && !shouldSkipPanel) {
-                this.panelType.set(isPositive ? AiFeedbackPanelType.POSITIVE : AiFeedbackPanelType.NEGATIVE);
-                this.showPanel.set(true);
-                this.selectedOptions.set([]);
-                this.otherTextControl.setValue('');
-            }
-        }
-        else {
-            this.closePanel();
-        }
-    }
-    toggleOption(optionId) {
-        const current = this.selectedOptions();
-        const updated = current.includes(optionId) ? current.filter(id => id !== optionId) : [...current, optionId];
-        this.selectedOptions.set(updated);
-        if (this.shouldAutoEmit()) {
-            this.selectedOptionsSubject.next(updated);
-        }
-    }
-    isOptionSelected(optionId) {
-        return this.selectedOptions().includes(optionId);
-    }
-    showOtherField() {
-        return this.variant() === 'input-only' || this.selectedOptions().includes(this.OTHER_OPTION_ID);
-    }
-    onSubmit() {
-        this.feedbackSubmitted.emit(this.buildFeedbackData());
-        this.showPanel.set(false);
-    }
-    closePanel() {
-        this.feedbackCancelled.emit(this.buildFeedbackData());
-        this.resetPanelState();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: AiFeedbackComponent, isStandalone: true, selector: "ui-ai-feedback", inputs: { positiveConfig: { classPropertyName: "positiveConfig", publicName: "positiveConfig", isSignal: true, isRequired: false, transformFunction: null }, negativeConfig: { classPropertyName: "negativeConfig", publicName: "negativeConfig", isSignal: true, isRequired: false, transformFunction: null }, skipPanelForPositive: { classPropertyName: "skipPanelForPositive", publicName: "skipPanelForPositive", isSignal: true, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, isRatingDisabled: { classPropertyName: "isRatingDisabled", publicName: "isRatingDisabled", isSignal: true, isRequired: false, transformFunction: null }, enableAutoEmit: { classPropertyName: "enableAutoEmit", publicName: "enableAutoEmit", isSignal: true, isRequired: false, transformFunction: null }, isPositiveFeedback: { classPropertyName: "isPositiveFeedback", publicName: "isPositiveFeedback", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isPositiveFeedback: "isPositiveFeedbackChange", selectionChange: "selectionChange", feedbackSubmitted: "feedbackSubmitted", feedbackCancelled: "feedbackCancelled", feedbackChanged: "feedbackChanged" }, ngImport: i0, template: "<div class=\"ai-feedback-wrapper\">\n  <div class=\"ai-feedback\" [attr.aria-label]=\"translationContext + 'TITLE' | uiTranslate\" role=\"group\">\n    <ui-ai-caveat [applicationTheme]=\"applicationTheme()\"></ui-ai-caveat>\n\n    <div class=\"ai-feedback-buttons-section\">\n      @if (isRatingDisabled()) {\n        <div class=\"ai-feedback-saved\">\n          <span class=\"ai-feedback-saved-text\">{{ translationContext + 'RATING_SAVED' | uiTranslate | async }}</span>\n          <ui-icon\n            [name]=\"isPositiveFeedback() ? 'Thumb-up-filled' : 'Thumb-down-filled'\"\n            [filled]=\"true\"\n            [applicationTheme]=\"applicationTheme()\"\n            [color]=\"'gray'\"\n          />\n        </div>\n      } @else {\n        <span class=\"ai-feedback-label\">{{ translationContext + 'TITLE' | uiTranslate | async }}</span>\n\n        <div\n          class=\"ai-feedback-buttons\"\n          role=\"group\"\n          [attr.aria-expanded]=\"showPanel()\"\n          [attr.aria-controls]=\"showPanel() ? 'feedback-panel' : null\"\n        >\n          <ui-button\n            class=\"ai-feedback-button-positive\"\n            data-testid=\"ai-feedback-button-positive\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-up-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === true\"\n            (buttonClickEvent)=\"onSelectionChange(true)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n\n          <ui-button\n            data-testid=\"ai-feedback-button-negative\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-down-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === false\"\n            (buttonClickEvent)=\"onSelectionChange(false)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n        </div>\n      }\n    </div>\n  </div>\n\n  @if (showPanel()) {\n    @let panelTitle =\n      activeConfig()?.title ??\n      (panelType() | memoizeFunc: getDefaultPanelTitleTranslation : this | uiTranslate | async);\n\n    <ui-card\n      id=\"feedback-panel\"\n      class=\"feedback-panel\"\n      [class.arrow-left]=\"arrowPosition() === 'left'\"\n      [class.arrow-right]=\"arrowPosition() === 'right'\"\n      [applicationTheme]=\"applicationTheme()\"\n      [size]=\"isMobile() ? 'small' : 'medium'\"\n      role=\"region\"\n      [attr.aria-label]=\"panelTitle\"\n      [@slideDown]\n    >\n      <div class=\"feedback-panel-arrow\"></div>\n\n      <div class=\"feedback-panel-content\">\n        <div class=\"feedback-panel-title-container\">\n          <h4 class=\"feedback-panel-title\">\n            {{ panelTitle }}\n          </h4>\n\n          <ui-button\n            [justIcon]=\"true\"\n            [iconName]=\"'Close-filled'\"\n            [size]=\"'small'\"\n            [ariaLabel]=\"'Close feedback panel'\"\n            variant=\"icon-button\"\n            (buttonClickEvent)=\"closePanel()\"\n          >\n          </ui-button>\n        </div>\n\n        @if (variant() === 'panel' && activeConfig()?.options && activeConfig()!.options!.length > 0) {\n          <div class=\"feedback-options\">\n            @for (option of activeConfig()?.options; track option.id) {\n              <ui-tag\n                [label]=\"option.label\"\n                [isSelected]=\"isOptionSelected(option.id)\"\n                [showIconWhenSelected]=\"true\"\n                [applicationTheme]=\"applicationTheme()\"\n                (press)=\"toggleOption(option.id)\"\n              >\n              </ui-tag>\n            }\n          </div>\n        }\n\n        @if (showOtherField()) {\n          <ui-field\n            class=\"feedback-field\"\n            type=\"text\"\n            [label]=\"\n              activeConfig()?.otherPlaceholder ?? (translationContext + 'OTHER_PLACEHOLDER' | uiTranslate | async) ?? ''\n            \"\n            [formControl]=\"otherTextControl\"\n            [applicationTheme]=\"applicationTheme()\"\n            [fullWidth]=\"true\"\n            [showBottomContent]=\"false\"\n          >\n          </ui-field>\n        }\n\n        <div class=\"feedback-submit-container\">\n          <ui-button\n            [label]=\"(translationContext + 'SUBMIT' | uiTranslate | async) || ''\"\n            [disabled]=\"isSubmitDisabled()\"\n            [size]=\"'small'\"\n            [fullWidth]=\"isMobile()\"\n            (buttonClickEvent)=\"onSubmit()\"\n            variant=\"primary\"\n          >\n          </ui-button>\n        </div>\n      </div>\n    </ui-card>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ai-feedback-wrapper{position:relative}.ai-feedback{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:16px;padding-right:4px}@media(max-width:600px){.ai-feedback{flex-wrap:wrap}}.ai-feedback-buttons-section{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;color:#666}@media(max-width:600px){.ai-feedback-buttons-section{flex:1 0 100%;justify-content:space-between}}.ai-feedback-buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.ai-feedback-button-positive{margin-right:8px}.ai-feedback-saved{display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.ai-feedback-saved-text{font-size:12px;color:#666}.feedback-panel{display:block;margin-top:16px}.feedback-panel-arrow{position:absolute;top:-8px;width:16px;height:16px;background:inherit;border-left:1px solid;border-top:1px solid;border-color:inherit;transform:rotate(45deg);transition:right .2s ease-out}.feedback-panel.arrow-left .feedback-panel-arrow{right:40px}.feedback-panel.arrow-right .feedback-panel-arrow{right:8px}.feedback-panel-content{position:relative}.feedback-panel-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-panel-title{font-size:16px;font-weight:600;color:#242424}.feedback-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-field{margin-bottom:16px}.feedback-submit-container{display:flex;justify-content:flex-end}@media(max-width:600px){.feedback-submit-container{display:block}}\n"], dependencies: [{ kind: "component", type: AiCaveatComponent, selector: "ui-ai-caveat", inputs: ["applicationTheme"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { 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: CardComponent, selector: "ui-card", inputs: ["size", "sizeVariant", "variant", "applicationTheme", "errors", "errorsSize", "selected", "allowSelect", "allowFocus", "testId"], outputs: ["cardSelected"] }, { 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: "ngmodule", type: FieldComponentModule }, { kind: "component", type: i2.FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "testId", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: MemoizeFuncPipe, name: "memoizeFunc" }], animations: [
-            trigger('slideDown', [
-                transition(':enter', [
-                    style({ height: 0, opacity: 0, overflow: 'hidden' }),
-                    animate('200ms ease-out', style({ height: '*', opacity: 1 })),
-                ]),
-                transition(':leave', [animate('200ms ease-in', style({ height: 0, opacity: 0, overflow: 'hidden' }))]),
-            ]),
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-ai-feedback', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        trigger('slideDown', [
-                            transition(':enter', [
-                                style({ height: 0, opacity: 0, overflow: 'hidden' }),
-                                animate('200ms ease-out', style({ height: '*', opacity: 1 })),
-                            ]),
-                            transition(':leave', [animate('200ms ease-in', style({ height: 0, opacity: 0, overflow: 'hidden' }))]),
-                        ]),
-                    ], imports: [
-                        AiCaveatComponent,
-                        IconComponentModule,
-                        ButtonComponent,
-                        CardComponent,
-                        TagComponent,
-                        FieldComponentModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        AsyncPipe,
-                        UiTranslatePipe,
-                        MemoizeFuncPipe,
-                    ], template: "<div class=\"ai-feedback-wrapper\">\n  <div class=\"ai-feedback\" [attr.aria-label]=\"translationContext + 'TITLE' | uiTranslate\" role=\"group\">\n    <ui-ai-caveat [applicationTheme]=\"applicationTheme()\"></ui-ai-caveat>\n\n    <div class=\"ai-feedback-buttons-section\">\n      @if (isRatingDisabled()) {\n        <div class=\"ai-feedback-saved\">\n          <span class=\"ai-feedback-saved-text\">{{ translationContext + 'RATING_SAVED' | uiTranslate | async }}</span>\n          <ui-icon\n            [name]=\"isPositiveFeedback() ? 'Thumb-up-filled' : 'Thumb-down-filled'\"\n            [filled]=\"true\"\n            [applicationTheme]=\"applicationTheme()\"\n            [color]=\"'gray'\"\n          />\n        </div>\n      } @else {\n        <span class=\"ai-feedback-label\">{{ translationContext + 'TITLE' | uiTranslate | async }}</span>\n\n        <div\n          class=\"ai-feedback-buttons\"\n          role=\"group\"\n          [attr.aria-expanded]=\"showPanel()\"\n          [attr.aria-controls]=\"showPanel() ? 'feedback-panel' : null\"\n        >\n          <ui-button\n            class=\"ai-feedback-button-positive\"\n            data-testid=\"ai-feedback-button-positive\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-up-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === true\"\n            (buttonClickEvent)=\"onSelectionChange(true)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n\n          <ui-button\n            data-testid=\"ai-feedback-button-negative\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-down-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === false\"\n            (buttonClickEvent)=\"onSelectionChange(false)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n        </div>\n      }\n    </div>\n  </div>\n\n  @if (showPanel()) {\n    @let panelTitle =\n      activeConfig()?.title ??\n      (panelType() | memoizeFunc: getDefaultPanelTitleTranslation : this | uiTranslate | async);\n\n    <ui-card\n      id=\"feedback-panel\"\n      class=\"feedback-panel\"\n      [class.arrow-left]=\"arrowPosition() === 'left'\"\n      [class.arrow-right]=\"arrowPosition() === 'right'\"\n      [applicationTheme]=\"applicationTheme()\"\n      [size]=\"isMobile() ? 'small' : 'medium'\"\n      role=\"region\"\n      [attr.aria-label]=\"panelTitle\"\n      [@slideDown]\n    >\n      <div class=\"feedback-panel-arrow\"></div>\n\n      <div class=\"feedback-panel-content\">\n        <div class=\"feedback-panel-title-container\">\n          <h4 class=\"feedback-panel-title\">\n            {{ panelTitle }}\n          </h4>\n\n          <ui-button\n            [justIcon]=\"true\"\n            [iconName]=\"'Close-filled'\"\n            [size]=\"'small'\"\n            [ariaLabel]=\"'Close feedback panel'\"\n            variant=\"icon-button\"\n            (buttonClickEvent)=\"closePanel()\"\n          >\n          </ui-button>\n        </div>\n\n        @if (variant() === 'panel' && activeConfig()?.options && activeConfig()!.options!.length > 0) {\n          <div class=\"feedback-options\">\n            @for (option of activeConfig()?.options; track option.id) {\n              <ui-tag\n                [label]=\"option.label\"\n                [isSelected]=\"isOptionSelected(option.id)\"\n                [showIconWhenSelected]=\"true\"\n                [applicationTheme]=\"applicationTheme()\"\n                (press)=\"toggleOption(option.id)\"\n              >\n              </ui-tag>\n            }\n          </div>\n        }\n\n        @if (showOtherField()) {\n          <ui-field\n            class=\"feedback-field\"\n            type=\"text\"\n            [label]=\"\n              activeConfig()?.otherPlaceholder ?? (translationContext + 'OTHER_PLACEHOLDER' | uiTranslate | async) ?? ''\n            \"\n            [formControl]=\"otherTextControl\"\n            [applicationTheme]=\"applicationTheme()\"\n            [fullWidth]=\"true\"\n            [showBottomContent]=\"false\"\n          >\n          </ui-field>\n        }\n\n        <div class=\"feedback-submit-container\">\n          <ui-button\n            [label]=\"(translationContext + 'SUBMIT' | uiTranslate | async) || ''\"\n            [disabled]=\"isSubmitDisabled()\"\n            [size]=\"'small'\"\n            [fullWidth]=\"isMobile()\"\n            (buttonClickEvent)=\"onSubmit()\"\n            variant=\"primary\"\n          >\n          </ui-button>\n        </div>\n      </div>\n    </ui-card>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ai-feedback-wrapper{position:relative}.ai-feedback{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:16px;padding-right:4px}@media(max-width:600px){.ai-feedback{flex-wrap:wrap}}.ai-feedback-buttons-section{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;color:#666}@media(max-width:600px){.ai-feedback-buttons-section{flex:1 0 100%;justify-content:space-between}}.ai-feedback-buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.ai-feedback-button-positive{margin-right:8px}.ai-feedback-saved{display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.ai-feedback-saved-text{font-size:12px;color:#666}.feedback-panel{display:block;margin-top:16px}.feedback-panel-arrow{position:absolute;top:-8px;width:16px;height:16px;background:inherit;border-left:1px solid;border-top:1px solid;border-color:inherit;transform:rotate(45deg);transition:right .2s ease-out}.feedback-panel.arrow-left .feedback-panel-arrow{right:40px}.feedback-panel.arrow-right .feedback-panel-arrow{right:8px}.feedback-panel-content{position:relative}.feedback-panel-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-panel-title{font-size:16px;font-weight:600;color:#242424}.feedback-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-field{margin-bottom:16px}.feedback-submit-container{display:flex;justify-content:flex-end}@media(max-width:600px){.feedback-submit-container{display:block}}\n"] }]
-        }], propDecorators: { positiveConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "positiveConfig", required: false }] }], negativeConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "negativeConfig", required: false }] }], skipPanelForPositive: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipPanelForPositive", required: false }] }], applicationTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "applicationTheme", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], isRatingDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRatingDisabled", required: false }] }], enableAutoEmit: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableAutoEmit", required: false }] }], isPositiveFeedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPositiveFeedback", required: false }] }, { type: i0.Output, args: ["isPositiveFeedbackChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], feedbackSubmitted: [{ type: i0.Output, args: ["feedbackSubmitted"] }], feedbackCancelled: [{ type: i0.Output, args: ["feedbackCancelled"] }], feedbackChanged: [{ type: i0.Output, args: ["feedbackChanged"] }] } });
-
-class AiFeedbackModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackModule, imports: [CommonModule,
-            AsyncPipe,
-            ReactiveFormsModule,
-            ButtonComponentModule,
-            CardComponentModule,
-            TagComponentModule,
-            FieldComponentModule,
-            AiCaveatComponentModule,
-            IconComponentModule,
-            UiTranslatePipe,
-            MemoizeFuncPipe,
-            AiFeedbackComponent], exports: [AiFeedbackComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            ButtonComponentModule,
-            CardComponentModule,
-            TagComponentModule,
-            FieldComponentModule,
-            AiCaveatComponentModule,
-            IconComponentModule,
-            AiFeedbackComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AiFeedbackModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AsyncPipe,
-                        ReactiveFormsModule,
-                        ButtonComponentModule,
-                        CardComponentModule,
-                        TagComponentModule,
-                        FieldComponentModule,
-                        AiCaveatComponentModule,
-                        IconComponentModule,
-                        UiTranslatePipe,
-                        MemoizeFuncPipe,
-                        AiFeedbackComponent,
-                    ],
-                    exports: [AiFeedbackComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var AiFeedbackComponent = class AiFeedbackComponent {
+	constructor() {
+		this.positiveConfig = input(...ngDevMode ? [void 0, { debugName: "positiveConfig" }] : /* istanbul ignore next */ []);
+		this.negativeConfig = input(...ngDevMode ? [void 0, { debugName: "negativeConfig" }] : /* istanbul ignore next */ []);
+		this.skipPanelForPositive = input(false, ...ngDevMode ? [{ debugName: "skipPanelForPositive" }] : /* istanbul ignore next */ []);
+		this.applicationTheme = input("light", ...ngDevMode ? [{ debugName: "applicationTheme" }] : /* istanbul ignore next */ []);
+		this.variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+		this.isRatingDisabled = input(false, ...ngDevMode ? [{ debugName: "isRatingDisabled" }] : /* istanbul ignore next */ []);
+		this.enableAutoEmit = input(false, ...ngDevMode ? [{ debugName: "enableAutoEmit" }] : /* istanbul ignore next */ []);
+		this.isPositiveFeedback = model(null, ...ngDevMode ? [{ debugName: "isPositiveFeedback" }] : /* istanbul ignore next */ []);
+		this.selectionChange = output();
+		this.feedbackSubmitted = output();
+		this.feedbackCancelled = output();
+		this.feedbackChanged = output();
+		this.isMobile$ = inject(IS_MOBILE_TOKEN);
+		this.destroyRef = inject(DestroyRef);
+		this.isMobile = toSignal(this.isMobile$, { initialValue: false });
+		this.showPanel = signal(false, ...ngDevMode ? [{ debugName: "showPanel" }] : /* istanbul ignore next */ []);
+		this.panelType = signal(null, ...ngDevMode ? [{ debugName: "panelType" }] : /* istanbul ignore next */ []);
+		this.selectedOptions = signal([], ...ngDevMode ? [{ debugName: "selectedOptions" }] : /* istanbul ignore next */ []);
+		this.otherTextControl = new FormControl("");
+		this.otherTextValue = signal("", ...ngDevMode ? [{ debugName: "otherTextValue" }] : /* istanbul ignore next */ []);
+		this.selectedOptionsSubject = new Subject();
+		this.otherTextSubject = new Subject();
+		this.translationContext = "AI_FEEDBACK.";
+		this.AiFeedbackPanelType = AiFeedbackPanelType;
+		this.defaultPositiveTitle = `${this.translationContext}POSITIVE_TITLE`;
+		this.defaultNegativeTitle = `${this.translationContext}NEGATIVE_TITLE`;
+		this.OTHER_OPTION_ID = "other";
+		this.shouldAutoEmit = computed(() => this.enableAutoEmit() && this.variant() !== "default", ...ngDevMode ? [{ debugName: "shouldAutoEmit" }] : /* istanbul ignore next */ []);
+		this.activeConfig = computed(() => {
+			const type = this.panelType();
+			if (type === AiFeedbackPanelType.POSITIVE) {
+				const config = this.positiveConfig();
+				if (this.variant() === "panel" && config?.options?.length) return this.ensureOtherOption(config);
+				return config;
+			}
+			if (type === AiFeedbackPanelType.NEGATIVE) {
+				const config = this.negativeConfig();
+				if (this.variant() === "panel" && config?.options?.length) return this.ensureOtherOption(config);
+				return config;
+			}
+			return null;
+		}, ...ngDevMode ? [{ debugName: "activeConfig" }] : /* istanbul ignore next */ []);
+		this.arrowPosition = computed(() => this.panelType() === AiFeedbackPanelType.POSITIVE ? "left" : "right", ...ngDevMode ? [{ debugName: "arrowPosition" }] : /* istanbul ignore next */ []);
+		this.isSubmitDisabled = computed(() => {
+			switch (this.variant()) {
+				case "input-only": return this.otherTextValue().trim().length === 0;
+				case "panel": return this.selectedOptions().length === 0;
+				default: return false;
+			}
+		}, ...ngDevMode ? [{ debugName: "isSubmitDisabled" }] : /* istanbul ignore next */ []);
+	}
+	ngOnInit() {
+		this.otherTextControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+			this.otherTextValue.set(value ?? "");
+			if (this.shouldAutoEmit()) this.otherTextSubject.next(value ?? "");
+		});
+		this.selectedOptionsSubject.pipe(debounceTime(500), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr)), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+			this.feedbackChanged.emit({
+				isPositiveFeedback: this.isPositiveFeedback(),
+				selectedOptions: this.selectedOptions(),
+				otherText: this.otherTextControl.value || void 0
+			});
+		});
+		this.otherTextSubject.pipe(debounceTime(500), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+			this.feedbackChanged.emit({
+				isPositiveFeedback: this.isPositiveFeedback(),
+				selectedOptions: this.selectedOptions(),
+				otherText: this.otherTextControl.value || void 0
+			});
+		});
+	}
+	getDefaultPanelTitleTranslation(panelType) {
+		return panelType === AiFeedbackPanelType.POSITIVE ? this.defaultPositiveTitle : this.defaultNegativeTitle;
+	}
+	ensureOtherOption(config) {
+		if (this.variant() === "input-only") return config;
+		return config.options?.some((opt) => opt.id === this.OTHER_OPTION_ID) ? config : {
+			...config,
+			options: [...config.options ?? [], {
+				id: this.OTHER_OPTION_ID,
+				label: "Other"
+			}]
+		};
+	}
+	buildFeedbackData() {
+		if (this.variant() === "input-only") return {
+			isPositiveFeedback: this.isPositiveFeedback(),
+			otherText: this.otherTextControl.value || void 0
+		};
+		return {
+			isPositiveFeedback: this.isPositiveFeedback(),
+			selectedOptions: this.selectedOptions(),
+			otherText: this.otherTextControl.value || void 0
+		};
+	}
+	resetPanelState() {
+		this.showPanel.set(false);
+		this.panelType.set(null);
+		this.selectedOptions.set([]);
+		this.otherTextControl.setValue("");
+	}
+	shouldShowPanelForVariant() {
+		return this.variant() === "panel" || this.variant() === "input-only";
+	}
+	onSelectionChange(isPositive) {
+		if (this.isRatingDisabled()) return;
+		const newValue = this.isPositiveFeedback() === isPositive ? null : isPositive;
+		this.isPositiveFeedback.set(newValue);
+		this.selectionChange.emit(newValue);
+		if (newValue !== null) {
+			const shouldSkipPanel = isPositive && this.skipPanelForPositive();
+			if (this.shouldShowPanelForVariant() && !shouldSkipPanel) {
+				this.panelType.set(isPositive ? AiFeedbackPanelType.POSITIVE : AiFeedbackPanelType.NEGATIVE);
+				this.showPanel.set(true);
+				this.selectedOptions.set([]);
+				this.otherTextControl.setValue("");
+			}
+		} else this.closePanel();
+	}
+	toggleOption(optionId) {
+		const current = this.selectedOptions();
+		const updated = current.includes(optionId) ? current.filter((id) => id !== optionId) : [...current, optionId];
+		this.selectedOptions.set(updated);
+		if (this.shouldAutoEmit()) this.selectedOptionsSubject.next(updated);
+	}
+	isOptionSelected(optionId) {
+		return this.selectedOptions().includes(optionId);
+	}
+	showOtherField() {
+		return this.variant() === "input-only" || this.selectedOptions().includes(this.OTHER_OPTION_ID);
+	}
+	onSubmit() {
+		this.feedbackSubmitted.emit(this.buildFeedbackData());
+		this.showPanel.set(false);
+	}
+	closePanel() {
+		this.feedbackCancelled.emit(this.buildFeedbackData());
+		this.resetPanelState();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AiFeedbackComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: AiFeedbackComponent,
+			isStandalone: true,
+			selector: "ui-ai-feedback",
+			inputs: {
+				positiveConfig: {
+					classPropertyName: "positiveConfig",
+					publicName: "positiveConfig",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				negativeConfig: {
+					classPropertyName: "negativeConfig",
+					publicName: "negativeConfig",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				skipPanelForPositive: {
+					classPropertyName: "skipPanelForPositive",
+					publicName: "skipPanelForPositive",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				applicationTheme: {
+					classPropertyName: "applicationTheme",
+					publicName: "applicationTheme",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				variant: {
+					classPropertyName: "variant",
+					publicName: "variant",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				isRatingDisabled: {
+					classPropertyName: "isRatingDisabled",
+					publicName: "isRatingDisabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				enableAutoEmit: {
+					classPropertyName: "enableAutoEmit",
+					publicName: "enableAutoEmit",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				isPositiveFeedback: {
+					classPropertyName: "isPositiveFeedback",
+					publicName: "isPositiveFeedback",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				isPositiveFeedback: "isPositiveFeedbackChange",
+				selectionChange: "selectionChange",
+				feedbackSubmitted: "feedbackSubmitted",
+				feedbackCancelled: "feedbackCancelled",
+				feedbackChanged: "feedbackChanged"
+			},
+			ngImport: i0,
+			template: "<div class=\"ai-feedback-wrapper\">\n  <div class=\"ai-feedback\" [attr.aria-label]=\"translationContext + 'TITLE' | uiTranslate\" role=\"group\">\n    <ui-ai-caveat [applicationTheme]=\"applicationTheme()\"></ui-ai-caveat>\n\n    <div class=\"ai-feedback-buttons-section\">\n      @if (isRatingDisabled()) {\n        <div class=\"ai-feedback-saved\">\n          <span class=\"ai-feedback-saved-text\">{{ translationContext + 'RATING_SAVED' | uiTranslate | async }}</span>\n          <ui-icon\n            [name]=\"isPositiveFeedback() ? 'Thumb-up-filled' : 'Thumb-down-filled'\"\n            [filled]=\"true\"\n            [applicationTheme]=\"applicationTheme()\"\n            [color]=\"'gray'\"\n          />\n        </div>\n      } @else {\n        <span class=\"ai-feedback-label\">{{ translationContext + 'TITLE' | uiTranslate | async }}</span>\n\n        <div\n          class=\"ai-feedback-buttons\"\n          role=\"group\"\n          [attr.aria-expanded]=\"showPanel()\"\n          [attr.aria-controls]=\"showPanel() ? 'feedback-panel' : null\"\n        >\n          <ui-button\n            class=\"ai-feedback-button-positive\"\n            data-testid=\"ai-feedback-button-positive\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-up-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === true\"\n            (buttonClickEvent)=\"onSelectionChange(true)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n\n          <ui-button\n            data-testid=\"ai-feedback-button-negative\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-down-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === false\"\n            (buttonClickEvent)=\"onSelectionChange(false)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n        </div>\n      }\n    </div>\n  </div>\n\n  @if (showPanel()) {\n    @let panelTitle =\n      activeConfig()?.title ??\n      (panelType() | memoizeFunc: getDefaultPanelTitleTranslation : this | uiTranslate | async);\n\n    <ui-card\n      id=\"feedback-panel\"\n      class=\"feedback-panel\"\n      [class.arrow-left]=\"arrowPosition() === 'left'\"\n      [class.arrow-right]=\"arrowPosition() === 'right'\"\n      [applicationTheme]=\"applicationTheme()\"\n      [size]=\"isMobile() ? 'small' : 'medium'\"\n      role=\"region\"\n      [attr.aria-label]=\"panelTitle\"\n      [@slideDown]\n    >\n      <div class=\"feedback-panel-arrow\"></div>\n\n      <div class=\"feedback-panel-content\">\n        <div class=\"feedback-panel-title-container\">\n          <h4 class=\"feedback-panel-title\">\n            {{ panelTitle }}\n          </h4>\n\n          <ui-button\n            [justIcon]=\"true\"\n            [iconName]=\"'Close-filled'\"\n            [size]=\"'small'\"\n            [ariaLabel]=\"'Close feedback panel'\"\n            variant=\"icon-button\"\n            (buttonClickEvent)=\"closePanel()\"\n          >\n          </ui-button>\n        </div>\n\n        @if (variant() === 'panel' && activeConfig()?.options && activeConfig()!.options!.length > 0) {\n          <div class=\"feedback-options\">\n            @for (option of activeConfig()?.options; track option.id) {\n              <ui-tag\n                [label]=\"option.label\"\n                [isSelected]=\"isOptionSelected(option.id)\"\n                [showIconWhenSelected]=\"true\"\n                [applicationTheme]=\"applicationTheme()\"\n                (press)=\"toggleOption(option.id)\"\n              >\n              </ui-tag>\n            }\n          </div>\n        }\n\n        @if (showOtherField()) {\n          <ui-field\n            class=\"feedback-field\"\n            type=\"text\"\n            [label]=\"\n              activeConfig()?.otherPlaceholder ?? (translationContext + 'OTHER_PLACEHOLDER' | uiTranslate | async) ?? ''\n            \"\n            [formControl]=\"otherTextControl\"\n            [applicationTheme]=\"applicationTheme()\"\n            [fullWidth]=\"true\"\n            [showBottomContent]=\"false\"\n          >\n          </ui-field>\n        }\n\n        <div class=\"feedback-submit-container\">\n          <ui-button\n            [label]=\"(translationContext + 'SUBMIT' | uiTranslate | async) || ''\"\n            [disabled]=\"isSubmitDisabled()\"\n            [size]=\"'small'\"\n            [fullWidth]=\"isMobile()\"\n            (buttonClickEvent)=\"onSubmit()\"\n            variant=\"primary\"\n          >\n          </ui-button>\n        </div>\n      </div>\n    </ui-card>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ai-feedback-wrapper{position:relative}.ai-feedback{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:16px;padding-right:4px}@media(max-width:600px){.ai-feedback{flex-wrap:wrap}}.ai-feedback-buttons-section{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;color:#666}@media(max-width:600px){.ai-feedback-buttons-section{flex:1 0 100%;justify-content:space-between}}.ai-feedback-buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.ai-feedback-button-positive{margin-right:8px}.ai-feedback-saved{display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.ai-feedback-saved-text{font-size:12px;color:#666}.feedback-panel{display:block;margin-top:16px}.feedback-panel-arrow{position:absolute;top:-8px;width:16px;height:16px;background:inherit;border-left:1px solid;border-top:1px solid;border-color:inherit;transform:rotate(45deg);transition:right .2s ease-out}.feedback-panel.arrow-left .feedback-panel-arrow{right:40px}.feedback-panel.arrow-right .feedback-panel-arrow{right:8px}.feedback-panel-content{position:relative}.feedback-panel-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-panel-title{font-size:16px;font-weight:600;color:#242424}.feedback-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-field{margin-bottom:16px}.feedback-submit-container{display:flex;justify-content:flex-end}@media(max-width:600px){.feedback-submit-container{display:block}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: AiCaveatComponent,
+					selector: "ui-ai-caveat",
+					inputs: ["applicationTheme"]
+				},
+				{
+					kind: "ngmodule",
+					type: IconComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					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: CardComponent,
+					selector: "ui-card",
+					inputs: [
+						"size",
+						"sizeVariant",
+						"variant",
+						"applicationTheme",
+						"errors",
+						"errorsSize",
+						"selected",
+						"allowSelect",
+						"allowFocus",
+						"testId"
+					],
+					outputs: ["cardSelected"]
+				},
+				{
+					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: "ngmodule",
+					type: FieldComponentModule
+				},
+				{
+					kind: "component",
+					type: i2.FieldComponent,
+					selector: "ui-field",
+					inputs: [
+						"fullWidth",
+						"fullHeight",
+						"label",
+						"labelHtml",
+						"labelIcon",
+						"fieldName",
+						"placeholder",
+						"id",
+						"value",
+						"badgeVariant",
+						"errors",
+						"disabled",
+						"required",
+						"readOnly",
+						"hintMessage",
+						"type",
+						"updateOnBlur",
+						"allowOnlyDigits",
+						"isAutocompleteOff",
+						"allowNegative",
+						"showBottomContent",
+						"applicationTheme",
+						"ariaLabel",
+						"testId",
+						"loading",
+						"isValid",
+						"maxCharacters",
+						"trimOnBlur",
+						"trimOnSubmit",
+						"maxRows",
+						"hasTextAreaCounter",
+						"hideBuiltInErrors",
+						"hideLabelInErrors",
+						"max",
+						"min",
+						"textareaHeight",
+						"borderless",
+						"autosizableTextarea",
+						"isAIVariant",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"hasError"
+					],
+					outputs: ["validateEvent", "fieldBlur"]
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "ngmodule",
+					type: ReactiveFormsModule
+				},
+				{
+					kind: "directive",
+					type: i3.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				},
+				{
+					kind: "pipe",
+					type: MemoizeFuncPipe,
+					name: "memoizeFunc"
+				}
+			],
+			animations: [trigger("slideDown", [transition(":enter", [style({
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			}), animate("200ms ease-out", style({
+				height: "*",
+				opacity: 1
+			}))]), transition(":leave", [animate("200ms ease-in", style({
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			}))])])],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AiFeedbackComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-ai-feedback",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			animations: [trigger("slideDown", [transition(":enter", [style({
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			}), animate("200ms ease-out", style({
+				height: "*",
+				opacity: 1
+			}))]), transition(":leave", [animate("200ms ease-in", style({
+				height: 0,
+				opacity: 0,
+				overflow: "hidden"
+			}))])])],
+			imports: [
+				AiCaveatComponent,
+				IconComponentModule,
+				ButtonComponent,
+				CardComponent,
+				TagComponent,
+				FieldComponentModule,
+				FormsModule,
+				ReactiveFormsModule,
+				AsyncPipe,
+				UiTranslatePipe,
+				MemoizeFuncPipe
+			],
+			template: "<div class=\"ai-feedback-wrapper\">\n  <div class=\"ai-feedback\" [attr.aria-label]=\"translationContext + 'TITLE' | uiTranslate\" role=\"group\">\n    <ui-ai-caveat [applicationTheme]=\"applicationTheme()\"></ui-ai-caveat>\n\n    <div class=\"ai-feedback-buttons-section\">\n      @if (isRatingDisabled()) {\n        <div class=\"ai-feedback-saved\">\n          <span class=\"ai-feedback-saved-text\">{{ translationContext + 'RATING_SAVED' | uiTranslate | async }}</span>\n          <ui-icon\n            [name]=\"isPositiveFeedback() ? 'Thumb-up-filled' : 'Thumb-down-filled'\"\n            [filled]=\"true\"\n            [applicationTheme]=\"applicationTheme()\"\n            [color]=\"'gray'\"\n          />\n        </div>\n      } @else {\n        <span class=\"ai-feedback-label\">{{ translationContext + 'TITLE' | uiTranslate | async }}</span>\n\n        <div\n          class=\"ai-feedback-buttons\"\n          role=\"group\"\n          [attr.aria-expanded]=\"showPanel()\"\n          [attr.aria-controls]=\"showPanel() ? 'feedback-panel' : null\"\n        >\n          <ui-button\n            class=\"ai-feedback-button-positive\"\n            data-testid=\"ai-feedback-button-positive\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-up-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.YES' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === true\"\n            (buttonClickEvent)=\"onSelectionChange(true)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n\n          <ui-button\n            data-testid=\"ai-feedback-button-negative\"\n            [justIcon]=\"true\"\n            [iconName]=\"'Thumb-down-in-line'\"\n            [size]=\"'small'\"\n            [tooltip]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.NO' | uiTranslate | async)!\"\n            [iconFilled]=\"isPositiveFeedback() === false\"\n            (buttonClickEvent)=\"onSelectionChange(false)\"\n            variant=\"icon-button\"\n            role=\"button\"\n          >\n          </ui-button>\n        </div>\n      }\n    </div>\n  </div>\n\n  @if (showPanel()) {\n    @let panelTitle =\n      activeConfig()?.title ??\n      (panelType() | memoizeFunc: getDefaultPanelTitleTranslation : this | uiTranslate | async);\n\n    <ui-card\n      id=\"feedback-panel\"\n      class=\"feedback-panel\"\n      [class.arrow-left]=\"arrowPosition() === 'left'\"\n      [class.arrow-right]=\"arrowPosition() === 'right'\"\n      [applicationTheme]=\"applicationTheme()\"\n      [size]=\"isMobile() ? 'small' : 'medium'\"\n      role=\"region\"\n      [attr.aria-label]=\"panelTitle\"\n      [@slideDown]\n    >\n      <div class=\"feedback-panel-arrow\"></div>\n\n      <div class=\"feedback-panel-content\">\n        <div class=\"feedback-panel-title-container\">\n          <h4 class=\"feedback-panel-title\">\n            {{ panelTitle }}\n          </h4>\n\n          <ui-button\n            [justIcon]=\"true\"\n            [iconName]=\"'Close-filled'\"\n            [size]=\"'small'\"\n            [ariaLabel]=\"'Close feedback panel'\"\n            variant=\"icon-button\"\n            (buttonClickEvent)=\"closePanel()\"\n          >\n          </ui-button>\n        </div>\n\n        @if (variant() === 'panel' && activeConfig()?.options && activeConfig()!.options!.length > 0) {\n          <div class=\"feedback-options\">\n            @for (option of activeConfig()?.options; track option.id) {\n              <ui-tag\n                [label]=\"option.label\"\n                [isSelected]=\"isOptionSelected(option.id)\"\n                [showIconWhenSelected]=\"true\"\n                [applicationTheme]=\"applicationTheme()\"\n                (press)=\"toggleOption(option.id)\"\n              >\n              </ui-tag>\n            }\n          </div>\n        }\n\n        @if (showOtherField()) {\n          <ui-field\n            class=\"feedback-field\"\n            type=\"text\"\n            [label]=\"\n              activeConfig()?.otherPlaceholder ?? (translationContext + 'OTHER_PLACEHOLDER' | uiTranslate | async) ?? ''\n            \"\n            [formControl]=\"otherTextControl\"\n            [applicationTheme]=\"applicationTheme()\"\n            [fullWidth]=\"true\"\n            [showBottomContent]=\"false\"\n          >\n          </ui-field>\n        }\n\n        <div class=\"feedback-submit-container\">\n          <ui-button\n            [label]=\"(translationContext + 'SUBMIT' | uiTranslate | async) || ''\"\n            [disabled]=\"isSubmitDisabled()\"\n            [size]=\"'small'\"\n            [fullWidth]=\"isMobile()\"\n            (buttonClickEvent)=\"onSubmit()\"\n            variant=\"primary\"\n          >\n          </ui-button>\n        </div>\n      </div>\n    </ui-card>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ai-feedback-wrapper{position:relative}.ai-feedback{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:16px;padding-right:4px}@media(max-width:600px){.ai-feedback{flex-wrap:wrap}}.ai-feedback-buttons-section{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;color:#666}@media(max-width:600px){.ai-feedback-buttons-section{flex:1 0 100%;justify-content:space-between}}.ai-feedback-buttons{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.ai-feedback-button-positive{margin-right:8px}.ai-feedback-saved{display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.ai-feedback-saved-text{font-size:12px;color:#666}.feedback-panel{display:block;margin-top:16px}.feedback-panel-arrow{position:absolute;top:-8px;width:16px;height:16px;background:inherit;border-left:1px solid;border-top:1px solid;border-color:inherit;transform:rotate(45deg);transition:right .2s ease-out}.feedback-panel.arrow-left .feedback-panel-arrow{right:40px}.feedback-panel.arrow-right .feedback-panel-arrow{right:8px}.feedback-panel-content{position:relative}.feedback-panel-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-panel-title{font-size:16px;font-weight:600;color:#242424}.feedback-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feedback-field{margin-bottom:16px}.feedback-submit-container{display:flex;justify-content:flex-end}@media(max-width:600px){.feedback-submit-container{display:block}}\n"]
+		}]
+	}],
+	propDecorators: {
+		positiveConfig: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "positiveConfig",
+				required: false
+			}]
+		}],
+		negativeConfig: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "negativeConfig",
+				required: false
+			}]
+		}],
+		skipPanelForPositive: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "skipPanelForPositive",
+				required: false
+			}]
+		}],
+		applicationTheme: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "applicationTheme",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		isRatingDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isRatingDisabled",
+				required: false
+			}]
+		}],
+		enableAutoEmit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enableAutoEmit",
+				required: false
+			}]
+		}],
+		isPositiveFeedback: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isPositiveFeedback",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["isPositiveFeedbackChange"]
+		}],
+		selectionChange: [{
+			type: i0.Output,
+			args: ["selectionChange"]
+		}],
+		feedbackSubmitted: [{
+			type: i0.Output,
+			args: ["feedbackSubmitted"]
+		}],
+		feedbackCancelled: [{
+			type: i0.Output,
+			args: ["feedbackCancelled"]
+		}],
+		feedbackChanged: [{
+			type: i0.Output,
+			args: ["feedbackChanged"]
+		}]
+	}
+});
+var AiFeedbackModule = class AiFeedbackModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AiFeedbackModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AiFeedbackModule,
+			imports: [
+				CommonModule,
+				AsyncPipe,
+				ReactiveFormsModule,
+				ButtonComponentModule,
+				CardComponentModule,
+				TagComponentModule,
+				FieldComponentModule,
+				AiCaveatComponentModule,
+				IconComponentModule,
+				UiTranslatePipe,
+				MemoizeFuncPipe,
+				AiFeedbackComponent
+			],
+			exports: [AiFeedbackComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AiFeedbackModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				ButtonComponentModule,
+				CardComponentModule,
+				TagComponentModule,
+				FieldComponentModule,
+				AiCaveatComponentModule,
+				IconComponentModule,
+				AiFeedbackComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AiFeedbackModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				AsyncPipe,
+				ReactiveFormsModule,
+				ButtonComponentModule,
+				CardComponentModule,
+				TagComponentModule,
+				FieldComponentModule,
+				AiCaveatComponentModule,
+				IconComponentModule,
+				UiTranslatePipe,
+				MemoizeFuncPipe,
+				AiFeedbackComponent
+			],
+			exports: [AiFeedbackComponent]
+		}]
+	}]
+});
 export { AiFeedbackComponent, AiFeedbackModule, AiFeedbackPanelType };
-//# sourceMappingURL=testgorilla-tgo-ui-components-ai-feedback.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-ai-feedback.mjs.map