@memberjunction/ng-feedback 0.0.1 → 5.30.0

package/dist/lib/components/feedback-form.component.js

@@ -0,0 +1,920 @@
+import { Component, Input, Output, EventEmitter, Inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { FEEDBACK_CONFIG, mergeFieldConfig } from '../feedback.config';
+import { MJDialogComponent, MJDialogActionsComponent, MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/feedback.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+function FeedbackFormComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.config.subtitle, " ");
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2, " Analyzing feedback type... ");
+    i0.ɵɵelementEnd();
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Classified as ", ctx_r0.Category, " ");
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, " Steps to Reproduce ");
+    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵtext(4, "(recommended)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "textarea", 24);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_0_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.StepsToReproduce, $event) || (ctx_r0.StepsToReproduce = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.StepsToReproduce);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, "Expected Behavior");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "textarea", 25);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_1_Template_textarea_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.ExpectedBehavior, $event) || (ctx_r0.ExpectedBehavior = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ExpectedBehavior);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, "Actual Behavior");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "textarea", 26);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_2_Template_textarea_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.ActualBehavior, $event) || (ctx_r0.ActualBehavior = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ActualBehavior);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_0_Template, 6, 1, "div", 8);
+    i0.ɵɵconditionalCreate(1, FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_1_Template, 4, 1, "div", 8);
+    i0.ɵɵconditionalCreate(2, FeedbackFormComponent_Conditional_6_Conditional_19_Conditional_2_Template, 4, 1, "div", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showStepsToReproduce ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showExpectedBehavior ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showActualBehavior ? 2 : -1);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, " Use Case ");
+    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵtext(4, "(recommended)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "textarea", 27);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_0_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.UseCase, $event) || (ctx_r0.UseCase = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.UseCase);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, " Proposed Solution ");
+    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵtext(4, "(optional)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "textarea", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_1_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.ProposedSolution, $event) || (ctx_r0.ProposedSolution = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ProposedSolution);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_0_Template, 6, 1, "div", 8);
+    i0.ɵɵconditionalCreate(1, FeedbackFormComponent_Conditional_6_Conditional_20_Conditional_1_Template, 6, 1, "div", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showUseCase ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showProposedSolution ? 1 : -1);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "label", 9);
+    i0.ɵɵtext(2, "Your Name ");
+    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵtext(4, "(optional)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "input", 30);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_1_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.Name, $event) || (ctx_r0.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Name);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "label", 9);
+    i0.ɵɵtext(2, "Email ");
+    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵtext(4, "(for follow-up)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_2_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.Email, $event) || (ctx_r0.Email = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Email);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵconditionalCreate(1, FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_1_Template, 6, 1, "div", 29);
+    i0.ɵɵconditionalCreate(2, FeedbackFormComponent_Conditional_6_Conditional_21_Conditional_2_Template, 6, 1, "div", 29);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showName ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showEmail ? 2 : -1);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "label", 9);
+    i0.ɵɵtext(2, "Screenshot");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 32);
+    i0.ɵɵelement(4, "img", 33);
+    i0.ɵɵelementStart(5, "button", 34);
+    i0.ɵɵlistener("click", function FeedbackFormComponent_Conditional_6_Conditional_22_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.RemoveScreenshot()); });
+    i0.ɵɵelement(6, "i", 35);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 36);
+    i0.ɵɵelement(8, "i", 37);
+    i0.ɵɵtext(9, " This screenshot will be included in the public GitHub issue. ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("src", ctx_r0.ScreenshotDataUrl, i0.ɵɵsanitizeUrl);
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "button", 38);
+    i0.ɵɵlistener("click", function FeedbackFormComponent_Conditional_6_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.IncludeScreenshot()); });
+    i0.ɵɵelement(2, "i", 39);
+    i0.ɵɵtext(3, " Include screenshot of current view ");
+    i0.ɵɵelementEnd()();
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 40);
+    i0.ɵɵelement(2, "i", 21);
+    i0.ɵɵtext(3, " Preparing screenshot... ");
+    i0.ɵɵelementEnd()();
+} }
+function FeedbackFormComponent_Conditional_6_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
+} }
+function FeedbackFormComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 8)(2, "label", 9);
+    i0.ɵɵtext(3, " Title ");
+    i0.ɵɵelementStart(4, "span", 10);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 11);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Title, $event) || (ctx_r0.Title = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function FeedbackFormComponent_Conditional_6_Template_input_ngModelChange_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnFieldChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 12);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 8)(10, "label", 9);
+    i0.ɵɵtext(11, " Description ");
+    i0.ɵɵelementStart(12, "span", 10);
+    i0.ɵɵtext(13, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "textarea", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Description, $event) || (ctx_r0.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function FeedbackFormComponent_Conditional_6_Template_textarea_ngModelChange_14_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnFieldChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 12);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(17, FeedbackFormComponent_Conditional_6_Conditional_17_Template, 3, 0, "div", 14)(18, FeedbackFormComponent_Conditional_6_Conditional_18_Template, 3, 1, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(19, FeedbackFormComponent_Conditional_6_Conditional_19_Template, 3, 3);
+    i0.ɵɵconditionalCreate(20, FeedbackFormComponent_Conditional_6_Conditional_20_Template, 2, 2);
+    i0.ɵɵconditionalCreate(21, FeedbackFormComponent_Conditional_6_Conditional_21_Template, 3, 2, "div", 16);
+    i0.ɵɵconditionalCreate(22, FeedbackFormComponent_Conditional_6_Conditional_22_Template, 10, 1, "div", 8)(23, FeedbackFormComponent_Conditional_6_Conditional_23_Template, 4, 0, "div", 8)(24, FeedbackFormComponent_Conditional_6_Conditional_24_Template, 4, 0, "div", 8);
+    i0.ɵɵconditionalCreate(25, FeedbackFormComponent_Conditional_6_Conditional_25_Template, 4, 1, "div", 17);
+    i0.ɵɵelementStart(26, "label", 18)(27, "input", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function FeedbackFormComponent_Conditional_6_Template_input_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.CertificationAccepted, $event) || (ctx_r0.CertificationAccepted = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "span", 20);
+    i0.ɵɵtext(29, " I certify that I am authorized to submit this on behalf of my organization and that this submission does not contain confidential or sensitive information. This will be posted to a public GitHub repository. ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Title);
+    i0.ɵɵproperty("maxlength", 256);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("warning", ctx_r0.Title.length > 0 && ctx_r0.Title.length < 5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Title.length, "/256 (minimum 5 characters) ");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Description);
+    i0.ɵɵproperty("maxlength", 10000);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("warning", ctx_r0.Description.length > 0 && ctx_r0.Description.length < 20);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Description.length, "/10000 (minimum 20 characters) ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.IsClassifying ? 17 : ctx_r0.WasAutoClassified ? 18 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.Category === "bug" ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Category === "feature" ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.FieldConfig.showName || ctx_r0.FieldConfig.showEmail ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ScreenshotIncluded && ctx_r0.ScreenshotDataUrl ? 22 : ctx_r0.ScreenshotDataUrl && !ctx_r0.ScreenshotIncluded ? 23 : ctx_r0.IsCapturingScreenshot ? 24 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.ErrorMessage ? 25 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.CertificationAccepted);
+} }
+function FeedbackFormComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 5);
+} }
+function FeedbackFormComponent_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p")(1, "a", 43);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("href", ctx_r0.IssueUrl, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" View Issue #", ctx_r0.IssueNumber, " ");
+} }
+function FeedbackFormComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, FeedbackFormComponent_Conditional_8_Conditional_4_Template, 3, 2, "p");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.config.successMessage || "Thank you! Your feedback has been submitted.");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.IssueUrl && ctx_r0.config.showIssueLink !== false ? 4 : -1);
+} }
+function FeedbackFormComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 44);
+    i0.ɵɵlistener("click", function FeedbackFormComponent_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnSubmit()); });
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 46);
+    i0.ɵɵlistener("click", function FeedbackFormComponent_Conditional_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCancel()); });
+    i0.ɵɵtext(4, "Cancel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", !ctx_r0.CanSubmit() || ctx_r0.IsSubmitting);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-spinner", ctx_r0.IsSubmitting)("fa-spin", ctx_r0.IsSubmitting)("fa-paper-plane", !ctx_r0.IsSubmitting);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.IsSubmitting ? "Submitting..." : ctx_r0.config.submitButtonText || "Submit", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.IsSubmitting);
+} }
+function FeedbackFormComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function FeedbackFormComponent_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCancel()); });
+    i0.ɵɵtext(1, "Close");
+    i0.ɵɵelementEnd();
+} }
+export class FeedbackFormComponent {
+    config;
+    feedbackService;
+    cdr;
+    /** Controls mj-dialog visibility — set by FeedbackDialogService */
+    DialogVisible = true;
+    // Inputs for pre-filling
+    PrefilledCategory;
+    PrefilledTitle;
+    ContextData;
+    /** Current page/view name (for apps where URL doesn't reflect navigation) */
+    CurrentPage;
+    // Outputs
+    Submitted = new EventEmitter();
+    Success = new EventEmitter();
+    Error = new EventEmitter();
+    Cancelled = new EventEmitter();
+    DialogClosed = new EventEmitter();
+    // Form fields
+    Category = 'bug';
+    Title = '';
+    Description = '';
+    StepsToReproduce = '';
+    ExpectedBehavior = '';
+    ActualBehavior = '';
+    Severity = 'minor';
+    UseCase = '';
+    ProposedSolution = '';
+    Environment = '';
+    AffectedArea = '';
+    Name = '';
+    Email = '';
+    // State
+    IsSubmitting = false;
+    IsClassifying = false;
+    WasAutoClassified = false;
+    SubmissionSuccess = false;
+    ErrorMessage = '';
+    lastClassifiedTitle = '';
+    lastClassifiedDescription = '';
+    IssueNumber;
+    IssueUrl;
+    ScreenshotDataUrl;
+    ScreenshotIncluded = false;
+    IsCapturingScreenshot = true;
+    CertificationAccepted = false;
+    classifyTimeout;
+    // Merged field config
+    FieldConfig;
+    constructor(config, feedbackService, cdr) {
+        this.config = config;
+        this.feedbackService = feedbackService;
+        this.cdr = cdr;
+        this.FieldConfig = mergeFieldConfig(config.fields);
+    }
+    ngOnInit() {
+        // Apply pre-filled values
+        if (this.PrefilledCategory) {
+            this.Category = this.PrefilledCategory;
+        }
+        if (this.PrefilledTitle) {
+            this.Title = this.PrefilledTitle;
+        }
+        // Extract screenshot from context data — store locally but don't include in submission until user opts in
+        if (this.ContextData?.['screenshot'] && typeof this.ContextData['screenshot'] === 'string') {
+            this.ScreenshotDataUrl = this.ContextData['screenshot'];
+            delete this.ContextData['screenshot'];
+        }
+    }
+    /**
+     * User opts in to include the screenshot
+     */
+    IncludeScreenshot() {
+        this.ScreenshotIncluded = true;
+        if (this.ScreenshotDataUrl) {
+            if (!this.ContextData) {
+                this.ContextData = {};
+            }
+            this.ContextData['screenshot'] = this.ScreenshotDataUrl;
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Remove the attached screenshot (opt back out)
+     */
+    RemoveScreenshot() {
+        this.ScreenshotIncluded = false;
+        if (this.ContextData) {
+            delete this.ContextData['screenshot'];
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Handle field value changes to ensure button state updates.
+     * Triggers LLM auto-classification after a debounce when description is long enough.
+     */
+    OnFieldChange() {
+        this.cdr.detectChanges();
+        this.scheduleClassification();
+    }
+    /**
+     * Schedule LLM classification with debounce (1 second after user stops typing)
+     */
+    scheduleClassification() {
+        if (this.classifyTimeout) {
+            clearTimeout(this.classifyTimeout);
+        }
+        // Only classify if we have enough text and haven't already classified this content
+        if (this.Title.trim().length >= 5 && this.Description.trim().length >= 20) {
+            this.classifyTimeout = setTimeout(() => this.runClassification(), 1000);
+        }
+    }
+    /**
+     * Run LLM classification and apply suggestions
+     */
+    async runClassification() {
+        if (this.IsClassifying || this.IsSubmitting)
+            return;
+        const title = this.Title.trim();
+        const description = this.Description.trim();
+        // Skip if content hasn't changed since last classification
+        if (title === this.lastClassifiedTitle && description === this.lastClassifiedDescription)
+            return;
+        this.IsClassifying = true;
+        this.cdr.detectChanges();
+        const result = await this.feedbackService.Classify(title, description);
+        this.IsClassifying = false;
+        if (result) {
+            this.Category = result.category;
+            this.Severity = result.severity;
+            this.WasAutoClassified = true;
+            this.lastClassifiedTitle = title;
+            this.lastClassifiedDescription = description;
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Check if form is valid for submission
+     */
+    CanSubmit() {
+        if (!this.Title.trim() || this.Title.length < 5) {
+            return false;
+        }
+        if (!this.Description.trim() || this.Description.length < 20) {
+            return false;
+        }
+        if (!this.Category) {
+            return false;
+        }
+        if (!this.CertificationAccepted) {
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Submit the feedback
+     */
+    async OnSubmit() {
+        if (!this.CanSubmit() || this.IsSubmitting) {
+            return;
+        }
+        this.IsSubmitting = true;
+        this.ErrorMessage = '';
+        this.cdr.detectChanges();
+        const submission = this.buildSubmission();
+        this.Submitted.emit(submission);
+        this.feedbackService.Submit(submission).subscribe({
+            next: (response) => {
+                this.IsSubmitting = false;
+                if (response.success) {
+                    this.SubmissionSuccess = true;
+                    this.IssueNumber = response.issueNumber;
+                    this.IssueUrl = response.issueUrl;
+                    this.Success.emit(response);
+                }
+                else {
+                    const message = response.error || 'Submission failed. Please try again.';
+                    this.ErrorMessage = message;
+                    this.Error.emit(new Error(message));
+                }
+                this.cdr.detectChanges();
+            },
+            error: (error) => {
+                this.IsSubmitting = false;
+                this.ErrorMessage = error.message;
+                this.Error.emit(error);
+                this.cdr.detectChanges();
+            }
+        });
+    }
+    /**
+     * Build the feedback submission object from current form state
+     */
+    buildSubmission() {
+        const submission = {
+            title: this.Title.trim(),
+            description: this.Description.trim(),
+            category: this.Category,
+            metadata: this.ContextData,
+            currentPage: this.CurrentPage
+        };
+        if (this.Category === 'bug') {
+            this.applyBugFields(submission);
+        }
+        if (this.Category === 'feature') {
+            this.applyFeatureFields(submission);
+        }
+        this.applyOptionalFields(submission);
+        return submission;
+    }
+    applyBugFields(submission) {
+        if (this.StepsToReproduce.trim()) {
+            submission.stepsToReproduce = this.StepsToReproduce.trim();
+        }
+        if (this.ExpectedBehavior.trim()) {
+            submission.expectedBehavior = this.ExpectedBehavior.trim();
+        }
+        if (this.ActualBehavior.trim()) {
+            submission.actualBehavior = this.ActualBehavior.trim();
+        }
+        if (this.Severity) {
+            submission.severity = this.Severity;
+        }
+    }
+    applyFeatureFields(submission) {
+        if (this.UseCase.trim()) {
+            submission.useCase = this.UseCase.trim();
+        }
+        if (this.ProposedSolution.trim()) {
+            submission.proposedSolution = this.ProposedSolution.trim();
+        }
+    }
+    applyOptionalFields(submission) {
+        if (this.Environment && this.FieldConfig.showEnvironment) {
+            submission.environment = this.Environment;
+        }
+        if (this.AffectedArea && this.FieldConfig.showAffectedArea) {
+            submission.affectedArea = this.AffectedArea;
+        }
+        if (this.Name.trim() && this.FieldConfig.showName) {
+            submission.name = this.Name.trim();
+        }
+        if (this.Email.trim() && this.FieldConfig.showEmail) {
+            submission.email = this.Email.trim();
+        }
+    }
+    /**
+     * Cancel and close the dialog
+     */
+    OnCancel() {
+        this.DialogVisible = false;
+        this.Cancelled.emit();
+        this.DialogClosed.emit({ success: this.SubmissionSuccess });
+    }
+    /**
+     * Reset the form
+     */
+    Reset() {
+        this.Title = '';
+        this.Description = '';
+        this.StepsToReproduce = '';
+        this.ExpectedBehavior = '';
+        this.ActualBehavior = '';
+        this.UseCase = '';
+        this.ProposedSolution = '';
+        this.Name = '';
+        this.Email = '';
+        this.ErrorMessage = '';
+        this.SubmissionSuccess = false;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = function FeedbackFormComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FeedbackFormComponent)(i0.ɵɵdirectiveInject(FEEDBACK_CONFIG), i0.ɵɵdirectiveInject(i1.FeedbackService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeedbackFormComponent, selectors: [["mj-feedback-form"]], inputs: { PrefilledCategory: "PrefilledCategory", PrefilledTitle: "PrefilledTitle", ContextData: "ContextData", CurrentPage: "CurrentPage" }, outputs: { Submitted: "Submitted", Success: "Success", Error: "Error", Cancelled: "Cancelled", DialogClosed: "DialogClosed" }, decls: 12, vars: 8, consts: [["Size", "lg", 3, "Close", "Visible", "Title"], [1, "feedback-subtitle"], [1, "feedback-privacy-notice"], [1, "fa-solid", "fa-circle-info"], [1, "feedback-form-content"], ["text", "Submitting your feedback...", "size", "medium"], [1, "feedback-success"], ["mjButton", "", "variant", "primary", "type", "button"], [1, "feedback-section"], [1, "feedback-label"], [1, "required"], ["type", "text", "placeholder", "Brief summary of your feedback...", 1, "mj-input", 3, "ngModelChange", "ngModel", "maxlength"], [1, "char-count"], ["placeholder", "Please provide a detailed description...", "rows", "4", 1, "mj-textarea", 3, "ngModelChange", "ngModel", "maxlength"], [1, "classify-indicator"], [1, "classify-indicator", "classified"], [1, "feedback-row"], [1, "feedback-error"], [1, "certification-label"], ["type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "certification-text"], [1, "fas", "fa-spinner", "fa-spin"], [1, "fas", "fa-wand-magic-sparkles"], [1, "optional-hint"], ["placeholder", "1. Go to...\n2. Click on...\n3. See error...", "rows", "3", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["placeholder", "What should have happened?", "rows", "2", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["placeholder", "What actually happened?", "rows", "2", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["placeholder", "What problem would this solve? Why is it needed?", "rows", "3", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["placeholder", "How might this work?", "rows", "2", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], [1, "feedback-section", "half"], ["type", "text", "placeholder", "John Doe", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "john@example.com", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "screenshot-preview"], ["alt", "Screenshot of current view", 3, "src"], ["type", "button", "title", "Remove screenshot", 1, "screenshot-remove", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "screenshot-public-notice"], [1, "fa-solid", "fa-eye"], ["type", "button", 1, "screenshot-include-btn", 3, "click"], [1, "fa-solid", "fa-camera"], [1, "screenshot-loading"], [1, "fas", "fa-exclamation-triangle"], [1, "fas", "fa-check-circle", "fa-3x"], ["target", "_blank", "rel", "noopener noreferrer", 3, "href"], ["mjButton", "", "variant", "primary", "type", "button", 3, "click", "disabled"], [1, "fas"], ["mjButton", "", "type", "button", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", "type", "button", 3, "click"]], template: function FeedbackFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-dialog", 0);
+            i0.ɵɵlistener("Close", function FeedbackFormComponent_Template_mj_dialog_Close_0_listener() { return ctx.OnCancel(); });
+            i0.ɵɵconditionalCreate(1, FeedbackFormComponent_Conditional_1_Template, 2, 1, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "span");
+            i0.ɵɵtext(5, "Feedback is submitted as a public GitHub issue. Please do not include confidential or sensitive information.");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(6, FeedbackFormComponent_Conditional_6_Template, 30, 17, "div", 4);
+            i0.ɵɵconditionalCreate(7, FeedbackFormComponent_Conditional_7_Template, 1, 0, "mj-loading", 5);
+            i0.ɵɵconditionalCreate(8, FeedbackFormComponent_Conditional_8_Template, 5, 2, "div", 6);
+            i0.ɵɵelementStart(9, "mj-dialog-actions");
+            i0.ɵɵconditionalCreate(10, FeedbackFormComponent_Conditional_10_Template, 5, 9);
+            i0.ɵɵconditionalCreate(11, FeedbackFormComponent_Conditional_11_Template, 2, 0, "button", 7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Visible", ctx.DialogVisible)("Title", ctx.config.title || "Submit Feedback");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.config.subtitle ? 1 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(!ctx.IsSubmitting && !ctx.SubmissionSuccess ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsSubmitting ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SubmissionSuccess ? 8 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.SubmissionSuccess ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SubmissionSuccess ? 11 : -1);
+        } }, dependencies: [FormsModule, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.MaxLengthValidator, i2.NgModel, MJDialogComponent, MJDialogActionsComponent, MJButtonDirective, SharedGenericModule, i3.LoadingComponent], styles: ["[_nghost-%COMP%] {\n      display: block;\n    }\n\n    \n\n    .feedback-subtitle[_ngcontent-%COMP%] {\n      color: var(--mj-text-secondary);\n      font-size: var(--mj-text-sm);\n      margin-bottom: var(--mj-space-2);\n    }\n\n    \n\n    .feedback-privacy-notice[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-2-5) var(--mj-space-3);\n      background: var(--mj-status-warning-bg);\n      border: 1px solid var(--mj-status-warning-border);\n      border-radius: var(--mj-radius-md);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-status-warning-text);\n      margin-bottom: var(--mj-space-2);\n    }\n\n    .feedback-privacy-notice[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n\n    \n\n    .feedback-form-content[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--mj-space-4);\n      max-height: 60vh;\n      overflow-y: auto;\n      padding: 0 var(--mj-space-1);\n    }\n\n    .feedback-section[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--mj-space-1-5);\n    }\n\n    .feedback-section.half[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .feedback-row[_ngcontent-%COMP%] {\n      display: flex;\n      gap: var(--mj-space-4);\n    }\n\n    \n\n    .feedback-label[_ngcontent-%COMP%] {\n      font-weight: var(--mj-font-semibold);\n      font-size: var(--mj-text-sm);\n      color: var(--mj-text-primary);\n    }\n\n    .required[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .optional-hint[_ngcontent-%COMP%] {\n      font-weight: var(--mj-font-normal);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n    }\n\n    .classify-indicator[_ngcontent-%COMP%] {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-1-5);\n    }\n\n    .classify-indicator.classified[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .char-count[_ngcontent-%COMP%] {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n      text-align: right;\n    }\n\n    .char-count.warning[_ngcontent-%COMP%] {\n      color: var(--mj-status-warning);\n    }\n\n    .screenshot-include-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      width: 100%;\n      padding: var(--mj-space-2-5) var(--mj-space-3);\n      border: 1px dashed var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      font-size: var(--mj-text-sm);\n      font-family: var(--mj-font-family);\n      cursor: pointer;\n      transition: var(--mj-transition-fast);\n    }\n\n    .screenshot-include-btn[_ngcontent-%COMP%]:hover {\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    }\n\n    .screenshot-public-notice[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-status-warning-text);\n      margin-top: var(--mj-space-1);\n    }\n\n    .screenshot-loading[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-4);\n      border: 1px dashed var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      color: var(--mj-text-muted);\n      font-size: var(--mj-text-sm);\n    }\n\n    \n\n    .certification-label[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--mj-space-2);\n      cursor: pointer;\n      padding: var(--mj-space-3);\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .certification-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .certification-text[_ngcontent-%COMP%] {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-secondary);\n      line-height: 1.5;\n    }\n\n    \n\n    .screenshot-preview[_ngcontent-%COMP%] {\n      position: relative;\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      overflow: hidden;\n    }\n\n    .screenshot-preview[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n      width: 100%;\n      display: block;\n    }\n\n    .screenshot-remove[_ngcontent-%COMP%] {\n      position: absolute;\n      top: var(--mj-space-1);\n      right: var(--mj-space-1);\n      width: 24px;\n      height: 24px;\n      border: none;\n      border-radius: var(--mj-radius-sm);\n      background: var(--mj-bg-overlay);\n      color: var(--mj-text-inverse);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: var(--mj-text-xs);\n    }\n\n    .screenshot-remove[_ngcontent-%COMP%]:hover {\n      background: var(--mj-status-error);\n    }\n\n    \n\n    .feedback-success[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: var(--mj-space-4);\n      padding: var(--mj-space-14) var(--mj-space-5);\n      text-align: center;\n    }\n\n    .feedback-success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-status-success);\n    }\n\n    .feedback-success[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      color: var(--mj-text-primary);\n      margin: 0;\n    }\n\n    .feedback-success[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n      color: var(--mj-text-link);\n      text-decoration: none;\n    }\n\n    .feedback-success[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n      text-decoration: underline;\n      color: var(--mj-text-link-hover);\n    }\n\n    \n\n    .feedback-error[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-3);\n      background: var(--mj-status-error-bg);\n      border: 1px solid var(--mj-status-error-border);\n      border-radius: var(--mj-radius-md);\n      color: var(--mj-status-error-text);\n      font-size: var(--mj-text-sm);\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedbackFormComponent, [{
+        type: Component,
+        args: [{ standalone: true, imports: [FormsModule, MJDialogComponent, MJDialogActionsComponent, MJButtonDirective, SharedGenericModule], selector: 'mj-feedback-form', template: `
+    <mj-dialog
+      [Visible]="DialogVisible"
+      [Title]="config.title || 'Submit Feedback'"
+      Size="lg"
+      (Close)="OnCancel()">
+
+      <!-- Subtitle -->
+      @if (config.subtitle) {
+        <div class="feedback-subtitle">
+          {{ config.subtitle }}
+        </div>
+      }
+
+      <!-- Privacy notice -->
+      <div class="feedback-privacy-notice">
+        <i class="fa-solid fa-circle-info"></i>
+        <span>Feedback is submitted as a public GitHub issue. Please do not include confidential or sensitive information.</span>
+      </div>
+
+      @if (!IsSubmitting && !SubmissionSuccess) {
+        <div class="feedback-form-content">
+          <!-- Title -->
+          <div class="feedback-section">
+            <label class="feedback-label">
+              Title <span class="required">*</span>
+            </label>
+            <input
+              type="text"
+              class="mj-input"
+              [(ngModel)]="Title"
+              (ngModelChange)="OnFieldChange()"
+              placeholder="Brief summary of your feedback..."
+              [maxlength]="256" />
+            <div class="char-count" [class.warning]="Title.length > 0 && Title.length < 5">
+              {{ Title.length }}/256 (minimum 5 characters)
+            </div>
+          </div>
+
+          <!-- Description -->
+          <div class="feedback-section">
+            <label class="feedback-label">
+              Description <span class="required">*</span>
+            </label>
+            <textarea
+              class="mj-textarea"
+              [(ngModel)]="Description"
+              (ngModelChange)="OnFieldChange()"
+              placeholder="Please provide a detailed description..."
+              rows="4"
+              [maxlength]="10000"></textarea>
+            <div class="char-count" [class.warning]="Description.length > 0 && Description.length < 20">
+              {{ Description.length }}/10000 (minimum 20 characters)
+            </div>
+            @if (IsClassifying) {
+              <div class="classify-indicator">
+                <i class="fas fa-spinner fa-spin"></i> Analyzing feedback type...
+              </div>
+            } @else if (WasAutoClassified) {
+              <div class="classify-indicator classified">
+                <i class="fas fa-wand-magic-sparkles"></i> Classified as {{ Category }}
+              </div>
+            }
+          </div>
+
+          <!-- Bug-specific fields -->
+          @if (Category === 'bug') {
+            <!-- Steps to reproduce -->
+            @if (FieldConfig.showStepsToReproduce) {
+              <div class="feedback-section">
+                <label class="feedback-label">
+                  Steps to Reproduce <span class="optional-hint">(recommended)</span>
+                </label>
+                <textarea
+                  class="mj-textarea"
+                  [(ngModel)]="StepsToReproduce"
+                  placeholder="1. Go to...&#10;2. Click on...&#10;3. See error..."
+                  rows="3"></textarea>
+              </div>
+            }
+
+            <!-- Expected Behavior -->
+            @if (FieldConfig.showExpectedBehavior) {
+              <div class="feedback-section">
+                <label class="feedback-label">Expected Behavior</label>
+                <textarea
+                  class="mj-textarea"
+                  [(ngModel)]="ExpectedBehavior"
+                  placeholder="What should have happened?"
+                  rows="2"></textarea>
+              </div>
+            }
+
+            <!-- Actual Behavior -->
+            @if (FieldConfig.showActualBehavior) {
+              <div class="feedback-section">
+                <label class="feedback-label">Actual Behavior</label>
+                <textarea
+                  class="mj-textarea"
+                  [(ngModel)]="ActualBehavior"
+                  placeholder="What actually happened?"
+                  rows="2"></textarea>
+              </div>
+            }
+
+            <!-- Severity is auto-classified by LLM, no dropdown needed -->
+          }
+
+          <!-- Feature-specific fields -->
+          @if (Category === 'feature') {
+            @if (FieldConfig.showUseCase) {
+              <div class="feedback-section">
+                <label class="feedback-label">
+                  Use Case <span class="optional-hint">(recommended)</span>
+                </label>
+                <textarea
+                  class="mj-textarea"
+                  [(ngModel)]="UseCase"
+                  placeholder="What problem would this solve? Why is it needed?"
+                  rows="3"></textarea>
+              </div>
+            }
+
+            @if (FieldConfig.showProposedSolution) {
+              <div class="feedback-section">
+                <label class="feedback-label">
+                  Proposed Solution <span class="optional-hint">(optional)</span>
+                </label>
+                <textarea
+                  class="mj-textarea"
+                  [(ngModel)]="ProposedSolution"
+                  placeholder="How might this work?"
+                  rows="2"></textarea>
+              </div>
+            }
+          }
+
+          <!-- Environment and affected area are auto-classified by LLM -->
+
+          <!-- Contact info row -->
+          @if (FieldConfig.showName || FieldConfig.showEmail) {
+            <div class="feedback-row">
+              @if (FieldConfig.showName) {
+                <div class="feedback-section half">
+                  <label class="feedback-label">Your Name <span class="optional-hint">(optional)</span></label>
+                  <input
+                    type="text"
+                    class="mj-input"
+                    [(ngModel)]="Name"
+                    placeholder="John Doe" />
+                </div>
+              }
+              @if (FieldConfig.showEmail) {
+                <div class="feedback-section half">
+                  <label class="feedback-label">Email <span class="optional-hint">(for follow-up)</span></label>
+                  <input
+                    type="text"
+                    class="mj-input"
+                    [(ngModel)]="Email"
+                    placeholder="john@example.com" />
+                </div>
+              }
+            </div>
+          }
+
+          <!-- Screenshot opt-in -->
+          @if (ScreenshotIncluded && ScreenshotDataUrl) {
+            <div class="feedback-section">
+              <label class="feedback-label">Screenshot</label>
+              <div class="screenshot-preview">
+                <img [src]="ScreenshotDataUrl" alt="Screenshot of current view" />
+                <button class="screenshot-remove" (click)="RemoveScreenshot()" type="button" title="Remove screenshot">
+                  <i class="fa-solid fa-xmark"></i>
+                </button>
+              </div>
+              <div class="screenshot-public-notice">
+                <i class="fa-solid fa-eye"></i> This screenshot will be included in the public GitHub issue.
+              </div>
+            </div>
+          } @else if (ScreenshotDataUrl && !ScreenshotIncluded) {
+            <div class="feedback-section">
+              <button class="screenshot-include-btn" (click)="IncludeScreenshot()" type="button">
+                <i class="fa-solid fa-camera"></i> Include screenshot of current view
+              </button>
+            </div>
+          } @else if (IsCapturingScreenshot) {
+            <div class="feedback-section">
+              <div class="screenshot-loading">
+                <i class="fas fa-spinner fa-spin"></i> Preparing screenshot...
+              </div>
+            </div>
+          }
+
+          <!-- Error message -->
+          @if (ErrorMessage) {
+            <div class="feedback-error">
+              <i class="fas fa-exclamation-triangle"></i>
+              <span>{{ ErrorMessage }}</span>
+            </div>
+          }
+
+          <!-- Certification checkbox -->
+          <label class="certification-label">
+            <input type="checkbox" class="mj-checkbox" [(ngModel)]="CertificationAccepted" />
+            <span class="certification-text">
+              I certify that I am authorized to submit this on behalf of my organization and that this submission does not contain confidential or sensitive information. This will be posted to a public GitHub repository.
+            </span>
+          </label>
+        </div>
+      }
+
+      <!-- Loading state -->
+      @if (IsSubmitting) {
+        <mj-loading text="Submitting your feedback..." size="medium"></mj-loading>
+      }
+
+      <!-- Success state -->
+      @if (SubmissionSuccess) {
+        <div class="feedback-success">
+          <i class="fas fa-check-circle fa-3x"></i>
+          <h3>{{ config.successMessage || 'Thank you! Your feedback has been submitted.' }}</h3>
+          @if (IssueUrl && (config.showIssueLink !== false)) {
+            <p>
+              <a [href]="IssueUrl" target="_blank" rel="noopener noreferrer">
+                View Issue #{{ IssueNumber }}
+              </a>
+            </p>
+          }
+        </div>
+      }
+
+      <mj-dialog-actions>
+        @if (!SubmissionSuccess) {
+          <button
+            mjButton
+            variant="primary"
+            (click)="OnSubmit()"
+            [disabled]="!CanSubmit() || IsSubmitting"
+            type="button">
+            <i class="fas" [class.fa-spinner]="IsSubmitting" [class.fa-spin]="IsSubmitting" [class.fa-paper-plane]="!IsSubmitting"></i>
+            {{ IsSubmitting ? 'Submitting...' : (config.submitButtonText || 'Submit') }}
+          </button>
+          <button mjButton (click)="OnCancel()" [disabled]="IsSubmitting" type="button">Cancel</button>
+        }
+        @if (SubmissionSuccess) {
+          <button mjButton variant="primary" (click)="OnCancel()" type="button">Close</button>
+        }
+      </mj-dialog-actions>
+    </mj-dialog>
+  `, styles: ["\n    :host {\n      display: block;\n    }\n\n    /* Subtitle */\n    .feedback-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: var(--mj-text-sm);\n      margin-bottom: var(--mj-space-2);\n    }\n\n    /* Privacy notice */\n    .feedback-privacy-notice {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-2-5) var(--mj-space-3);\n      background: var(--mj-status-warning-bg);\n      border: 1px solid var(--mj-status-warning-border);\n      border-radius: var(--mj-radius-md);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-status-warning-text);\n      margin-bottom: var(--mj-space-2);\n    }\n\n    .feedback-privacy-notice i {\n      flex-shrink: 0;\n      margin-top: 1px;\n    }\n\n    /* Form content \u2014 horizontal padding prevents focus rings from being clipped by overflow */\n    .feedback-form-content {\n      display: flex;\n      flex-direction: column;\n      gap: var(--mj-space-4);\n      max-height: 60vh;\n      overflow-y: auto;\n      padding: 0 var(--mj-space-1);\n    }\n\n    .feedback-section {\n      display: flex;\n      flex-direction: column;\n      gap: var(--mj-space-1-5);\n    }\n\n    .feedback-section.half {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .feedback-row {\n      display: flex;\n      gap: var(--mj-space-4);\n    }\n\n    /* Labels */\n    .feedback-label {\n      font-weight: var(--mj-font-semibold);\n      font-size: var(--mj-text-sm);\n      color: var(--mj-text-primary);\n    }\n\n    .required {\n      color: var(--mj-status-error);\n    }\n\n    .optional-hint {\n      font-weight: var(--mj-font-normal);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n    }\n\n    .classify-indicator {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-1-5);\n    }\n\n    .classify-indicator.classified {\n      color: var(--mj-brand-primary);\n    }\n\n    .char-count {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-muted);\n      text-align: right;\n    }\n\n    .char-count.warning {\n      color: var(--mj-status-warning);\n    }\n\n    .screenshot-include-btn {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      width: 100%;\n      padding: var(--mj-space-2-5) var(--mj-space-3);\n      border: 1px dashed var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-secondary);\n      font-size: var(--mj-text-sm);\n      font-family: var(--mj-font-family);\n      cursor: pointer;\n      transition: var(--mj-transition-fast);\n    }\n\n    .screenshot-include-btn:hover {\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    }\n\n    .screenshot-public-notice {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      font-size: var(--mj-text-xs);\n      color: var(--mj-status-warning-text);\n      margin-top: var(--mj-space-1);\n    }\n\n    .screenshot-loading {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-4);\n      border: 1px dashed var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      color: var(--mj-text-muted);\n      font-size: var(--mj-text-sm);\n    }\n\n    /* Certification checkbox */\n    .certification-label {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--mj-space-2);\n      cursor: pointer;\n      padding: var(--mj-space-3);\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .certification-label input {\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .certification-text {\n      font-size: var(--mj-text-xs);\n      color: var(--mj-text-secondary);\n      line-height: 1.5;\n    }\n\n    /* Screenshot preview */\n    .screenshot-preview {\n      position: relative;\n      border: 1px solid var(--mj-border-default);\n      border-radius: var(--mj-radius-md);\n      overflow: hidden;\n    }\n\n    .screenshot-preview img {\n      width: 100%;\n      display: block;\n    }\n\n    .screenshot-remove {\n      position: absolute;\n      top: var(--mj-space-1);\n      right: var(--mj-space-1);\n      width: 24px;\n      height: 24px;\n      border: none;\n      border-radius: var(--mj-radius-sm);\n      background: var(--mj-bg-overlay);\n      color: var(--mj-text-inverse);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: var(--mj-text-xs);\n    }\n\n    .screenshot-remove:hover {\n      background: var(--mj-status-error);\n    }\n\n    /* Success state */\n    .feedback-success {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: var(--mj-space-4);\n      padding: var(--mj-space-14) var(--mj-space-5);\n      text-align: center;\n    }\n\n    .feedback-success i {\n      color: var(--mj-status-success);\n    }\n\n    .feedback-success h3 {\n      color: var(--mj-text-primary);\n      margin: 0;\n    }\n\n    .feedback-success a {\n      color: var(--mj-text-link);\n      text-decoration: none;\n    }\n\n    .feedback-success a:hover {\n      text-decoration: underline;\n      color: var(--mj-text-link-hover);\n    }\n\n    /* Error state */\n    .feedback-error {\n      display: flex;\n      align-items: center;\n      gap: var(--mj-space-2);\n      padding: var(--mj-space-3);\n      background: var(--mj-status-error-bg);\n      border: 1px solid var(--mj-status-error-border);\n      border-radius: var(--mj-radius-md);\n      color: var(--mj-status-error-text);\n      font-size: var(--mj-text-sm);\n    }\n  "] }]
+    }], () => [{ type: undefined, decorators: [{
+                type: Inject,
+                args: [FEEDBACK_CONFIG]
+            }] }, { type: i1.FeedbackService }, { type: i0.ChangeDetectorRef }], { PrefilledCategory: [{
+            type: Input
+        }], PrefilledTitle: [{
+            type: Input
+        }], ContextData: [{
+            type: Input
+        }], CurrentPage: [{
+            type: Input
+        }], Submitted: [{
+            type: Output
+        }], Success: [{
+            type: Output
+        }], Error: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }], DialogClosed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeedbackFormComponent, { className: "FeedbackFormComponent", filePath: "src/lib/components/feedback-form.component.ts", lineNumber: 502 }); })();
+//# sourceMappingURL=feedback-form.component.js.map