@indigina/ui-kit 1.1.357 → 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.
@@ -10938,6 +10938,7 @@ class KitApiTokenMaintenanceFormComponent {
10938
10938
  this.kitClipboardService = inject(KitClipboardService);
10939
10939
  this.kitNotificationService = inject(KitNotificationService);
10940
10940
  this.translateService = inject(TranslateService);
10941
+ this.destroyRef = inject(DestroyRef);
10941
10942
  this.isCreateMode = input(false, ...(ngDevMode ? [{ debugName: "isCreateMode" }] : []));
10942
10943
  this.cardDetailsComponent = input.required(...(ngDevMode ? [{ debugName: "cardDetailsComponent" }] : []));
10943
10944
  this.saved = output();
@@ -10958,10 +10959,11 @@ class KitApiTokenMaintenanceFormComponent {
10958
10959
  this.kitSvgIcon = KitSvgIcon;
10959
10960
  this.kitSvgIconType = KitSvgIconType;
10960
10961
  this.kitTooltipPosition = KitTooltipPosition;
10962
+ this.isFormValid = signal(false, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
10961
10963
  effect(() => this.updateApiTokensForm());
10962
10964
  }
10963
- isFormValid() {
10964
- return this.apiTokensForm.valid && this.apiTokensForm.dirty && !this.isSaving();
10965
+ ngOnInit() {
10966
+ this.apiTokensForm.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.isFormValid.set(this.apiTokensForm.valid && this.apiTokensForm.dirty && !this.isSaving()));
10965
10967
  }
10966
10968
  save() {
10967
10969
  const payload = {
@@ -11006,6 +11008,7 @@ class KitApiTokenMaintenanceFormComponent {
11006
11008
  if (this.isCreateMode()) {
11007
11009
  return;
11008
11010
  }
11011
+ this.apiTokensForm.markAsPristine();
11009
11012
  this.apiTokensForm.patchValue({
11010
11013
  id: this.apiToken().data.id,
11011
11014
  name: this.apiToken().data.name ?? '',
@@ -11102,23 +11105,17 @@ const exportedApiTokenColumns = [
11102
11105
  class KitCreateApiTokenDialog extends DialogContentBase {
11103
11106
  constructor() {
11104
11107
  super(...arguments);
11105
- this.destroyRef = inject(DestroyRef);
11106
11108
  this.cardDetailsComponent = input.required(...(ngDevMode ? [{ debugName: "cardDetailsComponent" }] : []));
11107
- this.apiTokensForm = viewChild(KitApiTokenMaintenanceFormComponent, ...(ngDevMode ? [{ debugName: "apiTokensForm" }] : []));
11108
11109
  this.kitButtonType = KitButtonType;
11109
11110
  this.kitButtonKind = KitButtonKind;
11110
- this.saveDisabled = signal(!this.apiTokensForm()?.isFormValid(), ...(ngDevMode ? [{ debugName: "saveDisabled" }] : []));
11111
- }
11112
- ngOnInit() {
11113
- this.apiTokensForm()?.apiTokensForm.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.saveDisabled.set(!this.apiTokensForm()?.isFormValid()));
11114
11111
  }
11115
11112
  onApiTokenCreate() {
11116
11113
  this.dialog.close();
11117
11114
  }
11118
11115
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitCreateApiTokenDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
11119
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.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: [
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: [
11120
11117
  KitApiTokenMaintenanceService,
11121
- ], viewQueries: [{ propertyName: "apiTokensForm", first: true, predicate: KitApiTokenMaintenanceFormComponent, descendants: true, isSignal: true }], 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]=\"saveDisabled()\"\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 }); }
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 }); }
11122
11119
  }
11123
11120
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitCreateApiTokenDialog, decorators: [{
11124
11121
  type: Component,
@@ -11129,8 +11126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
11129
11126
  TranslatePipe,
11130
11127
  ], providers: [
11131
11128
  KitApiTokenMaintenanceService,
11132
- ], 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]=\"saveDisabled()\"\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"] }]
11133
- }], propDecorators: { cardDetailsComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardDetailsComponent", required: true }] }], apiTokensForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitApiTokenMaintenanceFormComponent), { isSignal: 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 }] }] } });
11134
11131
 
11135
11132
  class KitApiTokenMaintenanceListComponent {
11136
11133
  constructor() {