@indigina/kendo 2.0.38 → 2.0.39

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.
@@ -21,6 +21,7 @@ import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
21
21
  import * as i1$1 from '@progress/kendo-angular-notification';
22
22
  import * as i1$2 from '@angular/router';
23
23
  import { NavigationEnd, RouterModule, Router } from '@angular/router';
24
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
24
25
  import XmlBeautify from 'xml-beautify';
25
26
  import * as i1$4 from 'ngx-clipboard';
26
27
  import { ClipboardModule } from 'ngx-clipboard';
@@ -1259,20 +1260,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
1259
1260
  const urlDelimiter = '/';
1260
1261
  const collapsedEvent$1 = 'collapsed';
1261
1262
  class MenuItemGroupComponent {
1262
- constructor(router) {
1263
+ constructor(router, changeDetectorRef, destroyRef) {
1263
1264
  this.router = router;
1265
+ this.changeDetectorRef = changeDetectorRef;
1266
+ this.destroyRef = destroyRef;
1264
1267
  this.collapsed = false;
1265
- this.router.isActive = function (url) {
1266
- return this.routerState.snapshot.root.children?.length
1267
- ? url.toString() ===
1268
- urlDelimiter +
1269
- this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
1270
- : false;
1271
- };
1268
+ }
1269
+ get isActive() {
1270
+ return !!this.item.link && this.item.link === this.actualPath;
1272
1271
  }
1273
1272
  ngOnInit() {
1274
1273
  this.setActualPath(this.router.routerState.snapshot);
1275
- this.router.events.subscribe((event) => {
1274
+ this.router.events
1275
+ .pipe(takeUntilDestroyed(this.destroyRef))
1276
+ .subscribe((event) => {
1276
1277
  if (event instanceof NavigationEnd) {
1277
1278
  this.setActualPath(this.router.routerState.snapshot);
1278
1279
  }
@@ -1301,15 +1302,16 @@ class MenuItemGroupComponent {
1301
1302
  urlDelimiter +
1302
1303
  snapshot.root.children[0].routeConfig.path.split('/:')[0];
1303
1304
  this.setItemExpand();
1305
+ this.changeDetectorRef.markForCheck();
1304
1306
  }
1305
1307
  }
1306
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
1307
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: MenuItemGroupComponent, isStandalone: false, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "@if (item.items && item.items.length) {\n <a (click)=\"collapseChild(item, $event)\">\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n <ul\n [ngClass]=\"\n item.expanded\n ? 'nav nav-second-level collapse in'\n : 'nav nav-second-level collapse'\n \"\n >\n @for (item of item.items; track item) {\n <li\n ngClass=\"nav nav-third-level collapse\"\n menu-item-group\n [item]=\"item\"\n ></li>\n }\n </ul>\n}\n@if (!item.items || !item.items.length) {\n @if (item.link) {\n <a\n routerLink=\"{{ item.link }}\"\n routerLinkActive=\"active-route\"\n class=\"sub-menu-link\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n @if (item.url) {\n <a\n class=\"sub-menu-link\"\n href=\"{{ item.url }}\"\n target=\"_blank\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
1308
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: MenuItemGroupComponent, deps: [{ token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
1309
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: MenuItemGroupComponent, isStandalone: false, selector: "[menu-item-group]", inputs: { item: "item" }, usesOnChanges: true, ngImport: i0, template: "@if (item.items && item.items.length) {\n <a (click)=\"collapseChild(item, $event)\">\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n <ul\n [ngClass]=\"\n item.expanded\n ? 'nav nav-second-level collapse in'\n : 'nav nav-second-level collapse'\n \"\n >\n @for (item of item.items; track item) {\n <li\n ngClass=\"nav nav-third-level collapse\"\n menu-item-group\n [item]=\"item\"\n ></li>\n }\n </ul>\n}\n@if (!item.items || !item.items.length) {\n @if (item.link) {\n <a\n routerLink=\"{{ item.link }}\"\n [class.active-route]=\"isActive\"\n class=\"sub-menu-link\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n @if (item.url) {\n <a\n class=\"sub-menu-link\"\n href=\"{{ item.url }}\"\n target=\"_blank\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: MenuItemGroupComponent, selector: "[menu-item-group]", inputs: ["item"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
1308
1310
  }
1309
1311
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
1310
1312
  type: Component,
1311
- args: [{ selector: '[menu-item-group]', standalone: false, template: "@if (item.items && item.items.length) {\n <a (click)=\"collapseChild(item, $event)\">\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n <ul\n [ngClass]=\"\n item.expanded\n ? 'nav nav-second-level collapse in'\n : 'nav nav-second-level collapse'\n \"\n >\n @for (item of item.items; track item) {\n <li\n ngClass=\"nav nav-third-level collapse\"\n menu-item-group\n [item]=\"item\"\n ></li>\n }\n </ul>\n}\n@if (!item.items || !item.items.length) {\n @if (item.link) {\n <a\n routerLink=\"{{ item.link }}\"\n routerLinkActive=\"active-route\"\n class=\"sub-menu-link\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n @if (item.url) {\n <a\n class=\"sub-menu-link\"\n href=\"{{ item.url }}\"\n target=\"_blank\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n}\n" }]
1312
- }], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { item: [{
1313
+ args: [{ selector: '[menu-item-group]', standalone: false, template: "@if (item.items && item.items.length) {\n <a (click)=\"collapseChild(item, $event)\">\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n <ul\n [ngClass]=\"\n item.expanded\n ? 'nav nav-second-level collapse in'\n : 'nav nav-second-level collapse'\n \"\n >\n @for (item of item.items; track item) {\n <li\n ngClass=\"nav nav-third-level collapse\"\n menu-item-group\n [item]=\"item\"\n ></li>\n }\n </ul>\n}\n@if (!item.items || !item.items.length) {\n @if (item.link) {\n <a\n routerLink=\"{{ item.link }}\"\n [class.active-route]=\"isActive\"\n class=\"sub-menu-link\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n @if (item.url) {\n <a\n class=\"sub-menu-link\"\n href=\"{{ item.url }}\"\n target=\"_blank\"\n (click)=\"collapseChild(item, $event)\"\n >\n @if (!item.iconClass) {\n {{ item.text | translate }}\n } @else {\n <i class=\"menu-icon fa {{ item.iconClass }}\"></i>\n <span class=\"nav-label\">{{ item.text | translate }}</span>\n }\n </a>\n }\n}\n" }]
1314
+ }], ctorParameters: () => [{ type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }], propDecorators: { item: [{
1313
1315
  type: Input
1314
1316
  }] } });
1315
1317