@memberjunction/ng-feedback 6.1.0-edge.4 → 6.1.0-edge.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -78,7 +78,7 @@ export class FeedbackButtonComponent {
|
|
|
78
78
|
i0.ɵɵproperty("ngClass", "position-" + ctx.Position)("title", ctx.ButtonText);
|
|
79
79
|
i0.ɵɵadvance(2);
|
|
80
80
|
i0.ɵɵconditional(ctx.ShowLabel ? 2 : -1);
|
|
81
|
-
} }, dependencies: [i2.NgClass], styles: [".feedback-floating-button[_ngcontent-%COMP%] {\n position: fixed;\n z-index: 9999;\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n padding: var(--mj-space-3) var(--mj-space-4);\n border-radius: var(--mj-space-6);\n background: var(--mj-brand-primary);\n color: var(--mj-brand-on-primary);\n border: none;\n cursor: pointer;\n box-shadow: var(--mj-shadow-brand-md);\n transition: var(--mj-transition-base);\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-medium);\n font-family: var(--mj-font-family);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%]:hover {\n background: var(--mj-brand-primary-hover);\n transform: translateY(-2px);\n box-shadow: var(--mj-shadow-lg);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%]:active {\n transform: translateY(0);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 18px;\n }\n\n .button-label[_ngcontent-%COMP%] {\n white-space: nowrap;\n }\n\n \n
|
|
81
|
+
} }, dependencies: [i2.NgClass], styles: [".feedback-floating-button[_ngcontent-%COMP%] {\n position: fixed;\n z-index: 9999;\n display: flex;\n align-items: center;\n gap: var(--mj-space-2);\n padding: var(--mj-space-3) var(--mj-space-4);\n border-radius: var(--mj-space-6);\n background: var(--mj-brand-primary);\n color: var(--mj-brand-on-primary);\n border: none;\n cursor: pointer;\n box-shadow: var(--mj-shadow-brand-md);\n transition: var(--mj-transition-base);\n font-size: var(--mj-text-sm);\n font-weight: var(--mj-font-medium);\n font-family: var(--mj-font-family);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%]:hover {\n background: var(--mj-brand-primary-hover);\n transform: translateY(-2px);\n box-shadow: var(--mj-shadow-lg);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%]:active {\n transform: translateY(0);\n }\n\n .feedback-floating-button[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 18px;\n }\n\n .button-label[_ngcontent-%COMP%] {\n white-space: nowrap;\n }\n\n \n .position-bottom-right[_ngcontent-%COMP%] {\n bottom: var(--mj-space-6);\n right: var(--mj-space-6);\n }\n\n .position-bottom-left[_ngcontent-%COMP%] {\n bottom: var(--mj-space-6);\n left: var(--mj-space-6);\n }\n\n .position-top-right[_ngcontent-%COMP%] {\n top: var(--mj-space-6);\n right: var(--mj-space-6);\n }\n\n .position-top-left[_ngcontent-%COMP%] {\n top: var(--mj-space-6);\n left: var(--mj-space-6);\n }"] });
|
|
82
82
|
}
|
|
83
83
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedbackButtonComponent, [{
|
|
84
84
|
type: Component,
|
|
@@ -640,7 +640,7 @@ export class FeedbackFormComponent {
|
|
|
640
640
|
i0.ɵɵconditional(!ctx.SubmissionSuccess ? 10 : -1);
|
|
641
641
|
i0.ɵɵadvance();
|
|
642
642
|
i0.ɵɵconditional(ctx.SubmissionSuccess ? 11 : -1);
|
|
643
|
-
} }, 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
|
|
643
|
+
} }, 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 .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 .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 .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 .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 .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 .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 .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 .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 }"] });
|
|
644
644
|
}
|
|
645
645
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedbackFormComponent, [{
|
|
646
646
|
type: Component,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-feedback",
|
|
3
|
-
"version": "6.1.0-edge.
|
|
3
|
+
"version": "6.1.0-edge.6",
|
|
4
4
|
"description": "MemberJunction: Feedback and bug reporting components for Angular applications",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -10,22 +10,22 @@
|
|
|
10
10
|
"author": "MemberJunction.com",
|
|
11
11
|
"license": "BUSL-1.1",
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@angular/compiler": "21.
|
|
14
|
-
"@angular/compiler-cli": "21.
|
|
15
|
-
"@memberjunction/ng-test-utils": "6.1.0-edge.
|
|
13
|
+
"@angular/compiler": "21.2.22",
|
|
14
|
+
"@angular/compiler-cli": "21.2.22",
|
|
15
|
+
"@memberjunction/ng-test-utils": "6.1.0-edge.6",
|
|
16
16
|
"vitest": "^4.0.18"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/common": "^21.
|
|
20
|
-
"@angular/core": "^21.
|
|
21
|
-
"@angular/forms": "^21.
|
|
19
|
+
"@angular/common": "^21.2.22",
|
|
20
|
+
"@angular/core": "^21.2.22",
|
|
21
|
+
"@angular/forms": "^21.2.22"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@memberjunction/core": "6.1.0-edge.
|
|
25
|
-
"@memberjunction/ng-base-types": "6.1.0-edge.
|
|
26
|
-
"@memberjunction/graphql-dataprovider": "6.1.0-edge.
|
|
27
|
-
"@memberjunction/ng-shared-generic": "6.1.0-edge.
|
|
28
|
-
"@memberjunction/ng-ui-components": "6.1.0-edge.
|
|
24
|
+
"@memberjunction/core": "6.1.0-edge.6",
|
|
25
|
+
"@memberjunction/ng-base-types": "6.1.0-edge.6",
|
|
26
|
+
"@memberjunction/graphql-dataprovider": "6.1.0-edge.6",
|
|
27
|
+
"@memberjunction/ng-shared-generic": "6.1.0-edge.6",
|
|
28
|
+
"@memberjunction/ng-ui-components": "6.1.0-edge.6",
|
|
29
29
|
"tslib": "^2.8.1",
|
|
30
30
|
"rxjs": "~7.8.2"
|
|
31
31
|
},
|