@tilde-nlp/ngx-common 6.1.87 → 6.1.88
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/icons/llm-menu.icon.mjs +12 -5
- package/esm2022/lib/llm/llm.component.mjs +57 -43
- package/esm2022/lib/llm/llm.module.mjs +1 -5
- package/esm2022/lib/new-feature-dialog/index.mjs +2 -1
- package/esm2022/lib/new-feature-dialog/models/index.mjs +2 -0
- package/esm2022/lib/new-feature-dialog/models/mobile-screen-custom-position.model.mjs +2 -0
- package/esm2022/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog-wrapper.component.mjs +29 -22
- package/esm2022/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog.service.mjs +6 -10
- package/fesm2022/tilde-nlp-ngx-common.mjs +105 -83
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/lib/llm/icons/llm-menu.icon.d.ts +2 -1
- package/lib/llm/llm.component.d.ts +3 -3
- package/lib/llm/llm.module.d.ts +10 -11
- package/lib/new-feature-dialog/index.d.ts +1 -0
- package/lib/new-feature-dialog/models/index.d.ts +1 -0
- package/lib/new-feature-dialog/models/mobile-screen-custom-position.model.d.ts +5 -0
- package/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog-wrapper.component.d.ts +3 -1
- package/lib/new-feature-dialog/new-feature-dialog-wrapper/new-feature-dialog.service.d.ts +1 -1
- package/package.json +1 -1
- package/web-components/main.js +21 -15
|
@@ -41,11 +41,11 @@ import { SelectionModel } from '@angular/cdk/collections';
|
|
|
41
41
|
import { MatSort, MatSortModule } from '@angular/material/sort';
|
|
42
42
|
import * as i4$2 from '@angular/material/table';
|
|
43
43
|
import { MatTableDataSource, MatNoDataRow, MatHeaderRowDef, MatRowDef, MatColumnDef, MatTable, MatTableModule } from '@angular/material/table';
|
|
44
|
-
import * as
|
|
44
|
+
import * as i6$1 from '@angular/material/menu';
|
|
45
45
|
import { MatMenuModule } from '@angular/material/menu';
|
|
46
46
|
import * as i7 from '@angular/material/checkbox';
|
|
47
47
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
48
|
-
import * as i5$
|
|
48
|
+
import * as i5$1 from '@angular/material/radio';
|
|
49
49
|
import { MatRadioModule } from '@angular/material/radio';
|
|
50
50
|
import * as i1$5 from '@tilde-nlp/ngx-services';
|
|
51
51
|
import { QuotaType, LLMRephraseUseCase, LLMSummaryUseCase } from '@tilde-nlp/ngx-services';
|
|
@@ -4415,7 +4415,7 @@ class MultiFunctionalTableComponent {
|
|
|
4415
4415
|
i0.ɵɵproperty("ngForOf", ctx.configurableColumns);
|
|
4416
4416
|
i0.ɵɵadvance(3);
|
|
4417
4417
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(31, 20, "MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE"), " ");
|
|
4418
|
-
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4$2.MatTable, i4$2.MatHeaderCellDef, i4$2.MatHeaderRowDef, i4$2.MatColumnDef, i4$2.MatCellDef, i4$2.MatRowDef, i4$2.MatHeaderCell, i4$2.MatCell, i4$2.MatHeaderRow, i4$2.MatRow, i4$2.MatNoDataRow, i2$1.MatButton, i2$1.MatIconButton,
|
|
4418
|
+
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4$2.MatTable, i4$2.MatHeaderCellDef, i4$2.MatHeaderRowDef, i4$2.MatColumnDef, i4$2.MatCellDef, i4$2.MatRowDef, i4$2.MatHeaderCell, i4$2.MatCell, i4$2.MatHeaderRow, i4$2.MatRow, i4$2.MatNoDataRow, i2$1.MatButton, i2$1.MatIconButton, i6$1.MatMenu, i6$1.MatMenuTrigger, i7.MatCheckbox, i4$1.NgControlStatus, i4$1.NgModel, FilterBarComponent, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i3.DefaultClassDirective, i2$2.MatTooltip, StatusDisplayComponent, i1.MatIcon, i15.MatPaginator, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] th, [_nghost-%COMP%] tr{white-space:nowrap}[_nghost-%COMP%] td:not(:first-of-type){padding-right:10px!important}[_nghost-%COMP%] tr.mat-mdc-row:hover, [_nghost-%COMP%] tr.mat-mdc-row.highlight{background-color:var(--base-95)}[_nghost-%COMP%] tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}[_nghost-%COMP%] .export-data .mdc-button__label{display:flex;align-items:center}[_nghost-%COMP%] .mat-mdc-cell, [_nghost-%COMP%] .mat-mdc-header-cell, [_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}[_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}[_nghost-%COMP%] .mdc-data-table__cell:nth-child(2), [_nghost-%COMP%] .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}[_nghost-%COMP%] td+.cdk-column-columnSelect{display:none}[_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button, [_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}[_nghost-%COMP%] .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}[_nghost-%COMP%] .filter-active{background-color:var(--neutral-95)}[_nghost-%COMP%] .row-actions{opacity:0}[_nghost-%COMP%] .mobile .row-actions, [_nghost-%COMP%] .highlight .row-actions{opacity:1}[_nghost-%COMP%] .mat-mdc-paginator-range-actions button{padding:8px}table[_ngcontent-%COMP%]{width:100%}.wild-search-wrapper[_ngcontent-%COMP%]{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-right:30px}.wild-search-wrapper[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{color:var(--base-40)}.wild-search-wrapper[_ngcontent-%COMP%] .wild-search-clear-btn[_ngcontent-%COMP%]{position:absolute;right:3px}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .mat-mdc-button-touch-target[_ngcontent-%COMP%]{height:33px!important;width:33px!important}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons-outlined[_ngcontent-%COMP%]{top:5px!important;left:5px!important}.mobile[_ngcontent-%COMP%] .wild-search-wrapper[_ngcontent-%COMP%]{margin:0}.column-selector-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:end}.column-select-menu[_ngcontent-%COMP%]{padding:8px 18px 8px 8px}.column-select-save[_ngcontent-%COMP%]{padding-left:8px;padding-top:8px}.column-select-save[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%}.row-clickable[_ngcontent-%COMP%]{cursor:pointer}.row-clickable[_ngcontent-%COMP%]:active{background-color:var(--base-70)!important}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}.table-action-button[_ngcontent-%COMP%]{margin-bottom:1rem}th.mat-mdc-header-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-footer-cell[_ngcontent-%COMP%]:first-of-type{padding:0 0 0 10px}.row-select[_ngcontent-%COMP%]{width:0}.table-overflow[_ngcontent-%COMP%]{overflow-x:auto}.table-dragable[_ngcontent-%COMP%]{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable[_ngcontent-%COMP%]:active{cursor:grabbing}.table-sticky-header[_ngcontent-%COMP%]{max-height:70vh}"] }); }
|
|
4419
4419
|
}
|
|
4420
4420
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiFunctionalTableComponent, [{
|
|
4421
4421
|
type: Component,
|
|
@@ -5752,7 +5752,7 @@ class TerminologyCollectionCardComponent {
|
|
|
5752
5752
|
i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
|
|
5753
5753
|
} if (rf & 2) {
|
|
5754
5754
|
i0.ɵɵproperty("ngIf", ctx.collection);
|
|
5755
|
-
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$
|
|
5755
|
+
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$1.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
|
|
5756
5756
|
}
|
|
5757
5757
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
|
|
5758
5758
|
type: Component,
|
|
@@ -5913,7 +5913,7 @@ class TerminologyCollectionListComponent {
|
|
|
5913
5913
|
i0.ɵɵproperty("ngIf", !ctx.hasAnyCollections);
|
|
5914
5914
|
i0.ɵɵadvance();
|
|
5915
5915
|
i0.ɵɵproperty("ngIf", ctx.hasAnyCollections);
|
|
5916
|
-
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i5$
|
|
5916
|
+
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i5$1.MatRadioGroup, i5$1.MatRadioButton, TerminologyCollectionCardComponent, i1$1.TranslatePipe, LanguageTranslatePipe], styles: ["[_nghost-%COMP%] .tld-collection-list-body, [_nghost-%COMP%] .tld-collection-list-header{padding:.5em .75em}[_nghost-%COMP%] .term-window-unavailable{font-style:italic}[_nghost-%COMP%] .term-window-unavailable, [_nghost-%COMP%] .term-window-description span{font-weight:500}[_nghost-%COMP%] .collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%] .collection-label-block{display:block}[_nghost-%COMP%] .collection-status-labels .mat-icon, [_nghost-%COMP%] .collection-status-labels .material-icons{font-size:18px}[_nghost-%COMP%] .default-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}[_nghost-%COMP%] .mat-mdc-radio-button{overflow:hidden;padding:5px 0;place-content:start!important}[_nghost-%COMP%] .mat-mdc-radio-button .mat-radio-ripple{display:none}[_nghost-%COMP%] .mat-mdc-radio-button .mat-mdc-button{padding:0!important}[_nghost-%COMP%] .collection{min-height:70px}[_nghost-%COMP%] .collection-card{width:100%}[_nghost-%COMP%] .collection, [_nghost-%COMP%] .none-option{border-bottom:1px solid var(--base-70)}[_nghost-%COMP%] mat-spinner{display:inline-block}[_nghost-%COMP%] .mdc-radio__inner-circle{transform:scale(0)!important}[_nghost-%COMP%] .mdc-radio__outer-circle{border-color:inherit!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__inner-circle{transform:scale(.5)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--accent)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle{border-color:inherit!important}"] }); }
|
|
5917
5917
|
}
|
|
5918
5918
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionListComponent, [{
|
|
5919
5919
|
type: Component,
|
|
@@ -6461,7 +6461,7 @@ class TerminologyComponent {
|
|
|
6461
6461
|
i0.ɵɵproperty("ngIf", !ctx.hideGlossaryMenuWithoutCollections || ctx.hideGlossaryMenuWithoutCollections && ctx.hasAnyCollections);
|
|
6462
6462
|
i0.ɵɵadvance(5);
|
|
6463
6463
|
i0.ɵɵproperty("system", ctx.system)("selectedCollection", ctx.selected)("setSelectedFromLocalStorage", ctx.setSelectedFromLocalStorage);
|
|
6464
|
-
} }, dependencies: [i1$2.NgIf, OpenCloseButtonComponent, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultShowHideDirective, i3.DefaultClassDirective, CloseButtonComponent, i2$1.MatIconButton, i1.MatIcon, i2$5.MatProgressSpinner,
|
|
6464
|
+
} }, dependencies: [i1$2.NgIf, OpenCloseButtonComponent, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultShowHideDirective, i3.DefaultClassDirective, CloseButtonComponent, i2$1.MatIconButton, i1.MatIcon, i2$5.MatProgressSpinner, i6$1.MatMenu, i6$1.MatMenuTrigger, i2$2.MatTooltip, TerminologyPanelComponent, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] .mdc-circular-progress__circle-clipper, [_nghost-%COMP%] .mdc-circular-progress__indeterminate-circle-graphic{width:100%!important}.selected-col-spinner[_ngcontent-%COMP%]{margin-left:5px}.tld-collection-menu-button[_ngcontent-%COMP%] .selected-collection[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;white-space:nowrap}"] }); }
|
|
6465
6465
|
}
|
|
6466
6466
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyComponent, [{
|
|
6467
6467
|
type: Component,
|
|
@@ -7308,18 +7308,66 @@ class LLMTextareaWithActionsComponent {
|
|
|
7308
7308
|
}] }], null); })();
|
|
7309
7309
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LLMTextareaWithActionsComponent, { className: "LLMTextareaWithActionsComponent", filePath: "lib\\llm\\components\\llm-textarea-with-actions\\llm-textarea-with-actions.component.ts", lineNumber: 20 }); })();
|
|
7310
7310
|
|
|
7311
|
-
const
|
|
7312
|
-
<path d="
|
|
7313
|
-
<path d="
|
|
7314
|
-
<path d="
|
|
7311
|
+
const SUMMARIZE = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7312
|
+
<path d="M4 5H18.6286V6.82857H4V5ZM4 10.4857H18.6286V8.65714H4V10.4857ZM4 14.1429H10.4V12.3143H4V14.1429ZM4 17.8H10.4V15.9714H4V17.8Z" fill="currentColor"/>
|
|
7313
|
+
<path d="M17.4005 13.3093C17.0801 12.5922 16.0622 12.5922 15.7418 13.3093L15.1052 14.7341L13.6804 15.3707C12.9633 15.6911 12.9633 16.709 13.6804 17.0294L15.1052 17.666L15.7418 19.0908C16.0622 19.8079 17.0801 19.8079 17.4005 19.0908L18.0371 17.666L19.4619 17.0294C20.179 16.709 20.179 15.6911 19.4619 15.3707L18.0371 14.7341L17.4005 13.3093Z" fill="currentColor"/>
|
|
7314
|
+
<path d="M13.5612 12.0546C13.4438 11.7917 13.0705 11.7917 12.953 12.0546L12.7196 12.577L12.1972 12.8105C11.9343 12.9279 11.9343 13.3012 12.1972 13.4187L12.7196 13.6521L12.953 14.1745C13.0705 14.4374 13.4438 14.4374 13.5612 14.1745L13.7947 13.6521L14.3171 13.4187C14.58 13.3012 14.58 12.9279 14.3171 12.8105L13.7947 12.577L13.5612 12.0546Z" fill="currentColor"/>
|
|
7315
|
+
</svg>
|
|
7316
|
+
`;
|
|
7317
|
+
const REPHRASE = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7318
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.879 4.16166L21.229 5.51166C22.019 6.29166 22.019 7.56166 21.229 8.34166L7.99897 21.5717H3.81897V17.3917L14.219 6.98166L17.049 4.16166C17.829 3.38166 19.099 3.38166 19.879 4.16166ZM5.81897 19.5717L7.22897 19.6317L17.049 9.80166L15.639 8.39166L5.81897 18.2117V19.5717Z" fill="currentColor"/>
|
|
7319
|
+
<path d="M19.5181 19.798L18.8644 21.261C18.6793 21.6752 18.0913 21.6752 17.9062 21.261L17.2526 19.798C17.1471 19.5621 16.9584 19.3734 16.7225 19.268L15.2595 18.6143C14.8453 18.4292 14.8453 17.8412 15.2595 17.6561L16.7225 17.0024C16.9584 16.897 17.1471 16.7083 17.2526 16.4724L17.9062 15.0094C18.0913 14.5952 18.6793 14.5952 18.8644 15.0094L19.5181 16.4724C19.6235 16.7083 19.8122 16.897 20.0481 17.0024L21.5111 17.6561C21.9253 17.8412 21.9253 18.4292 21.5111 18.6143L20.0481 19.268C19.8122 19.3734 19.6235 19.5621 19.5181 19.798Z" stroke="#474D53"/>
|
|
7320
|
+
<path d="M9.88502 3.56437C9.75242 3.26761 9.33117 3.26761 9.19857 3.56437L8.93512 4.15399L8.3455 4.41744C8.04874 4.55003 8.04874 4.97129 8.3455 5.10389L8.93512 5.36733L9.19857 5.95696C9.33117 6.25372 9.75242 6.25372 9.88502 5.95696L10.1485 5.36733L10.7381 5.10389C11.0349 4.97129 11.0349 4.55003 10.7381 4.41744L10.1485 4.15399L9.88502 3.56437Z" fill="currentColor"/>
|
|
7321
|
+
<path d="M6.50947 5.80395C6.31057 5.35881 5.67869 5.35881 5.4798 5.80395L5.08462 6.68839L4.20019 7.08356C3.75505 7.28245 3.75505 7.91434 4.20019 8.11323L5.08462 8.5084L5.4798 9.39284C5.67869 9.83798 6.31057 9.83798 6.50947 9.39284L6.90464 8.5084L7.78907 8.11323C8.23421 7.91434 8.23421 7.28245 7.78907 7.08356L6.90464 6.68839L6.50947 5.80395Z" fill="currentColor"/>
|
|
7315
7322
|
</svg>
|
|
7316
7323
|
`;
|
|
7317
7324
|
|
|
7318
7325
|
var icons = /*#__PURE__*/Object.freeze({
|
|
7319
7326
|
__proto__: null,
|
|
7320
|
-
|
|
7327
|
+
REPHRASE: REPHRASE,
|
|
7328
|
+
SUMMARIZE: SUMMARIZE
|
|
7321
7329
|
});
|
|
7322
7330
|
|
|
7331
|
+
function LLMComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
7332
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
7333
|
+
i0.ɵɵelementStart(0, "div", 2);
|
|
7334
|
+
i0.ɵɵpipe(1, "translate");
|
|
7335
|
+
i0.ɵɵelementStart(2, "button", 3);
|
|
7336
|
+
i0.ɵɵlistener("click", function LLMComponent_div_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openLLMModal(ctx_r1.llmAction.SUMMARY)); });
|
|
7337
|
+
i0.ɵɵelement(3, "mat-icon", 4);
|
|
7338
|
+
i0.ɵɵtext(4);
|
|
7339
|
+
i0.ɵɵpipe(5, "translate");
|
|
7340
|
+
i0.ɵɵelementEnd()();
|
|
7341
|
+
} if (rf & 2) {
|
|
7342
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
7343
|
+
i0.ɵɵproperty("matTooltipPosition", "left")("matTooltip", !ctx_r1.isTextSummarizable ? i0.ɵɵpipeBind1(1, 5, "LLM.MENU_SUMMARY_DISABLED_TOOLTIP") : "");
|
|
7344
|
+
i0.ɵɵadvance(2);
|
|
7345
|
+
i0.ɵɵproperty("disabled", !ctx_r1.isTextSummarizable);
|
|
7346
|
+
i0.ɵɵadvance();
|
|
7347
|
+
i0.ɵɵproperty("svgIcon", "summarize");
|
|
7348
|
+
i0.ɵɵadvance();
|
|
7349
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 7, "LLM.SUMMARY"), " ");
|
|
7350
|
+
} }
|
|
7351
|
+
function LLMComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
7352
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
7353
|
+
i0.ɵɵelementStart(0, "div", 2);
|
|
7354
|
+
i0.ɵɵpipe(1, "translate");
|
|
7355
|
+
i0.ɵɵelementStart(2, "button", 3);
|
|
7356
|
+
i0.ɵɵlistener("click", function LLMComponent_div_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openLLMModal(ctx_r1.llmAction.REPHRASE)); });
|
|
7357
|
+
i0.ɵɵelement(3, "mat-icon", 4);
|
|
7358
|
+
i0.ɵɵtext(4);
|
|
7359
|
+
i0.ɵɵpipe(5, "translate");
|
|
7360
|
+
i0.ɵɵelementEnd()();
|
|
7361
|
+
} if (rf & 2) {
|
|
7362
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
7363
|
+
i0.ɵɵproperty("matTooltipPosition", "left")("matTooltip", !ctx_r1.isTargetLanguageRephrasable ? i0.ɵɵpipeBind1(1, 5, "LLM.MENU_REPHRASE_DISABLED_TOOLTIP") : "");
|
|
7364
|
+
i0.ɵɵadvance(2);
|
|
7365
|
+
i0.ɵɵproperty("disabled", !ctx_r1.isTargetLanguageRephrasable);
|
|
7366
|
+
i0.ɵɵadvance();
|
|
7367
|
+
i0.ɵɵproperty("svgIcon", "rephrase");
|
|
7368
|
+
i0.ɵɵadvance();
|
|
7369
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 7, "LLM.REPHRASE"), " ");
|
|
7370
|
+
} }
|
|
7323
7371
|
class LLMComponent {
|
|
7324
7372
|
get isTextSummarizable() {
|
|
7325
7373
|
return this.text;
|
|
@@ -7331,6 +7379,8 @@ class LLMComponent {
|
|
|
7331
7379
|
this.dialog = dialog;
|
|
7332
7380
|
this.iconService = iconService;
|
|
7333
7381
|
this.languageService = languageService;
|
|
7382
|
+
this.summaryEnabled = true;
|
|
7383
|
+
this.rephraseEnabled = true;
|
|
7334
7384
|
this.showUseCaseSummary = false;
|
|
7335
7385
|
this.showUseCaseRephrase = false;
|
|
7336
7386
|
this.menuTriggerClick = new EventEmitter();
|
|
@@ -7359,59 +7409,31 @@ class LLMComponent {
|
|
|
7359
7409
|
data
|
|
7360
7410
|
});
|
|
7361
7411
|
}
|
|
7362
|
-
menuTriggerClicked() {
|
|
7363
|
-
this.menuTriggerClick.emit();
|
|
7364
|
-
}
|
|
7365
7412
|
static { this.ɵfac = function LLMComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(IconService), i0.ɵɵdirectiveInject(LanguageTranslateService)); }; }
|
|
7366
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMComponent, selectors: [["lib-llm"]], inputs: { text: "text", language: "language",
|
|
7367
|
-
|
|
7368
|
-
i0.ɵɵ
|
|
7369
|
-
i0.ɵɵpipe(1, "translate");
|
|
7370
|
-
i0.ɵɵlistener("click", function LLMComponent_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.menuTriggerClicked()); });
|
|
7371
|
-
i0.ɵɵelement(2, "mat-icon", 2);
|
|
7413
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMComponent, selectors: [["lib-llm"]], inputs: { text: "text", language: "language", rephrasableLanguagesCodeList: "rephrasableLanguagesCodeList", summaryEnabled: "summaryEnabled", rephraseEnabled: "rephraseEnabled", showUseCaseSummary: "showUseCaseSummary", showUseCaseRephrase: "showUseCaseRephrase" }, outputs: { menuTriggerClick: "menuTriggerClick" }, decls: 3, vars: 2, consts: [[1, "llm-wrapper"], [3, "matTooltipPosition", "matTooltip", 4, "ngIf"], [3, "matTooltipPosition", "matTooltip"], ["mat-stroked-button", "", "color", "accent", 3, "click", "disabled"], [3, "svgIcon"]], template: function LLMComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7414
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
7415
|
+
i0.ɵɵtemplate(1, LLMComponent_div_1_Template, 6, 9, "div", 1)(2, LLMComponent_div_2_Template, 6, 9, "div", 1);
|
|
7372
7416
|
i0.ɵɵelementEnd();
|
|
7373
|
-
i0.ɵɵelementStart(3, "mat-menu", null, 0)(5, "div", 3);
|
|
7374
|
-
i0.ɵɵpipe(6, "translate");
|
|
7375
|
-
i0.ɵɵelementStart(7, "button", 4);
|
|
7376
|
-
i0.ɵɵlistener("click", function LLMComponent_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openLLMModal(ctx.llmAction.SUMMARY)); });
|
|
7377
|
-
i0.ɵɵtext(8);
|
|
7378
|
-
i0.ɵɵpipe(9, "translate");
|
|
7379
|
-
i0.ɵɵelementEnd()();
|
|
7380
|
-
i0.ɵɵelementStart(10, "div", 3);
|
|
7381
|
-
i0.ɵɵpipe(11, "translate");
|
|
7382
|
-
i0.ɵɵelementStart(12, "button", 4);
|
|
7383
|
-
i0.ɵɵlistener("click", function LLMComponent_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openLLMModal(ctx.llmAction.REPHRASE)); });
|
|
7384
|
-
i0.ɵɵtext(13);
|
|
7385
|
-
i0.ɵɵpipe(14, "translate");
|
|
7386
|
-
i0.ɵɵelementEnd()()();
|
|
7387
7417
|
} if (rf & 2) {
|
|
7388
|
-
const menu_r2 = i0.ɵɵreference(4);
|
|
7389
|
-
i0.ɵɵproperty("disabled", ctx.isMenuDisabled)("matTooltip", i0.ɵɵpipeBind1(1, 11, "LLM.MENU_TOOLTIP"))("matMenuTriggerFor", menu_r2);
|
|
7390
|
-
i0.ɵɵadvance(5);
|
|
7391
|
-
i0.ɵɵproperty("matTooltipPosition", "left")("matTooltip", !ctx.isTextSummarizable ? i0.ɵɵpipeBind1(6, 13, "LLM.MENU_SUMMARY_DISABLED_TOOLTIP") : "");
|
|
7392
|
-
i0.ɵɵadvance(2);
|
|
7393
|
-
i0.ɵɵproperty("disabled", !ctx.isTextSummarizable);
|
|
7394
7418
|
i0.ɵɵadvance();
|
|
7395
|
-
i0.ɵɵ
|
|
7396
|
-
i0.ɵɵadvance(2);
|
|
7397
|
-
i0.ɵɵproperty("matTooltipPosition", "left")("matTooltip", !ctx.isTargetLanguageRephrasable ? i0.ɵɵpipeBind1(11, 17, "LLM.MENU_REPHRASE_DISABLED_TOOLTIP") : "");
|
|
7398
|
-
i0.ɵɵadvance(2);
|
|
7399
|
-
i0.ɵɵproperty("disabled", !ctx.isTargetLanguageRephrasable);
|
|
7419
|
+
i0.ɵɵproperty("ngIf", ctx.summaryEnabled);
|
|
7400
7420
|
i0.ɵɵadvance();
|
|
7401
|
-
i0.ɵɵ
|
|
7402
|
-
} }, dependencies: [
|
|
7421
|
+
i0.ɵɵproperty("ngIf", ctx.summaryEnabled);
|
|
7422
|
+
} }, dependencies: [i1$2.NgIf, i2$1.MatButton, i1.MatIcon, i2$2.MatTooltip, i1$1.TranslatePipe], styles: [".llm-wrapper[_ngcontent-%COMP%]{display:flex;gap:8px}"] }); }
|
|
7403
7423
|
}
|
|
7404
7424
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMComponent, [{
|
|
7405
7425
|
type: Component,
|
|
7406
|
-
args: [{ selector: 'lib-llm', template: "<
|
|
7426
|
+
args: [{ selector: 'lib-llm', template: "<div class=\"llm-wrapper\">\r\n\t<div *ngIf=\"summaryEnabled\" [matTooltipPosition]=\"'left'\" [matTooltip]=\"!isTextSummarizable ? ('LLM.MENU_SUMMARY_DISABLED_TOOLTIP' | translate) : ''\">\r\n\t\t<button mat-stroked-button color=\"accent\" [disabled]=\"!isTextSummarizable\" (click)=\"openLLMModal(llmAction.SUMMARY)\">\r\n\t\t\t<mat-icon [svgIcon]=\"'summarize'\"></mat-icon>\r\n\t\t\t{{ \"LLM.SUMMARY\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"summaryEnabled\" [matTooltipPosition]=\"'left'\" [matTooltip]=\"!isTargetLanguageRephrasable ? ('LLM.MENU_REPHRASE_DISABLED_TOOLTIP' | translate) : ''\">\r\n\t\t<button mat-stroked-button color=\"accent\" [disabled]=\"!isTargetLanguageRephrasable\" (click)=\"openLLMModal(llmAction.REPHRASE)\">\r\n\t\t\t<mat-icon [svgIcon]=\"'rephrase'\"></mat-icon>\r\n\t\t\t{{ \"LLM.REPHRASE\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", styles: [".llm-wrapper{display:flex;gap:8px}\n"] }]
|
|
7407
7427
|
}], () => [{ type: i1$4.MatDialog }, { type: IconService }, { type: LanguageTranslateService }], { text: [{
|
|
7408
7428
|
type: Input
|
|
7409
7429
|
}], language: [{
|
|
7410
7430
|
type: Input
|
|
7411
|
-
}], isMenuDisabled: [{
|
|
7412
|
-
type: Input
|
|
7413
7431
|
}], rephrasableLanguagesCodeList: [{
|
|
7414
7432
|
type: Input
|
|
7433
|
+
}], summaryEnabled: [{
|
|
7434
|
+
type: Input
|
|
7435
|
+
}], rephraseEnabled: [{
|
|
7436
|
+
type: Input
|
|
7415
7437
|
}], showUseCaseSummary: [{
|
|
7416
7438
|
type: Input
|
|
7417
7439
|
}], showUseCaseRephrase: [{
|
|
@@ -7427,7 +7449,6 @@ class LLMModule {
|
|
|
7427
7449
|
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
7428
7450
|
MatButtonModule,
|
|
7429
7451
|
MatIconModule,
|
|
7430
|
-
MatMenuModule,
|
|
7431
7452
|
TranslateModule,
|
|
7432
7453
|
MatDialogModule,
|
|
7433
7454
|
ClipboardModule,
|
|
@@ -7451,7 +7472,6 @@ class LLMModule {
|
|
|
7451
7472
|
CommonModule,
|
|
7452
7473
|
MatButtonModule,
|
|
7453
7474
|
MatIconModule,
|
|
7454
|
-
MatMenuModule,
|
|
7455
7475
|
TranslateModule,
|
|
7456
7476
|
MatDialogModule,
|
|
7457
7477
|
ClipboardModule,
|
|
@@ -7471,7 +7491,6 @@ class LLMModule {
|
|
|
7471
7491
|
LLMTextareaWithActionsComponent], imports: [CommonModule,
|
|
7472
7492
|
MatButtonModule,
|
|
7473
7493
|
MatIconModule,
|
|
7474
|
-
MatMenuModule,
|
|
7475
7494
|
TranslateModule,
|
|
7476
7495
|
MatDialogModule,
|
|
7477
7496
|
ClipboardModule,
|
|
@@ -8270,31 +8289,27 @@ class NewFeatureDialogComponent {
|
|
|
8270
8289
|
class NewFeatureDialogService {
|
|
8271
8290
|
constructor() {
|
|
8272
8291
|
this.current = signal(undefined);
|
|
8273
|
-
this.
|
|
8292
|
+
this.queue = [];
|
|
8274
8293
|
}
|
|
8275
8294
|
requestOpenFeature(component) {
|
|
8276
|
-
if (this.
|
|
8295
|
+
if (this.queue.includes(component)) {
|
|
8277
8296
|
return;
|
|
8278
8297
|
}
|
|
8279
|
-
this.
|
|
8298
|
+
this.queue.push(component);
|
|
8280
8299
|
if (!this.current()) {
|
|
8281
8300
|
this.showNextFeature();
|
|
8282
8301
|
}
|
|
8283
8302
|
}
|
|
8284
8303
|
showNextFeature() {
|
|
8285
|
-
if (this.
|
|
8304
|
+
if (this.queue.length === 0) {
|
|
8286
8305
|
return;
|
|
8287
8306
|
}
|
|
8288
|
-
const nextFeature = this.
|
|
8307
|
+
const nextFeature = this.queue.shift();
|
|
8289
8308
|
if (!nextFeature) {
|
|
8290
8309
|
return;
|
|
8291
8310
|
}
|
|
8292
8311
|
this.current.set(nextFeature);
|
|
8293
8312
|
nextFeature.showFeatureDialog();
|
|
8294
|
-
nextFeature.dialogRef?.afterClosed().subscribe(() => {
|
|
8295
|
-
this.current.set(undefined);
|
|
8296
|
-
this.showNextFeature();
|
|
8297
|
-
});
|
|
8298
8313
|
}
|
|
8299
8314
|
static { this.ɵfac = function NewFeatureDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NewFeatureDialogService)(); }; }
|
|
8300
8315
|
static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NewFeatureDialogService, factory: NewFeatureDialogService.ɵfac, providedIn: 'root' }); }
|
|
@@ -8333,27 +8348,32 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8333
8348
|
if (!targetElement) {
|
|
8334
8349
|
return;
|
|
8335
8350
|
}
|
|
8336
|
-
if (ResolutionHelper.isMobileRes()) {
|
|
8351
|
+
if (ResolutionHelper.isMobileRes() && this.mobileScreenCustomPosition?.autoScroll) {
|
|
8337
8352
|
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
8338
8353
|
}
|
|
8339
|
-
|
|
8340
|
-
|
|
8341
|
-
|
|
8342
|
-
|
|
8343
|
-
|
|
8344
|
-
|
|
8345
|
-
|
|
8346
|
-
|
|
8347
|
-
|
|
8348
|
-
|
|
8349
|
-
|
|
8350
|
-
|
|
8351
|
-
|
|
8352
|
-
|
|
8353
|
-
|
|
8354
|
-
|
|
8355
|
-
this.
|
|
8356
|
-
|
|
8354
|
+
setTimeout(() => {
|
|
8355
|
+
this.featureActive.set(true);
|
|
8356
|
+
const updatedRects = targetElement.getBoundingClientRect();
|
|
8357
|
+
this.dialogRef = this.#dialog.open(NewFeatureDialogComponent, {
|
|
8358
|
+
data: {
|
|
8359
|
+
title: this.titleLocalizationKey,
|
|
8360
|
+
description: this.descriptionLocalizationKey,
|
|
8361
|
+
close: this.closeLocalizationKey,
|
|
8362
|
+
featureLocalStorageKey: this.featureLocalStorageKey,
|
|
8363
|
+
},
|
|
8364
|
+
position: {
|
|
8365
|
+
left: `${ResolutionHelper.isMobileRes() && this.mobileScreenCustomPosition?.left ? this.mobileScreenCustomPosition.left : (updatedRects.left - this.maxWidth) + 'px'}`,
|
|
8366
|
+
top: `${ResolutionHelper.isMobileRes() && this.mobileScreenCustomPosition?.top ? this.mobileScreenCustomPosition.top : (updatedRects.top + 45) + 'px'}`
|
|
8367
|
+
},
|
|
8368
|
+
maxWidth: `${this.maxWidth}px`
|
|
8369
|
+
});
|
|
8370
|
+
this.dialogRef.afterClosed().subscribe(() => {
|
|
8371
|
+
this.setFeatureSeen();
|
|
8372
|
+
this.#featureService.current.set(undefined);
|
|
8373
|
+
this.#featureService.showNextFeature();
|
|
8374
|
+
});
|
|
8375
|
+
// Wait until the element is visible in the viewport.
|
|
8376
|
+
}, ResolutionHelper.isMobileRes() && this.mobileScreenCustomPosition?.autoScroll ? 500 : 0);
|
|
8357
8377
|
}
|
|
8358
8378
|
setFeatureStatus() {
|
|
8359
8379
|
this.isFeatureSeen = !!this.featureLocalStorageKey && !!localStorage.getItem(this.featureLocalStorageKey);
|
|
@@ -8369,7 +8389,7 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8369
8389
|
}
|
|
8370
8390
|
}
|
|
8371
8391
|
static { this.ɵfac = function NewFeatureDialogWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NewFeatureDialogWrapperComponent)(); }; }
|
|
8372
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewFeatureDialogWrapperComponent, selectors: [["lib-new-feature-dialog-wrapper"]], inputs: { titleLocalizationKey: "titleLocalizationKey", descriptionLocalizationKey: "descriptionLocalizationKey", closeLocalizationKey: "closeLocalizationKey", featureClassName: "featureClassName", featureLocalStorageKey: "featureLocalStorageKey", timeout: "timeout", maxWidth: "maxWidth" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 0, vars: 0, template: function NewFeatureDialogWrapperComponent_Template(rf, ctx) { }, dependencies: [CommonModule, MatDialogModule], encapsulation: 2 }); }
|
|
8392
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewFeatureDialogWrapperComponent, selectors: [["lib-new-feature-dialog-wrapper"]], inputs: { titleLocalizationKey: "titleLocalizationKey", descriptionLocalizationKey: "descriptionLocalizationKey", closeLocalizationKey: "closeLocalizationKey", featureClassName: "featureClassName", featureLocalStorageKey: "featureLocalStorageKey", timeout: "timeout", maxWidth: "maxWidth", mobileScreenCustomPosition: "mobileScreenCustomPosition" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 0, vars: 0, template: function NewFeatureDialogWrapperComponent_Template(rf, ctx) { }, dependencies: [CommonModule, MatDialogModule], encapsulation: 2 }); }
|
|
8373
8393
|
}
|
|
8374
8394
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewFeatureDialogWrapperComponent, [{
|
|
8375
8395
|
type: Component,
|
|
@@ -8393,8 +8413,10 @@ class NewFeatureDialogWrapperComponent {
|
|
|
8393
8413
|
type: Input
|
|
8394
8414
|
}], maxWidth: [{
|
|
8395
8415
|
type: Input
|
|
8416
|
+
}], mobileScreenCustomPosition: [{
|
|
8417
|
+
type: Input
|
|
8396
8418
|
}] }); })();
|
|
8397
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber:
|
|
8419
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewFeatureDialogWrapperComponent, { className: "NewFeatureDialogWrapperComponent", filePath: "lib\\new-feature-dialog\\new-feature-dialog-wrapper\\new-feature-dialog-wrapper.component.ts", lineNumber: 16 }); })();
|
|
8398
8420
|
|
|
8399
8421
|
/*
|
|
8400
8422
|
* Public API Surface of ngx-common
|