@indigina/ui-kit 1.1.543 → 1.1.545
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.
|
@@ -2281,7 +2281,7 @@ class KitCodeEditorAdapterService {
|
|
|
2281
2281
|
bracketPairs: true,
|
|
2282
2282
|
indentation: true,
|
|
2283
2283
|
},
|
|
2284
|
-
|
|
2284
|
+
useShadowDOM: false,
|
|
2285
2285
|
quickSuggestions: false,
|
|
2286
2286
|
suggestOnTriggerCharacters: false,
|
|
2287
2287
|
wordBasedSuggestions: 'off',
|
|
@@ -2299,6 +2299,7 @@ class KitCodeEditorAdapterService {
|
|
|
2299
2299
|
placeholder: options.placeholder,
|
|
2300
2300
|
occurrencesHighlight: 'off',
|
|
2301
2301
|
});
|
|
2302
|
+
this.addCustomClipboardPasteAction(editorInstance);
|
|
2302
2303
|
const isFindWidgetVisible = this.createFindWidgetVisibilityResolver(container);
|
|
2303
2304
|
return {
|
|
2304
2305
|
getMode: () => KitCodeEditorMode.SINGLE,
|
|
@@ -2399,7 +2400,7 @@ class KitCodeEditorAdapterService {
|
|
|
2399
2400
|
bracketPairs: true,
|
|
2400
2401
|
indentation: true,
|
|
2401
2402
|
},
|
|
2402
|
-
|
|
2403
|
+
useShadowDOM: false,
|
|
2403
2404
|
quickSuggestions: false,
|
|
2404
2405
|
suggestOnTriggerCharacters: false,
|
|
2405
2406
|
renderValidationDecorations: 'on',
|
|
@@ -2408,6 +2409,7 @@ class KitCodeEditorAdapterService {
|
|
|
2408
2409
|
},
|
|
2409
2410
|
occurrencesHighlight: 'off',
|
|
2410
2411
|
});
|
|
2412
|
+
this.addCustomClipboardPasteAction(editorInstance);
|
|
2411
2413
|
return {
|
|
2412
2414
|
getMode: () => KitCodeEditorMode.DIFF,
|
|
2413
2415
|
setValue: (value) => {
|
|
@@ -2497,6 +2499,33 @@ class KitCodeEditorAdapterService {
|
|
|
2497
2499
|
await action.run();
|
|
2498
2500
|
return true;
|
|
2499
2501
|
}
|
|
2502
|
+
addCustomClipboardPasteAction(editorInstance) {
|
|
2503
|
+
editorInstance.addAction({
|
|
2504
|
+
id: 'custom-clipboard-paste',
|
|
2505
|
+
label: 'Paste',
|
|
2506
|
+
contextMenuGroupId: '9_cutcopypaste',
|
|
2507
|
+
contextMenuOrder: 3,
|
|
2508
|
+
run: async (editorWidget) => {
|
|
2509
|
+
try {
|
|
2510
|
+
const text = await navigator.clipboard.readText();
|
|
2511
|
+
const model = editorWidget.getModel();
|
|
2512
|
+
const selection = editorWidget.getSelection();
|
|
2513
|
+
if (model && selection) {
|
|
2514
|
+
editorWidget.executeEdits('custom-paste-source', [{
|
|
2515
|
+
range: selection,
|
|
2516
|
+
text,
|
|
2517
|
+
forceMoveMarkers: true,
|
|
2518
|
+
}]);
|
|
2519
|
+
editorWidget.pushUndoStop();
|
|
2520
|
+
editorWidget.focus();
|
|
2521
|
+
}
|
|
2522
|
+
}
|
|
2523
|
+
catch (err) {
|
|
2524
|
+
console.error('Browser blocked clipboard access or paste failed: ', err);
|
|
2525
|
+
}
|
|
2526
|
+
},
|
|
2527
|
+
});
|
|
2528
|
+
}
|
|
2500
2529
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2501
2530
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorAdapterService }); }
|
|
2502
2531
|
}
|
|
@@ -3146,7 +3175,7 @@ class KitCodeEditorComponent {
|
|
|
3146
3175
|
KitCodeEditorAdapterService,
|
|
3147
3176
|
KitCodeEditorFormatterService,
|
|
3148
3177
|
KitCodeEditorLanguageRegistryService,
|
|
3149
|
-
], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3178
|
+
], viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}.context-view.monaco-component{background:var(--ui-kit-color-white)}.context-view.monaco-component .action-item:has([aria-label=Paste])+.action-item:has([aria-label=Paste]){display:none}.context-view.monaco-component .action-item.diabled{max-height:1px;background-color:var(--ui-kit-color-grey-11);margin:5px 25px}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3150
3179
|
}
|
|
3151
3180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitCodeEditorComponent, decorators: [{
|
|
3152
3181
|
type: Component,
|
|
@@ -3164,7 +3193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3164
3193
|
KitFormLabelComponent,
|
|
3165
3194
|
TranslatePipe,
|
|
3166
3195
|
KitFormMessageComponent,
|
|
3167
|
-
], template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}\n"] }]
|
|
3196
|
+
], template: "<div class=\"kit-code-editor\"\n [class.invalid]=\"invalid()\">\n @if (label()) {\n <kit-form-label class=\"kit-code-editor-label\"\n [text]=\"label()\" />\n }\n\n <div class=\"kit-code-editor-main\">\n @if (showToolbar()) {\n <div class=\"kit-code-editor-toolbar\">\n @if (showFormatAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.format' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.MAGIC_WAND\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onFormatClicked()\" />\n }\n\n @if (showFindAction()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.find' | translate\"\n [active]=\"isFindWidgetOpened()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.SEARCH\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onFindClicked()\" />\n }\n\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.lines' | translate\"\n [active]=\"localShowLineNumbers()\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.NUMBER_LIST\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onToggleLineNumbersClicked()\" />\n\n @if (isDiffMode()) {\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.discard' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.ROTATE_LEFT\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onDiscardDiffClicked()\" />\n <kit-button class=\"kit-code-editor-toolbar-button\"\n [label]=\"'kit.codeEditor.accept' | translate\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.SMALL\"\n [icon]=\"kitSvgIcon.CHECK\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"onAcceptDiffClicked()\" />\n }\n </div>\n }\n\n @if (toolbarMessage()) {\n <div class=\"kit-code-editor-toolbar-message\">\n {{ toolbarMessage() | translate }}\n </div>\n }\n\n <div class=\"kit-code-editor-input\"\n [style.height]=\"getEditorHeight()\"\n [class.disabled]=\"disabled()\">\n @if (!initializationError()) {\n <div #editorContainer\n class=\"kit-code-editor-container\"\n (focusout)=\"onEditorBlur()\"\n ></div>\n } @else {\n <div class=\"kit-code-editor-error\">{{ initializationError() | translate }}</div>\n }\n </div>\n </div>\n\n @if (messageText()) {\n <kit-form-message [icon]=\"messageIcon()\"\n [message]=\"messageText()\"\n ></kit-form-message>\n }\n</div>\n", styles: [".kit-code-editor{display:block}.kit-code-editor.invalid .kit-code-editor-main{border-color:var(--ui-kit-color-red-1)}.kit-code-editor-label{display:block;margin-bottom:4px}.kit-code-editor-main{padding:15px;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white)}.kit-code-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.kit-code-editor-toolbar-message{margin-bottom:8px;color:var(--ui-kit-color-red-1);font-size:14px;line-height:1.4}.kit-code-editor-input{box-sizing:content-box;border:1px solid var(--ui-kit-color-grey-11)}.kit-code-editor-input.disabled{background:var(--ui-kit-color-grey-13);border-color:var(--ui-kit-color-grey-11)}.kit-code-editor-container{position:relative;width:100%;height:100%}.kit-code-editor-error{padding:8px 12px;color:var(--ui-kit-color-red-1);font-size:12px;line-height:1.4;background:var(--ui-kit-color-red-2)}.kit-code-editor .find-widget>.button.codicon-widget-close{box-sizing:content-box}.kit-code-editor .context-view{margin-bottom:5px}.kit-code-editor .context-view .hover-contents{white-space:nowrap!important}.context-view.monaco-component{background:var(--ui-kit-color-white)}.context-view.monaco-component .action-item:has([aria-label=Paste])+.action-item:has([aria-label=Paste]){display:none}.context-view.monaco-component .action-item.diabled{max-height:1px;background-color:var(--ui-kit-color-grey-11);margin:5px 25px}\n"] }]
|
|
3168
3197
|
}], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], originalValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValue", required: false }] }, { type: i0.Output, args: ["originalValueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], showLineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLineNumbers", required: false }] }], showToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolbar", required: false }] }], showFormatAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormatAction", required: false }] }], showFindAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFindAction", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], editorReady: [{ type: i0.Output, args: ["editorReady"] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }], formatFailed: [{ type: i0.Output, args: ["formatFailed"] }], findFailed: [{ type: i0.Output, args: ["findFailed"] }], diffAccepted: [{ type: i0.Output, args: ["diffAccepted"] }], diffDiscarded: [{ type: i0.Output, args: ["diffDiscarded"] }], editorContainer: [{ type: i0.ViewChild, args: ['editorContainer', { isSignal: true }] }] } });
|
|
3169
3198
|
|
|
3170
3199
|
var KitTextLabelState;
|
|
@@ -6709,14 +6738,15 @@ class KitSelectableCardComponent {
|
|
|
6709
6738
|
this.selectedId.set(null);
|
|
6710
6739
|
}
|
|
6711
6740
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitSelectableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitSelectableCardComponent, isStandalone: true, selector: "kit-selectable-card", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedId: "selectedIdChange", cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"kit-selectable-card-group\">\n @for (item of items(); track item.id) {\n <div class=\"kit-selectable-card\"\n [class.selected]=\"isSelected(item.id)\"\n (click)=\"handleCardClick(item)\">\n <div class=\"kit-selectable-card-header\">\n <kit-radio-button [value]=\"item.id\"\n [label]=\"item.title\"\n [checked]=\"isSelected(item.id)\">\n </kit-radio-button>\n @if (item.statusLabel) {\n <kit-status-label [color]=\"item.statusLabelColor ?? kitStatusLabelColor.WHITE\">\n {{ item.statusLabel }}\n </kit-status-label>\n }\n </div>\n @if (item.captions?.length) {\n <div class=\"kit-selectable-card-captions\">\n @for (caption of item.captions!; track caption.key) {\n <div class=\"kit-selectable-card-caption\">\n <span class=\"kit-selectable-card-caption-key\">{{ caption.key }}</span>\n <span class=\"kit-selectable-card-caption-value\">{{ caption.value }}</span>\n </div>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-selectable-card-group{display:flex;gap:15px}.kit-selectable-card-group .kit-selectable-card{cursor:pointer;padding:20px;min-width:300px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-grey-11);border-radius:10px}.kit-selectable-card-group .kit-selectable-card.selected{border-color:var(--ui-kit-color-main);background-color:color-mix(in srgb,var(--ui-kit-color-main) 20%,transparent)}.kit-selectable-card-group .kit-selectable-card:hover:not(.selected){border-color:var(--ui-kit-color-hover);opacity:.8}.kit-selectable-card-group .kit-selectable-card
|
|
6741
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitSelectableCardComponent, isStandalone: true, selector: "kit-selectable-card", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedId: "selectedIdChange", cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"kit-selectable-card-group\">\n @for (item of items(); track item.id) {\n <div class=\"kit-selectable-card\"\n [class.selected]=\"isSelected(item.id)\"\n (click)=\"handleCardClick(item)\">\n <div class=\"kit-selectable-card-header\">\n <kit-radio-button [value]=\"item.id\"\n [label]=\"item.title\"\n [checked]=\"isSelected(item.id)\">\n </kit-radio-button>\n @if (item.statusLabel) {\n <kit-status-label class=\"kit-selectable-card-status-label\"\n [color]=\"item.statusLabelColor ?? kitStatusLabelColor.WHITE\">\n {{ item.statusLabel }}\n </kit-status-label>\n }\n </div>\n @if (item.captions?.length) {\n <div class=\"kit-selectable-card-captions\">\n @for (caption of item.captions!; track caption.key) {\n <div class=\"kit-selectable-card-caption\">\n <span class=\"kit-selectable-card-caption-key\">{{ caption.key }}</span>\n <span class=\"kit-selectable-card-caption-value\">\n <kit-truncate-text>{{ caption.value }}</kit-truncate-text>\n </span>\n </div>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-selectable-card-group{display:flex;gap:15px}.kit-selectable-card-group .kit-selectable-card{cursor:pointer;padding:20px;min-width:300px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-grey-11);border-radius:10px}.kit-selectable-card-group .kit-selectable-card.selected{border-color:var(--ui-kit-color-main);background-color:color-mix(in srgb,var(--ui-kit-color-main) 20%,transparent)}.kit-selectable-card-group .kit-selectable-card:hover:not(.selected){border-color:var(--ui-kit-color-hover);opacity:.8}.kit-selectable-card-group .kit-selectable-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.kit-selectable-card-group .kit-selectable-card-status-label{overflow:hidden;min-width:0}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions{display:flex;flex-direction:column;gap:5px;margin-top:10px}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption{display:flex;justify-content:space-between;font-size:14px}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption-key{color:var(--ui-kit-color-main)}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption-value{text-align:right;max-width:200px}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-selectable-card-status-label .kit-status-label{width:100%;box-sizing:border-box}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button{pointer-events:none}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button-item{height:auto}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button-item .k-label{font-size:16px;font-weight:500;cursor:pointer;line-height:22px}\n"], dependencies: [{ kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "type", "value", "checked", "icon", "disabled"], outputs: ["checkedChange", "disabledChange", "changed"] }, { kind: "component", type: KitStatusLabelComponent, selector: "kit-status-label", inputs: ["color", "size", "tooltip"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6713
6742
|
}
|
|
6714
6743
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitSelectableCardComponent, decorators: [{
|
|
6715
6744
|
type: Component,
|
|
6716
6745
|
args: [{ selector: 'kit-selectable-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6717
6746
|
KitRadioButtonComponent,
|
|
6718
6747
|
KitStatusLabelComponent,
|
|
6719
|
-
|
|
6748
|
+
KitTruncateTextComponent,
|
|
6749
|
+
], template: "<div class=\"kit-selectable-card-group\">\n @for (item of items(); track item.id) {\n <div class=\"kit-selectable-card\"\n [class.selected]=\"isSelected(item.id)\"\n (click)=\"handleCardClick(item)\">\n <div class=\"kit-selectable-card-header\">\n <kit-radio-button [value]=\"item.id\"\n [label]=\"item.title\"\n [checked]=\"isSelected(item.id)\">\n </kit-radio-button>\n @if (item.statusLabel) {\n <kit-status-label class=\"kit-selectable-card-status-label\"\n [color]=\"item.statusLabelColor ?? kitStatusLabelColor.WHITE\">\n {{ item.statusLabel }}\n </kit-status-label>\n }\n </div>\n @if (item.captions?.length) {\n <div class=\"kit-selectable-card-captions\">\n @for (caption of item.captions!; track caption.key) {\n <div class=\"kit-selectable-card-caption\">\n <span class=\"kit-selectable-card-caption-key\">{{ caption.key }}</span>\n <span class=\"kit-selectable-card-caption-value\">\n <kit-truncate-text>{{ caption.value }}</kit-truncate-text>\n </span>\n </div>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-selectable-card-group{display:flex;gap:15px}.kit-selectable-card-group .kit-selectable-card{cursor:pointer;padding:20px;min-width:300px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-grey-11);border-radius:10px}.kit-selectable-card-group .kit-selectable-card.selected{border-color:var(--ui-kit-color-main);background-color:color-mix(in srgb,var(--ui-kit-color-main) 20%,transparent)}.kit-selectable-card-group .kit-selectable-card:hover:not(.selected){border-color:var(--ui-kit-color-hover);opacity:.8}.kit-selectable-card-group .kit-selectable-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.kit-selectable-card-group .kit-selectable-card-status-label{overflow:hidden;min-width:0}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions{display:flex;flex-direction:column;gap:5px;margin-top:10px}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption{display:flex;justify-content:space-between;font-size:14px}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption-key{color:var(--ui-kit-color-main)}.kit-selectable-card-group .kit-selectable-card .kit-selectable-card-captions .kit-selectable-card-caption-value{text-align:right;max-width:200px}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-selectable-card-status-label .kit-status-label{width:100%;box-sizing:border-box}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button{pointer-events:none}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button-item{height:auto}.kit-selectable-card-group .kit-selectable-card ::ng-deep .kit-radio-button-item .k-label{font-size:16px;font-weight:500;cursor:pointer;line-height:22px}\n"] }]
|
|
6720
6750
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }, { type: i0.Output, args: ["selectedIdChange"] }], cardClick: [{ type: i0.Output, args: ["cardClick"] }] } });
|
|
6721
6751
|
|
|
6722
6752
|
class KitBreadcrumbsComponent {
|
|
@@ -12439,7 +12469,7 @@ class KitGridViewsComponent {
|
|
|
12439
12469
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { viewChanged: "viewChanged", viewSelectionChanged: "viewSelectionChanged" }, providers: [
|
|
12440
12470
|
TitleCasePipe,
|
|
12441
12471
|
KitGridUrlStateService,
|
|
12442
|
-
], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\n } @else {\n <kit-skeleton [width]=\"200\"\n [height]=\"32\"\n ></kit-skeleton>\n }\n }\n</div>\n\n<ng-template #collapsedListItem let-item>\n <kit-button class=\"views-item\"\n [ngClass]=\"item.type\"\n [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n [label]=\"item.title | titlecase\"\n [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [defaultValue]=\"createNewViewName()\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n [messageText]=\"inputMessage\"\n (changed)=\"createNewViewName.set($event)\"\n ></kit-textbox>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12472
|
+
], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\n } @else {\n <kit-skeleton [width]=\"200\"\n [height]=\"32\"\n ></kit-skeleton>\n }\n }\n</div>\n\n<ng-template #collapsedListItem let-item>\n <kit-button class=\"views-item\"\n [ngClass]=\"item.type\"\n [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n [label]=\"item.title | titlecase\"\n [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [defaultValue]=\"createNewViewName()\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n [messageText]=\"inputMessage\"\n (changed)=\"createNewViewName.set($event)\"\n ></kit-textbox>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .value-icon{fill:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown .value-icon{fill:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible", "kitTooltipOffset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12443
12473
|
}
|
|
12444
12474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridViewsComponent, decorators: [{
|
|
12445
12475
|
type: Component,
|
|
@@ -12458,7 +12488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
12458
12488
|
], providers: [
|
|
12459
12489
|
TitleCasePipe,
|
|
12460
12490
|
KitGridUrlStateService,
|
|
12461
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\n } @else {\n <kit-skeleton [width]=\"200\"\n [height]=\"32\"\n ></kit-skeleton>\n }\n }\n</div>\n\n<ng-template #collapsedListItem let-item>\n <kit-button class=\"views-item\"\n [ngClass]=\"item.type\"\n [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n [label]=\"item.title | titlecase\"\n [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [defaultValue]=\"createNewViewName()\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n [messageText]=\"inputMessage\"\n (changed)=\"createNewViewName.set($event)\"\n ></kit-textbox>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"] }]
|
|
12491
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-views\">\n @if (viewsState$ | async; as viewsState) {\n @if (!viewsState.loading) {\n <div class=\"views-actions\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.addView' | translate\"\n [icon]=\"kitSvgIcon.PLUS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"onCreateViewPopupToggle()\"\n ></kit-button>\n <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n [views]=\"views()\"\n [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n (resetQueryParams)=\"resetQueryParams()\"\n ></kit-grid-views-save>\n <kit-button kitTooltip\n kitTooltipFilter=\"kit-button\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [title]=\"'kit.views.manageViews' | translate\"\n [icon]=\"kitSvgIcon.VIEWS\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n [disabled]=\"views().length < 2\"\n (clicked)=\"openViewsManagerModal()\"\n ></kit-button>\n </div>\n <div class=\"views-list\">\n <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n [lineHeight]=\"32\"\n [gap]=\"0\"\n [itemTemplate]=\"collapsedListItem\"\n [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n (selectItem)=\"onSelectView($event)\"/>\n </div>\n } @else {\n <kit-skeleton [width]=\"200\"\n [height]=\"32\"\n ></kit-skeleton>\n }\n }\n</div>\n\n<ng-template #collapsedListItem let-item>\n <kit-button class=\"views-item\"\n [ngClass]=\"item.type\"\n [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n [label]=\"item.title | titlecase\"\n [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n kitButtonType.GHOST || kitButtonType.LINK\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n popupClass=\"kit-grid-new-view-popup\"\n [anchor]=\"$any(anchor())\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"new-view\">\n <kit-textbox class=\"new-view-input\"\n [defaultValue]=\"createNewViewName()\"\n [placeholder]=\"'kit.views.enterText' | translate\"\n [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n [messageText]=\"inputMessage\"\n (changed)=\"createNewViewName.set($event)\"\n ></kit-textbox>\n <kit-button [label]=\"'kit.views.save' | translate\"\n [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n (clicked)=\"onViewCreate()\"\n ></kit-button>\n </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .value-icon{fill:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown .value-icon{fill:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"] }]
|
|
12462
12492
|
}], propDecorators: { viewGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewGroup", required: true }] }], viewConfigGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewConfigGroup", required: true }] }], defaultColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultColumns", required: true }] }], defaultViewName: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultViewName", required: true }] }], defaultSorting: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSorting", required: true }] }], systemViews: [{ type: i0.Input, args: [{ isSignal: true, alias: "systemViews", required: true }] }], viewChanged: [{ type: i0.Output, args: ["viewChanged"] }], viewSelectionChanged: [{ type: i0.Output, args: ["viewSelectionChanged"] }], anchor: [{ type: i0.ViewChild, args: ['toggleButton', { ...{ read: ElementRef }, isSignal: true }] }], collapsedList: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitCollapsedListComponent), { isSignal: true }] }], createNewViewPopup: [{ type: i0.ViewChild, args: ['popup', { ...{ read: KitPopupComponent }, isSignal: true }] }] } });
|
|
12463
12493
|
|
|
12464
12494
|
class FetchUserSettings {
|