@indigina/kendo 2.0.37 → 2.0.39

package/fesm2022/indigina-kendo.mjs

@@ -21,6 +21,7 @@ import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
 import * as i1$1 from '@progress/kendo-angular-notification';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, RouterModule, Router } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import XmlBeautify from 'xml-beautify';
 import * as i1$4 from 'ngx-clipboard';
 import { ClipboardModule } from 'ngx-clipboard';
@@ -1259,20 +1260,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 const urlDelimiter = '/';
 const collapsedEvent$1 = 'collapsed';
 class MenuItemGroupComponent {
-    constructor(router) {
+    constructor(router, changeDetectorRef, destroyRef) {
         this.router = router;
+        this.changeDetectorRef = changeDetectorRef;
+        this.destroyRef = destroyRef;
         this.collapsed = false;
-        this.router.isActive = function (url) {
-            return this.routerState.snapshot.root.children?.length
-                ? url.toString() ===
-                    urlDelimiter +
-                        this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
-                : false;
-        };
+    }
+    get isActive() {
+        return !!this.item.link && this.item.link === this.actualPath;
     }
     ngOnInit() {
         this.setActualPath(this.router.routerState.snapshot);
-        this.router.events.subscribe((event) => {
+        this.router.events
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
             if (event instanceof NavigationEnd) {
                 this.setActualPath(this.router.routerState.snapshot);
             }
@@ -1301,15 +1302,16 @@ class MenuItemGroupComponent {
                 urlDelimiter +
                     snapshot.root.children[0].routeConfig.path.split('/:')[0];
             this.setItemExpand();
+            this.changeDetectorRef.markForCheck();
         }
     }
-    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 }); }
-    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" }] }); }
+    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 }); }
+    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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: MenuItemGroupComponent, decorators: [{
             type: Component,
-            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" }]
-        }], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { item: [{
+            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" }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }], propDecorators: { item: [{
                 type: Input
             }] } });
 
@@ -1347,7 +1349,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
             }] } });
 
 class TreeViewNodeComponent {
-    constructor() {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
         this.expanded = true;
     }
     ngOnInit() {
@@ -1360,21 +1363,23 @@ class TreeViewNodeComponent {
         if (this.hasExpand) {
             this.expanded = true;
         }
+        this.changeDetectorRef.markForCheck();
         this.treeViewProps.forEach((x) => x.expandAll());
     }
     collapseAll() {
         if (this.hasExpand) {
             this.expanded = false;
         }
+        this.changeDetectorRef.markForCheck();
         this.treeViewProps.forEach((x) => x.collapseAll());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TreeViewNodeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TreeViewNodeComponent, isStandalone: false, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  @if (node.isPrimitive) {\n    <span class=\"tree-view-prop\">\n      {{ node.startTag }}\n      <span [ngClass]=\"node.nodeType\">\n        {{ node.value }}\n      </span>\n      {{ node.endTag }}\n    </span>\n  } @else {\n    <span>\n      @if (hasExpand) {\n        <em\n          [ngClass]=\"\n            expanded\n            ? 'fa fa-caret-down node-toggler'\n            : 'fa fa-caret-right node-toggler'\n          \"\n          (click)=\"toggleExpand()\"\n        ></em>\n      }\n      @if (!expanded && !node.startTag) {\n        <span class=\"ellipsis\">...</span>\n      }\n      <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n        @for (child of node.children; track child) {\n          <li class=\"tree-view-prop\">\n            <span class=\"prop-name\">{{ child.startTag }}</span>\n            @if (child.isPrimitive) {\n              <span [ngClass]=\"child.nodeType\">{{\n                  child.value\n                }}</span>\n            }\n            @if (child.isComplex) {\n              <tree-view-node\n                [node]=\"child\"\n                [hasExpand]=\"true\"\n                #node\n              ></tree-view-node>\n            }\n            <span class=\"prop-name\">{{ child.endTag }}</span>\n          </li>\n        }\n      </ul>\n    </span>\n  }\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tree-view-node', standalone: false, template: "<span class=\"tree-view-node\">\n  <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n  @if (node.isPrimitive) {\n    <span class=\"tree-view-prop\">\n      {{ node.startTag }}\n      <span [ngClass]=\"node.nodeType\">\n        {{ node.value }}\n      </span>\n      {{ node.endTag }}\n    </span>\n  } @else {\n    <span>\n      @if (hasExpand) {\n        <em\n          [ngClass]=\"\n            expanded\n            ? 'fa fa-caret-down node-toggler'\n            : 'fa fa-caret-right node-toggler'\n          \"\n          (click)=\"toggleExpand()\"\n        ></em>\n      }\n      @if (!expanded && !node.startTag) {\n        <span class=\"ellipsis\">...</span>\n      }\n      <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n        @for (child of node.children; track child) {\n          <li class=\"tree-view-prop\">\n            <span class=\"prop-name\">{{ child.startTag }}</span>\n            @if (child.isPrimitive) {\n              <span [ngClass]=\"child.nodeType\">{{\n                  child.value\n                }}</span>\n            }\n            @if (child.isComplex) {\n              <tree-view-node\n                [node]=\"child\"\n                [hasExpand]=\"true\"\n                #node\n              ></tree-view-node>\n            }\n            <span class=\"prop-name\">{{ child.endTag }}</span>\n          </li>\n        }\n      </ul>\n    </span>\n  }\n  <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
-        }], propDecorators: { treeViewProps: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { treeViewProps: [{
                 type: ViewChildren,
                 args: ['node']
             }], node: [{