@indigina/ui-kit 1.1.622 → 1.1.624

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.
@@ -11827,7 +11827,9 @@ class KitUsersSettingsProfileComponent {
11827
11827
  }
11828
11828
  this.kitDialogService.openDialog({
11829
11829
  title: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.title'),
11830
- content: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.content'),
11830
+ content: this.translateService.instant('kit.usersSettings.entitlements.deleteDialog.content', {
11831
+ name: entitlementsDetails.alias,
11832
+ }),
11831
11833
  appendTo: this.viewContainerRef,
11832
11834
  actions: [
11833
11835
  this.cancelDeleteEntitlementAction,
@@ -12859,7 +12861,7 @@ const kitTranslations = {
12859
12861
  updateSuccess: 'Entitlement updated successfully',
12860
12862
  deleteDialog: {
12861
12863
  title: 'Delete Entitlement',
12862
- content: 'Are you sure you want to permanently delete this entitlement?',
12864
+ content: 'Are you sure you want to permanently delete "{{name}}"?',
12863
12865
  confirm: 'Delete',
12864
12866
  cancel: 'Cancel',
12865
12867
  },
@@ -13177,7 +13179,7 @@ const kitTranslations = {
13177
13179
  updateSuccess: 'Droit mis à jour avec succès',
13178
13180
  deleteDialog: {
13179
13181
  title: 'Supprimer le droit',
13180
- content: 'Êtes-vous sûr de vouloir supprimer définitivement ce droit ?',
13182
+ content: 'Êtes-vous sûr de vouloir supprimer définitivement « {{name}} » ?',
13181
13183
  confirm: 'Supprimer',
13182
13184
  cancel: 'Annuler',
13183
13185
  },
@@ -13496,7 +13498,7 @@ const kitTranslations = {
13496
13498
  updateSuccess: 'Berechtigung erfolgreich aktualisiert',
13497
13499
  deleteDialog: {
13498
13500
  title: 'Berechtigung löschen',
13499
- content: 'Sind Sie sicher, dass Sie diese Berechtigung endgültig löschen möchten?',
13501
+ content: 'Sind Sie sicher, dass Sie „{{name}}“ endgültig löschen möchten?',
13500
13502
  confirm: 'Löschen',
13501
13503
  cancel: 'Stornieren',
13502
13504
  },
@@ -13815,7 +13817,7 @@ const kitTranslations = {
13815
13817
  updateSuccess: 'Право доступа успешно обновлено',
13816
13818
  deleteDialog: {
13817
13819
  title: 'Удалить право доступа',
13818
- content: 'Вы уверены, что хотите безвозвратно удалить это право доступа?',
13820
+ content: 'Вы уверены, что хотите удалить "{{name}}" без возможности восстановления?',
13819
13821
  confirm: 'Удалить',
13820
13822
  cancel: 'Отмена',
13821
13823
  },
@@ -14130,7 +14132,7 @@ const kitTranslations = {
14130
14132
  updateSuccess: '授权更新成功',
14131
14133
  deleteDialog: {
14132
14134
  title: '删除授权',
14133
- content: '确定要永久删除此授权吗?',
14135
+ content: '确定要永久删除“{{name}}”吗?',
14134
14136
  confirm: '删除',
14135
14137
  cancel: '取消',
14136
14138
  },
@@ -19421,7 +19423,8 @@ class KitUserRoleDetailsComponent {
19421
19423
  kitWhitespaceValidator(),
19422
19424
  ],
19423
19425
  });
19424
- this.userRoleDetails = toSignal(this.store.select(KIT_USER_ROLES_STATE_TOKEN).pipe(map(({ roleDetails }) => roleDetails)), { initialValue: { loading: false, data: null } });
19426
+ this.userRoleDetails = computed(() => this.userRolesState().roleDetails, /* @ts-ignore */
19427
+ ...(ngDevMode ? [{ debugName: "userRoleDetails" }] : /* istanbul ignore next */ []));
19425
19428
  this.pendingRoleDetails = signal(null, /* @ts-ignore */
19426
19429
  ...(ngDevMode ? [{ debugName: "pendingRoleDetails" }] : /* istanbul ignore next */ []));
19427
19430
  this.crudCategories = computed(() => this.filterCategories(true), /* @ts-ignore */
@@ -19445,6 +19448,7 @@ class KitUserRoleDetailsComponent {
19445
19448
  this.canSave = computed(() => this.isDirty() && this.nameStatus() === 'VALID', /* @ts-ignore */
19446
19449
  ...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
19447
19450
  this.getTextboxState = getTextboxState;
19451
+ this.userRolesState = this.store.selectSignal(KIT_USER_ROLES_STATE_TOKEN);
19448
19452
  this.nameStatus = toSignal(this.nameControl.statusChanges, { initialValue: this.nameControl.status });
19449
19453
  this.nameValue = toSignal(this.nameControl.valueChanges, { initialValue: this.nameControl.value });
19450
19454
  this.cancelAction = {
@@ -19479,7 +19483,6 @@ class KitUserRoleDetailsComponent {
19479
19483
  if (!pending) {
19480
19484
  return;
19481
19485
  }
19482
- ;
19483
19486
  const currentTypes = pending.permissions[category] ?? [];
19484
19487
  const updatedTypes = selected
19485
19488
  ? [
@@ -19500,10 +19503,10 @@ class KitUserRoleDetailsComponent {
19500
19503
  if (!pending) {
19501
19504
  return;
19502
19505
  }
19503
- ;
19504
19506
  this.updated.emit({ ...pending, name: this.nameControl.value.trim() });
19505
19507
  }
19506
- deleteRole(name) {
19508
+ deleteRole() {
19509
+ const name = this.userRoleDetails().data?.name ?? '';
19507
19510
  this.kitDialogService.openDialog({
19508
19511
  title: `${this.translateService.instant('kit.common.delete')} ${name}`,
19509
19512
  content: `${this.translateService.instant('kit.common.confirmationDelete', { name })}`,
@@ -19549,7 +19552,7 @@ class KitUserRoleDetailsComponent {
19549
19552
  });
19550
19553
  }
19551
19554
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitUserRoleDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19552
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitUserRoleDetailsComponent, isStandalone: true, selector: "kit-user-role-details", inputs: { roleId: { classPropertyName: "roleId", publicName: "roleId", isSignal: true, isRequired: true, transformFunction: null }, allPermissions: { classPropertyName: "allPermissions", publicName: "allPermissions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { deleted: "deleted", updated: "updated" }, providers: [KitFormErrors], ngImport: i0, template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole(pendingRoleDetails()?.name || '')\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: KitEntitySectionContainerComponent, selector: "kit-entity-section-container" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { 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: "component", type: KitSkeletonSectionComponent, selector: "kit-skeleton-section" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19555
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitUserRoleDetailsComponent, isStandalone: true, selector: "kit-user-role-details", inputs: { roleId: { classPropertyName: "roleId", publicName: "roleId", isSignal: true, isRequired: true, transformFunction: null }, allPermissions: { classPropertyName: "allPermissions", publicName: "allPermissions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { deleted: "deleted", updated: "updated" }, providers: [KitFormErrors], ngImport: i0, template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole()\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: KitEntitySectionContainerComponent, selector: "kit-entity-section-container" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { 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: "component", type: KitSkeletonSectionComponent, selector: "kit-skeleton-section" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19553
19556
  }
19554
19557
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitUserRoleDetailsComponent, decorators: [{
19555
19558
  type: Component,
@@ -19561,7 +19564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
19561
19564
  KitTextboxComponent,
19562
19565
  TranslatePipe,
19563
19566
  KitSkeletonSectionComponent,
19564
- ], providers: [KitFormErrors], template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole(pendingRoleDetails()?.name || '')\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"] }]
19567
+ ], providers: [KitFormErrors], template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole()\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"] }]
19565
19568
  }], ctorParameters: () => [], propDecorators: { roleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "roleId", required: true }] }], allPermissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allPermissions", required: true }] }], deleted: [{ type: i0.Output, args: ["deleted"] }], updated: [{ type: i0.Output, args: ["updated"] }] } });
19566
19569
 
19567
19570
  const kitUserRolesConfig = new InjectionToken('KitUserRolesConfig', {