@tilde-nlp/ngx-common 6.1.92 → 6.1.94
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.
- package/esm2022/lib/llm/components/llm-textarea-with-actions/llm-textarea-with-actions.component.mjs +41 -42
- package/esm2022/lib/open-close-button/open-close-button.component.mjs +4 -4
- package/fesm2022/tilde-nlp-ngx-common.mjs +43 -44
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/package.json +1 -1
- package/web-components/main.js +10 -10
|
@@ -4709,7 +4709,7 @@ function OpenCloseButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
4709
4709
|
const closed_r2 = i0.ɵɵreference(7);
|
|
4710
4710
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
4711
4711
|
i0.ɵɵproperty("disabled", ctx_r0.disabled)("disableRipple", true)("ngClass.lt-md", "open-close-button-tablet");
|
|
4712
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1,
|
|
4712
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 7, ctx_r0.ariaLabelCode))("aria-expanded", ctx_r0.isOpened);
|
|
4713
4713
|
i0.ɵɵadvance(5);
|
|
4714
4714
|
i0.ɵɵproperty("ngIf", ctx_r0.isOpened)("ngIfElse", closed_r2);
|
|
4715
4715
|
} }
|
|
@@ -4752,7 +4752,7 @@ class OpenCloseButtonComponent {
|
|
|
4752
4752
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
|
|
4753
4753
|
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0$7, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4754
4754
|
i0.ɵɵprojectionDef();
|
|
4755
|
-
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8,
|
|
4755
|
+
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 9, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
|
|
4756
4756
|
} if (rf & 2) {
|
|
4757
4757
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
4758
4758
|
i0.ɵɵadvance();
|
|
@@ -4761,7 +4761,7 @@ class OpenCloseButtonComponent {
|
|
|
4761
4761
|
}
|
|
4762
4762
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
4763
4763
|
type: Component,
|
|
4764
|
-
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
4764
|
+
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\"\r\n [attr.aria-expanded]=\"isOpened\" \r\n>\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
4765
4765
|
}], () => [{ type: undefined, decorators: [{
|
|
4766
4766
|
type: Optional
|
|
4767
4767
|
}, {
|
|
@@ -6940,17 +6940,17 @@ class LLMTextareaComponent {
|
|
|
6940
6940
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LLMTextareaComponent, { className: "LLMTextareaComponent", filePath: "lib\\llm\\shared\\llm-textarea\\llm-textarea.component.ts", lineNumber: 11 }); })();
|
|
6941
6941
|
|
|
6942
6942
|
const _c0$1 = (a0, a1) => ({ limit: a0, subscriptionUrl: a1 });
|
|
6943
|
-
function
|
|
6943
|
+
function LLMTextareaWithActionsComponent_lib_tld_notification_message_6_Template(rf, ctx) { if (rf & 1) {
|
|
6944
6944
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
6945
|
-
i0.ɵɵelementStart(0, "lib-tld-notification-message",
|
|
6946
|
-
i0.ɵɵlistener("closeClicked", function
|
|
6945
|
+
i0.ɵɵelementStart(0, "lib-tld-notification-message", 15);
|
|
6946
|
+
i0.ɵɵlistener("closeClicked", function LLMTextareaWithActionsComponent_lib_tld_notification_message_6_Template_lib_tld_notification_message_closeClicked_0_listener() { const message_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.closeMessage(message_r3)); });
|
|
6947
6947
|
i0.ɵɵelementEnd();
|
|
6948
6948
|
} if (rf & 2) {
|
|
6949
6949
|
const message_r3 = ctx.$implicit;
|
|
6950
6950
|
i0.ɵɵproperty("message", message_r3);
|
|
6951
6951
|
} }
|
|
6952
|
-
function
|
|
6953
|
-
i0.ɵɵelementStart(0, "mat-option",
|
|
6952
|
+
function LLMTextareaWithActionsComponent_mat_form_field_7_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
6953
|
+
i0.ɵɵelementStart(0, "mat-option", 18);
|
|
6954
6954
|
i0.ɵɵtext(1);
|
|
6955
6955
|
i0.ɵɵpipe(2, "uppercase");
|
|
6956
6956
|
i0.ɵɵpipe(3, "translate");
|
|
@@ -6961,15 +6961,15 @@ function LLMTextareaWithActionsComponent_mat_form_field_8_For_6_Template(rf, ctx
|
|
|
6961
6961
|
i0.ɵɵadvance();
|
|
6962
6962
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "LLM.USE_CASE." + i0.ɵɵpipeBind1(2, 2, useCase_r6)), " ");
|
|
6963
6963
|
} }
|
|
6964
|
-
function
|
|
6964
|
+
function LLMTextareaWithActionsComponent_mat_form_field_7_Template(rf, ctx) { if (rf & 1) {
|
|
6965
6965
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
6966
|
-
i0.ɵɵelementStart(0, "mat-form-field",
|
|
6966
|
+
i0.ɵɵelementStart(0, "mat-form-field", 16)(1, "mat-label");
|
|
6967
6967
|
i0.ɵɵtext(2);
|
|
6968
6968
|
i0.ɵɵpipe(3, "translate");
|
|
6969
6969
|
i0.ɵɵelementEnd();
|
|
6970
|
-
i0.ɵɵelementStart(4, "mat-select",
|
|
6971
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
6972
|
-
i0.ɵɵrepeaterCreate(5,
|
|
6970
|
+
i0.ɵɵelementStart(4, "mat-select", 17);
|
|
6971
|
+
i0.ɵɵtwoWayListener("ngModelChange", function LLMTextareaWithActionsComponent_mat_form_field_7_Template_mat_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r3 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r3.selectedUseCase, $event) || (ctx_r3.selectedUseCase = $event); return i0.ɵɵresetView($event); });
|
|
6972
|
+
i0.ɵɵrepeaterCreate(5, LLMTextareaWithActionsComponent_mat_form_field_7_For_6_Template, 4, 6, "mat-option", 18, i0.ɵɵrepeaterTrackByIndex);
|
|
6973
6973
|
i0.ɵɵelementEnd()();
|
|
6974
6974
|
} if (rf & 2) {
|
|
6975
6975
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
@@ -6981,17 +6981,17 @@ function LLMTextareaWithActionsComponent_mat_form_field_8_Template(rf, ctx) { if
|
|
|
6981
6981
|
i0.ɵɵadvance();
|
|
6982
6982
|
i0.ɵɵrepeater(ctx_r3.useCases);
|
|
6983
6983
|
} }
|
|
6984
|
-
function
|
|
6985
|
-
i0.ɵɵelement(0, "div",
|
|
6984
|
+
function LLMTextareaWithActionsComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
6985
|
+
i0.ɵɵelement(0, "div", 19);
|
|
6986
6986
|
i0.ɵɵpipe(1, "translate");
|
|
6987
6987
|
} if (rf & 2) {
|
|
6988
6988
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
6989
6989
|
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r3.localizationKey + "LIMIT", i0.ɵɵpureFunction2(4, _c0$1, ctx_r3.quotaLeft, ctx_r3.subscriptionUrl)), i0.ɵɵsanitizeHtml);
|
|
6990
6990
|
} }
|
|
6991
|
-
function
|
|
6991
|
+
function LLMTextareaWithActionsComponent_button_12_Template(rf, ctx) { if (rf & 1) {
|
|
6992
6992
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
6993
|
-
i0.ɵɵelementStart(0, "button",
|
|
6994
|
-
i0.ɵɵlistener("click", function
|
|
6993
|
+
i0.ɵɵelementStart(0, "button", 20);
|
|
6994
|
+
i0.ɵɵlistener("click", function LLMTextareaWithActionsComponent_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.cancel()); });
|
|
6995
6995
|
i0.ɵɵtext(1);
|
|
6996
6996
|
i0.ɵɵpipe(2, "translate");
|
|
6997
6997
|
i0.ɵɵelementEnd();
|
|
@@ -7000,8 +7000,8 @@ function LLMTextareaWithActionsComponent_button_13_Template(rf, ctx) { if (rf &
|
|
|
7000
7000
|
i0.ɵɵadvance();
|
|
7001
7001
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r3.localizationKey + "CANCEL"), " ");
|
|
7002
7002
|
} }
|
|
7003
|
-
function
|
|
7004
|
-
i0.ɵɵelementStart(0, "button",
|
|
7003
|
+
function LLMTextareaWithActionsComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
|
|
7004
|
+
i0.ɵɵelementStart(0, "button", 21);
|
|
7005
7005
|
i0.ɵɵtext(1);
|
|
7006
7006
|
i0.ɵɵpipe(2, "translate");
|
|
7007
7007
|
i0.ɵɵelementEnd();
|
|
@@ -7011,7 +7011,7 @@ function LLMTextareaWithActionsComponent_ng_template_14_Template(rf, ctx) { if (
|
|
|
7011
7011
|
i0.ɵɵadvance();
|
|
7012
7012
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, ctx_r3.localizationKey + "CLOSE"), " ");
|
|
7013
7013
|
} }
|
|
7014
|
-
function
|
|
7014
|
+
function LLMTextareaWithActionsComponent_span_16_Template(rf, ctx) { if (rf & 1) {
|
|
7015
7015
|
i0.ɵɵelementStart(0, "span");
|
|
7016
7016
|
i0.ɵɵtext(1);
|
|
7017
7017
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -7021,15 +7021,15 @@ function LLMTextareaWithActionsComponent_span_17_Template(rf, ctx) { if (rf & 1)
|
|
|
7021
7021
|
i0.ɵɵadvance();
|
|
7022
7022
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, !ctx_r3.isSummarized ? "LLM.SUMMARY_MODAL.ACTION" : "LLM.SUMMARY_MODAL.REGENERATE"), " ");
|
|
7023
7023
|
} }
|
|
7024
|
-
function
|
|
7024
|
+
function LLMTextareaWithActionsComponent_ng_template_17_Template(rf, ctx) { if (rf & 1) {
|
|
7025
7025
|
i0.ɵɵtext(0);
|
|
7026
7026
|
i0.ɵɵpipe(1, "translate");
|
|
7027
7027
|
} if (rf & 2) {
|
|
7028
7028
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
7029
7029
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, ctx_r3.localizationKey + "ACTION"), " ");
|
|
7030
7030
|
} }
|
|
7031
|
-
function
|
|
7032
|
-
i0.ɵɵelement(0, "mat-spinner",
|
|
7031
|
+
function LLMTextareaWithActionsComponent_mat_spinner_19_Template(rf, ctx) { if (rf & 1) {
|
|
7032
|
+
i0.ɵɵelement(0, "mat-spinner", 22);
|
|
7033
7033
|
} if (rf & 2) {
|
|
7034
7034
|
i0.ɵɵproperty("diameter", 20);
|
|
7035
7035
|
} }
|
|
@@ -7196,35 +7196,34 @@ class LLMTextareaWithActionsComponent {
|
|
|
7196
7196
|
};
|
|
7197
7197
|
}
|
|
7198
7198
|
static { this.ɵfac = function LLMTextareaWithActionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaWithActionsComponent)(i0.ɵɵdirectiveInject(i1$5.LLMService), i0.ɵɵdirectiveInject(LLMHelperService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
|
|
7199
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMTextareaWithActionsComponent, selectors: [["lib-llm-textarea-with-actions"]], decls:
|
|
7199
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMTextareaWithActionsComponent, selectors: [["lib-llm-textarea-with-actions"]], decls: 20, vars: 22, consts: [["closeButton", ""], ["rephraseAction", ""], ["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], [3, "message", "closeClicked", 4, "ngFor", "ngForOf"], ["color", "accent", "class", "w-full llm-writing-style-select", "appearance", "outline", 4, "ngIf"], [3, "textEditEvent", "copyEvent", "dislikeEvent", "text", "disabled", "actionButtonsDisabled"], ["mat-dialog-actions", "", 1, "llm-actions-wrapper"], ["class", "quota-left-message", 3, "innerHTML", 4, "ngIf"], [1, "llm-actions"], ["mat-button", "", "color", "accent", 3, "click", 4, "ngIf", "ngIfElse"], ["mat-flat-button", "", "color", "accent", 3, "click", "disabled"], [4, "ngIf", "ngIfElse"], ["color", "primary-accent-darker", 3, "diameter", 4, "ngIf"], [3, "closeClicked", "message"], ["color", "accent", "appearance", "outline", 1, "w-full", "llm-writing-style-select"], [3, "ngModelChange", "disabled", "ngModel"], [3, "value"], [1, "quota-left-message", 3, "innerHTML"], ["mat-button", "", "color", "accent", 3, "click"], ["mat-button", "", "color", "accent", 3, "mat-dialog-close"], ["color", "primary-accent-darker", 3, "diameter"]], template: function LLMTextareaWithActionsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7200
7200
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
7201
7201
|
i0.ɵɵelementStart(0, "h1", 2);
|
|
7202
7202
|
i0.ɵɵtext(1);
|
|
7203
7203
|
i0.ɵɵpipe(2, "translate");
|
|
7204
7204
|
i0.ɵɵelementEnd();
|
|
7205
|
-
i0.ɵɵelementStart(3, "div", 3)
|
|
7206
|
-
i0.ɵɵ
|
|
7207
|
-
i0.ɵɵpipe(
|
|
7208
|
-
i0.ɵɵ
|
|
7209
|
-
i0.ɵɵ
|
|
7210
|
-
i0.ɵɵ
|
|
7211
|
-
i0.ɵɵlistener("textEditEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_textEditEvent_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.textEditEvent($event)); })("copyEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_copyEvent_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.copyPlausibleEvent()); })("dislikeEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_dislikeEvent_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dislikePlausibleEvent()); });
|
|
7205
|
+
i0.ɵɵelementStart(3, "div", 3);
|
|
7206
|
+
i0.ɵɵelement(4, "p", 4);
|
|
7207
|
+
i0.ɵɵpipe(5, "translate");
|
|
7208
|
+
i0.ɵɵtemplate(6, LLMTextareaWithActionsComponent_lib_tld_notification_message_6_Template, 1, 1, "lib-tld-notification-message", 5)(7, LLMTextareaWithActionsComponent_mat_form_field_7_Template, 7, 5, "mat-form-field", 6);
|
|
7209
|
+
i0.ɵɵelementStart(8, "lib-llm-textarea", 7);
|
|
7210
|
+
i0.ɵɵlistener("textEditEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_textEditEvent_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.textEditEvent($event)); })("copyEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_copyEvent_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.copyPlausibleEvent()); })("dislikeEvent", function LLMTextareaWithActionsComponent_Template_lib_llm_textarea_dislikeEvent_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.dislikePlausibleEvent()); });
|
|
7212
7211
|
i0.ɵɵelementEnd()();
|
|
7213
|
-
i0.ɵɵelementStart(
|
|
7214
|
-
i0.ɵɵtemplate(
|
|
7215
|
-
i0.ɵɵelementStart(
|
|
7216
|
-
i0.ɵɵtemplate(
|
|
7217
|
-
i0.ɵɵelementStart(
|
|
7218
|
-
i0.ɵɵlistener("click", function
|
|
7219
|
-
i0.ɵɵtemplate(
|
|
7212
|
+
i0.ɵɵelementStart(9, "div", 8);
|
|
7213
|
+
i0.ɵɵtemplate(10, LLMTextareaWithActionsComponent_div_10_Template, 2, 7, "div", 9);
|
|
7214
|
+
i0.ɵɵelementStart(11, "div", 10);
|
|
7215
|
+
i0.ɵɵtemplate(12, LLMTextareaWithActionsComponent_button_12_Template, 3, 3, "button", 11)(13, LLMTextareaWithActionsComponent_ng_template_13_Template, 3, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
7216
|
+
i0.ɵɵelementStart(15, "button", 12);
|
|
7217
|
+
i0.ɵɵlistener("click", function LLMTextareaWithActionsComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.getEditedText()); });
|
|
7218
|
+
i0.ɵɵtemplate(16, LLMTextareaWithActionsComponent_span_16_Template, 3, 3, "span", 13)(17, LLMTextareaWithActionsComponent_ng_template_17_Template, 2, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(19, LLMTextareaWithActionsComponent_mat_spinner_19_Template, 1, 1, "mat-spinner", 14);
|
|
7220
7219
|
i0.ɵɵelementEnd()()();
|
|
7221
7220
|
} if (rf & 2) {
|
|
7222
|
-
const closeButton_r8 = i0.ɵɵreference(
|
|
7223
|
-
const rephraseAction_r9 = i0.ɵɵreference(
|
|
7221
|
+
const closeButton_r8 = i0.ɵɵreference(14);
|
|
7222
|
+
const rephraseAction_r9 = i0.ɵɵreference(18);
|
|
7224
7223
|
i0.ɵɵadvance();
|
|
7225
7224
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 18, ctx.localizationKey + "TITLE"));
|
|
7226
|
-
i0.ɵɵadvance(
|
|
7227
|
-
i0.ɵɵ
|
|
7225
|
+
i0.ɵɵadvance(3);
|
|
7226
|
+
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(5, 20, ctx.localizationKey + "DESCRIPTION"), i0.ɵɵsanitizeHtml);
|
|
7228
7227
|
i0.ɵɵadvance(2);
|
|
7229
7228
|
i0.ɵɵproperty("ngForOf", ctx.messages);
|
|
7230
7229
|
i0.ɵɵadvance();
|
|
@@ -7248,7 +7247,7 @@ class LLMTextareaWithActionsComponent {
|
|
|
7248
7247
|
}
|
|
7249
7248
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMTextareaWithActionsComponent, [{
|
|
7250
7249
|
type: Component,
|
|
7251
|
-
args: [{ selector: 'lib-llm-textarea-with-actions', template: "<h1 mat-dialog-title>{{ localizationKey + \"TITLE\" | translate }}</h1>\r\n<div mat-dialog-content>\r\n <p
|
|
7250
|
+
args: [{ selector: 'lib-llm-textarea-with-actions', template: "<h1 mat-dialog-title>{{ localizationKey + \"TITLE\" | translate }}</h1>\r\n<div mat-dialog-content>\r\n <p [innerHTML]=\"localizationKey + 'DESCRIPTION' | translate\"></p>\r\n\r\n <lib-tld-notification-message *ngFor=\"let message of messages\" [message]=\"message\" (closeClicked)=\"closeMessage(message)\"></lib-tld-notification-message>\r\n\r\n <mat-form-field *ngIf=\"showUseCase\" color=\"accent\" class=\"w-full llm-writing-style-select\" appearance=\"outline\">\r\n <mat-label>{{ 'LLM.USE_CASES_LABEL' | translate }}</mat-label>\r\n <mat-select [disabled]=\"isLoading\" [(ngModel)]=\"selectedUseCase\">\r\n @for (useCase of useCases; track $index) {\r\n\r\n <mat-option [value]=\"useCase\">\r\n {{ 'LLM.USE_CASE.' + (useCase | uppercase) | translate }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n\r\n\r\n <lib-llm-textarea [class.rephrase]=\"llmActionType === llmActions.REPHRASE\" [text]=\"editedText !== '' ? editedText : initialText\" [disabled]=\"isLoading || !quotaLeft\" [actionButtonsDisabled]=\"!isEdited\" (textEditEvent)=\"textEditEvent($event)\" (copyEvent)=\"copyPlausibleEvent()\" (dislikeEvent)=\"dislikePlausibleEvent()\"></lib-llm-textarea>\r\n</div>\r\n<div class=\"llm-actions-wrapper\" mat-dialog-actions>\r\n <div *ngIf=\"remainingQuotaMessageVisible\" class=\"quota-left-message\" [innerHTML]=\"localizationKey + 'LIMIT' | translate: { limit: quotaLeft, subscriptionUrl: subscriptionUrl }\"></div>\r\n\r\n <div [class.w-full]=\"!remainingQuotaMessageVisible\" class=\"llm-actions\">\r\n <button *ngIf=\"isLoading; else closeButton\" mat-button color=\"accent\" (click)=\"cancel()\">\r\n {{ localizationKey + \"CANCEL\" | translate }}\r\n </button>\r\n\r\n <ng-template #closeButton>\r\n <button mat-button color=\"accent\" [mat-dialog-close]=\"null\">\r\n {{ localizationKey + \"CLOSE\" | translate }}\r\n </button>\r\n </ng-template>\r\n\r\n <button\r\n mat-flat-button\r\n color=\"accent\"\r\n (click)=\"getEditedText()\"\r\n [disabled]=\"isDisabled\"\r\n >\r\n <span *ngIf=\"llmActionType === llmActions.SUMMARY; else rephraseAction\">\r\n {{\r\n (!isSummarized\r\n ? \"LLM.SUMMARY_MODAL.ACTION\"\r\n : \"LLM.SUMMARY_MODAL.REGENERATE\"\r\n ) | translate\r\n }}\r\n </span>\r\n\r\n <ng-template #rephraseAction>\r\n {{ localizationKey + \"ACTION\" | translate }}\r\n </ng-template>\r\n <mat-spinner *ngIf=\"isLoading\" [diameter]=\"20\" color=\"primary-accent-darker\"></mat-spinner>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".info-icon{font-size:1rem;margin-left:5px}:host ::ng-deep .message-body{margin:0 2.25rem 0 0!important;font-size:14px}:host ::ng-deep .notification-message-container{margin:0 0 16px;padding:.9em 1em!important;align-items:center!important}:host ::ng-deep .text-container{margin-right:0!important}:host ::ng-deep tld-close-button{top:1px!important}::ng-deep .multiline-tooltip{white-space:pre;min-width:fit-content}::ng-deep .multiline-tooltip .mdc-tooltip__surface{max-width:none!important}:host ::ng-deep .llm-textarea{min-height:240px!important}:host ::ng-deep .rephrase .llm-textarea{min-height:100px!important}:host ::ng-deep .desktop .llm-textarea{min-height:460px!important}:host ::ng-deep .rephrase .desktop .llm-textarea{min-height:330px!important}.llm-writing-style-select{margin-top:1.25rem}.llm-writing-style{display:flex;align-items:center;margin-bottom:.25rem}.llm-actions-wrapper{display:flex;justify-content:space-between;margin:0 1rem .5rem}.llm-actions{display:flex;justify-content:end}.w-full{width:100%}:host ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important}mat-spinner{margin-left:.5rem}.quota-left-message{margin-bottom:12px}\n"] }]
|
|
7252
7251
|
}], () => [{ type: i1$5.LLMService }, { type: LLMHelperService }, { type: undefined, decorators: [{
|
|
7253
7252
|
type: Inject,
|
|
7254
7253
|
args: [MAT_DIALOG_DATA]
|