@indigina/ui-kit 1.1.356 → 1.1.358
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/fesm2022/indigina-ui-kit.mjs +23 -19
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -8123,7 +8123,9 @@ class KitFilterCheckboxComponent {
|
|
|
8123
8123
|
}
|
|
8124
8124
|
get displayedValues() {
|
|
8125
8125
|
const uniqueTitles = new Set();
|
|
8126
|
-
(this.isPopupOpen ? this.checkedItems : this.selectedValues()).forEach(item =>
|
|
8126
|
+
(this.isPopupOpen ? this.checkedItems : this.selectedValues()).forEach(item => {
|
|
8127
|
+
return uniqueTitles.add(this.translateService.instant(this.buildTranslateKey(item.title)));
|
|
8128
|
+
});
|
|
8127
8129
|
return Array.from(uniqueTitles);
|
|
8128
8130
|
}
|
|
8129
8131
|
get isContentOverflowing() {
|
|
@@ -8134,6 +8136,7 @@ class KitFilterCheckboxComponent {
|
|
|
8134
8136
|
return false;
|
|
8135
8137
|
}
|
|
8136
8138
|
constructor() {
|
|
8139
|
+
this.translateService = inject(TranslateService);
|
|
8137
8140
|
this.filter = input.required(...(ngDevMode ? [{ debugName: "filter" }] : []));
|
|
8138
8141
|
this.translateKeyPrefix = input('', ...(ngDevMode ? [{ debugName: "translateKeyPrefix" }] : []));
|
|
8139
8142
|
this.items = model([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
@@ -8150,20 +8153,24 @@ class KitFilterCheckboxComponent {
|
|
|
8150
8153
|
this.groupedItems = computed(() => {
|
|
8151
8154
|
const groupedItems = {};
|
|
8152
8155
|
this.items().forEach(item => {
|
|
8153
|
-
|
|
8154
|
-
|
|
8156
|
+
const itemKey = this.translateService.instant(this.buildTranslateKey(item.title));
|
|
8157
|
+
if (!groupedItems[itemKey]) {
|
|
8158
|
+
groupedItems[itemKey] = {
|
|
8155
8159
|
title: item.title,
|
|
8156
8160
|
value: [],
|
|
8157
8161
|
checked: item.checked,
|
|
8158
8162
|
};
|
|
8159
8163
|
}
|
|
8160
|
-
groupedItems[
|
|
8164
|
+
groupedItems[itemKey].value.push(item.value);
|
|
8161
8165
|
});
|
|
8162
8166
|
return Object.values(groupedItems);
|
|
8163
8167
|
}, ...(ngDevMode ? [{ debugName: "groupedItems" }] : []));
|
|
8164
8168
|
this.visibleItems = computed(() => {
|
|
8165
8169
|
if (this.searchTerm()) {
|
|
8166
|
-
return this.groupedItems().filter(item =>
|
|
8170
|
+
return this.groupedItems().filter(item => {
|
|
8171
|
+
const itemTitle = this.translateService.instant(this.buildTranslateKey(item.title));
|
|
8172
|
+
return itemTitle.toLowerCase().includes(this.searchTerm().toLowerCase());
|
|
8173
|
+
});
|
|
8167
8174
|
}
|
|
8168
8175
|
return this.groupedItems();
|
|
8169
8176
|
}, ...(ngDevMode ? [{ debugName: "visibleItems" }] : []));
|
|
@@ -8250,7 +8257,7 @@ class KitFilterCheckboxComponent {
|
|
|
8250
8257
|
})));
|
|
8251
8258
|
}
|
|
8252
8259
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitFilterCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popupContent", first: true, predicate: ["popupContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{
|
|
8260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitFilterCheckboxComponent, isStandalone: true, selector: "kit-filter-checkbox", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, guidField: { classPropertyName: "guidField", publicName: "guidField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popupContent", first: true, predicate: ["popupContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ displayedValues[0] }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ?? '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-search\" \n [hidden]=\"!isContentOverflowing && !searchTerm()\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange($event, item.value)\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "pipe", type: i1$d.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8254
8261
|
}
|
|
8255
8262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitFilterCheckboxComponent, decorators: [{
|
|
8256
8263
|
type: Component,
|
|
@@ -8262,7 +8269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
8262
8269
|
FormsModule,
|
|
8263
8270
|
KitPopupComponent,
|
|
8264
8271
|
KitTextboxComponent,
|
|
8265
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{
|
|
8272
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-filter-checkbox\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (allSelected()) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ 'kit.filters.all' | translate }}\n </div>\n } @else if (displayedValues.length > 1) {\n <div class=\"kit-filter-checkbox-tooltip\"\n kitTooltip\n kitTooltipFilter=\".kit-filter-checkbox-tooltip\"\n [kitTooltipPosition]=\"kitTooltipPosition.RIGHT\"\n [kitTooltipTemplateRef]=\"tooltipTemplate\">\n {{ displayedValues[0] }}\n <span class=\"kit-filter-checkbox-tooltip-count\">+{{ displayedValues.length - 1 }}</span>\n </div>\n } @else {\n {{ displayedValues[0] ?? '' }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-checkbox-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-search\" \n [hidden]=\"!isContentOverflowing && !searchTerm()\">\n <kit-textbox [placeholder]=\"'kit.filters.search' | translate\"\n [size]=\"kitTextboxSize.SMALL\"\n [defaultValue]=\"searchTerm()\"\n (changed)=\"searchTerm.set($event)\"\n ></kit-textbox>\n </div>\n \n <div #popupContent\n class=\"popup-content\">\n @if (!searchTerm()) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"'kit.filters.all' | translate\"\n [(ngModel)]=\"allSelected\"\n (changed)=\"toggleAll($event)\"> \n </kit-checkbox>\n }\n\n @for (item of visibleItems(); track $index) {\n <kit-checkbox class=\"checkbox-item\"\n [label]=\"buildTranslateKey(item.title) | translate\"\n [(ngModel)]=\"item.checked\"\n (changed)=\"onChange($event, item.value)\"\n ></kit-checkbox>\n }\n\n @if (!visibleItems().length) {\n {{ ('kit.filters.noDataFound' | translate) }}\n }\n </div>\n</ng-template>\n\n<ng-template #tooltipTemplate>\n @for (item of (displayedValues.length > 1 && !allSelected() ? displayedValues.slice(1) : displayedValues); track item) {\n <div class=\"kit-filter-checkbox-tooltip-item\">{{ buildTranslateKey(item) | translate }}</div>\n }\n</ng-template>\n", styles: [".kit-filter-checkbox-tooltip-count{color:var(--ui-kit-color-main)}.kit-filter-checkbox-tooltip-item{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500;line-height:20px}::ng-deep .kit-filter-checkbox-popup .popup-search{margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}::ng-deep .kit-filter-checkbox-popup .popup-content{width:172px;max-height:400px;overflow-y:auto}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar{width:4px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-17);border-radius:2px}::ng-deep .kit-filter-checkbox-popup .popup-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-10)}::ng-deep .kit-filter-checkbox-popup .checkbox-item{display:block;padding:6px 0}\n"] }]
|
|
8266
8273
|
}], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: true }] }], translateKeyPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateKeyPrefix", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }, { type: i0.Output, args: ["itemsChange"] }], showPopupOnInit: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPopupOnInit", required: false }] }], guidField: [{ type: i0.Input, args: [{ isSignal: true, alias: "guidField", required: false }] }], filterRemoved: [{ type: i0.Output, args: ["filterRemoved"] }], filterChanged: [{ type: i0.Output, args: ["filterChanged"] }], anchor: [{ type: i0.ViewChild, args: ['toggleButton', { ...{ read: ElementRef }, isSignal: true }] }], popupContent: [{ type: i0.ViewChild, args: ['popupContent', { ...{ read: ElementRef }, isSignal: true }] }], popup: [{ type: i0.ViewChild, args: ['popup', { ...{ read: KitPopupComponent }, isSignal: true }] }] } });
|
|
8267
8274
|
|
|
8268
8275
|
class KitFilterDateComponent {
|
|
@@ -10931,6 +10938,7 @@ class KitApiTokenMaintenanceFormComponent {
|
|
|
10931
10938
|
this.kitClipboardService = inject(KitClipboardService);
|
|
10932
10939
|
this.kitNotificationService = inject(KitNotificationService);
|
|
10933
10940
|
this.translateService = inject(TranslateService);
|
|
10941
|
+
this.destroyRef = inject(DestroyRef);
|
|
10934
10942
|
this.isCreateMode = input(false, ...(ngDevMode ? [{ debugName: "isCreateMode" }] : []));
|
|
10935
10943
|
this.cardDetailsComponent = input.required(...(ngDevMode ? [{ debugName: "cardDetailsComponent" }] : []));
|
|
10936
10944
|
this.saved = output();
|
|
@@ -10951,10 +10959,11 @@ class KitApiTokenMaintenanceFormComponent {
|
|
|
10951
10959
|
this.kitSvgIcon = KitSvgIcon;
|
|
10952
10960
|
this.kitSvgIconType = KitSvgIconType;
|
|
10953
10961
|
this.kitTooltipPosition = KitTooltipPosition;
|
|
10962
|
+
this.isFormValid = signal(false, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
|
|
10954
10963
|
effect(() => this.updateApiTokensForm());
|
|
10955
10964
|
}
|
|
10956
|
-
|
|
10957
|
-
|
|
10965
|
+
ngOnInit() {
|
|
10966
|
+
this.apiTokensForm.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.isFormValid.set(this.apiTokensForm.valid && this.apiTokensForm.dirty && !this.isSaving()));
|
|
10958
10967
|
}
|
|
10959
10968
|
save() {
|
|
10960
10969
|
const payload = {
|
|
@@ -10999,6 +11008,7 @@ class KitApiTokenMaintenanceFormComponent {
|
|
|
10999
11008
|
if (this.isCreateMode()) {
|
|
11000
11009
|
return;
|
|
11001
11010
|
}
|
|
11011
|
+
this.apiTokensForm.markAsPristine();
|
|
11002
11012
|
this.apiTokensForm.patchValue({
|
|
11003
11013
|
id: this.apiToken().data.id,
|
|
11004
11014
|
name: this.apiToken().data.name ?? '',
|
|
@@ -11095,23 +11105,17 @@ const exportedApiTokenColumns = [
|
|
|
11095
11105
|
class KitCreateApiTokenDialog extends DialogContentBase {
|
|
11096
11106
|
constructor() {
|
|
11097
11107
|
super(...arguments);
|
|
11098
|
-
this.destroyRef = inject(DestroyRef);
|
|
11099
11108
|
this.cardDetailsComponent = input.required(...(ngDevMode ? [{ debugName: "cardDetailsComponent" }] : []));
|
|
11100
|
-
this.apiTokensForm = viewChild(KitApiTokenMaintenanceFormComponent, ...(ngDevMode ? [{ debugName: "apiTokensForm" }] : []));
|
|
11101
11109
|
this.kitButtonType = KitButtonType;
|
|
11102
11110
|
this.kitButtonKind = KitButtonKind;
|
|
11103
|
-
this.saveDisabled = signal(!this.apiTokensForm()?.isFormValid(), ...(ngDevMode ? [{ debugName: "saveDisabled" }] : []));
|
|
11104
|
-
}
|
|
11105
|
-
ngOnInit() {
|
|
11106
|
-
this.apiTokensForm()?.apiTokensForm.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.saveDisabled.set(!this.apiTokensForm()?.isFormValid()));
|
|
11107
11111
|
}
|
|
11108
11112
|
onApiTokenCreate() {
|
|
11109
11113
|
this.dialog.close();
|
|
11110
11114
|
}
|
|
11111
11115
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitCreateApiTokenDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11112
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
11116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: KitCreateApiTokenDialog, isStandalone: true, selector: "kit-create-api-token-dialog", inputs: { cardDetailsComponent: { classPropertyName: "cardDetailsComponent", publicName: "cardDetailsComponent", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
11113
11117
|
KitApiTokenMaintenanceService,
|
|
11114
|
-
],
|
|
11118
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"kit-create-api-token-dialog\">\n <kit-api-token-maintenance-form #apiTokensForm\n [isCreateMode]=\"true\"\n [cardDetailsComponent]=\"cardDetailsComponent()\"\n (saved)=\"onApiTokenCreate()\"\n ></kit-api-token-maintenance-form>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.apiTokenMaintenance.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"dialog.close()\" />\n <kit-button [label]=\"'kit.apiTokenMaintenance.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"!apiTokensForm.isFormValid()\"\n (clicked)=\"apiTokensForm.save()\" />\n </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-create-api-token-dialog .k-dialog{width:100%;max-width:900px}::ng-deep .kit-create-api-token-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"], dependencies: [{ kind: "component", type: KitApiTokenMaintenanceFormComponent, selector: "kit-api-token-maintenance-form", inputs: ["isCreateMode", "cardDetailsComponent"], outputs: ["saved"] }, { kind: "component", type: KitDialogActionsComponent, selector: "kit-dialog-actions" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11115
11119
|
}
|
|
11116
11120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitCreateApiTokenDialog, decorators: [{
|
|
11117
11121
|
type: Component,
|
|
@@ -11122,8 +11126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
11122
11126
|
TranslatePipe,
|
|
11123
11127
|
], providers: [
|
|
11124
11128
|
KitApiTokenMaintenanceService,
|
|
11125
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-create-api-token-dialog\">\n <kit-api-token-maintenance-form #apiTokensForm\n [isCreateMode]=\"true\"\n [cardDetailsComponent]=\"cardDetailsComponent()\"\n (saved)=\"onApiTokenCreate()\"\n ></kit-api-token-maintenance-form>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.apiTokenMaintenance.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"dialog.close()\" />\n <kit-button [label]=\"'kit.apiTokenMaintenance.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"
|
|
11126
|
-
}], propDecorators: { cardDetailsComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardDetailsComponent", required: true }] }]
|
|
11129
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-create-api-token-dialog\">\n <kit-api-token-maintenance-form #apiTokensForm\n [isCreateMode]=\"true\"\n [cardDetailsComponent]=\"cardDetailsComponent()\"\n (saved)=\"onApiTokenCreate()\"\n ></kit-api-token-maintenance-form>\n\n <kit-dialog-actions>\n <kit-button [label]=\"'kit.apiTokenMaintenance.cancel' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.GHOST\"\n (clicked)=\"dialog.close()\" />\n <kit-button [label]=\"'kit.apiTokenMaintenance.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [disabled]=\"!apiTokensForm.isFormValid()\"\n (clicked)=\"apiTokensForm.save()\" />\n </kit-dialog-actions>\n</div>\n", styles: ["::ng-deep .kit-create-api-token-dialog .k-dialog{width:100%;max-width:900px}::ng-deep .kit-create-api-token-dialog .k-dialog .k-dialog-content{padding:20px 25px}\n"] }]
|
|
11130
|
+
}], propDecorators: { cardDetailsComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardDetailsComponent", required: true }] }] } });
|
|
11127
11131
|
|
|
11128
11132
|
class KitApiTokenMaintenanceListComponent {
|
|
11129
11133
|
constructor() {
|