@indigina/kendo 2.0.36 → 2.0.38

package/assets/indigina-theme.scss

@@ -4,7 +4,6 @@
 @import "@progress/kendo-theme-default/dist/all.css";
 @import "styles/kendoGrids.scss";
 @import "styles/kendooveride.scss";
-@import "styles/kendo.supplystream.default.scss";
 @import "styles/styles-inspiria.scss";
 @import "styles/Site.scss";
 @import "styles/tabstrip.scss";

package/assets/styles/Site.scss

@@ -1937,8 +1937,7 @@ div.warn {
 }
 
 .k-grid td.k-state-selected,
-.k-grid tr.k-state-selected > td,
-.k-grid .k-table-row.k-selected > .k-table-td:not(.k-group-cell) {
+.k-grid tr.k-state-selected > td {
   background-color: #dce4f0;
 }
 

package/assets/styles/kendooveride.scss

@@ -50,12 +50,8 @@ div.k-grid.k-widget.without-border {
   border: 1px solid #c5c5c5;
   border-radius: 3px;
 }
-.k-grid-content td {
-  border-bottom: 1px solid #bdbec1;
-}
 
-.k-grid .k-table-td {
-  border-color: #bdbec1;
+.k-grid-content td {
   border-bottom: 1px solid #bdbec1;
 }
 
@@ -209,6 +205,7 @@ html .km-pane-wrapper .k-header {
   height: 100%;
   width: 5px;
 }
+
 /*end*/
 .task-managment ul li,
 .k-tabstrip-items .k-state-default .k-link,
@@ -280,6 +277,7 @@ html .km-pane-wrapper .k-header {
   background-color: #e5daf8 !important;
   color: #333333;
 }
+
 /*Template Gant View Edit*/
 #workflow-cnt .header {
   background-color: #fff;
@@ -333,6 +331,7 @@ html .km-pane-wrapper .k-header {
   border: 0 none;
   border-radius: 0;
 }
+
 /*dropdawn in the table*/
 
 .k-popup .k-list .k-item {
@@ -498,9 +497,11 @@ html .km-pane-wrapper .k-header {
 .k-grid tbody .k-button:hover .k-cancel {
   background-position: -30px -49px;
 }
+
 .k-grid tbody .k-button.k-grid-Delete:hover {
   opacity: 1;
 }
+
 .k-grid tbody .k-button.k-grid-edit {
   background-position: -118px -27px;
   min-width: 19px;
@@ -514,6 +515,7 @@ html .km-pane-wrapper .k-header {
 .k-grid tbody .k-button.k-grid-remove {
   background-position: -122px -45px;
 }
+
 /*end*/
 
 /*Btn add task green*/
@@ -627,15 +629,16 @@ html .km-pane-wrapper .k-header {
 /*table header arrows*/
 
 .k-grid-header
-  th.k-header[data-role="columnsorter"]
-  > .k-link:hover
-  span.k-i-arrow-s {
+th.k-header[data-role="columnsorter"]
+> .k-link:hover
+span.k-i-arrow-s {
   background-position: 0 -365px;
 }
 
 .k-grid-header th > .k-link:hover span.k-i-arrow-n {
   background-position: 0 -334px;
 }
+
 /*end*/
 
 #TaskStatus-list {
@@ -765,10 +768,10 @@ form.k-filter-menu button.k-button.k-primary {
 }
 
 form.k-filter-menu
-  ul.k-reset.k-multicheck-wrap
-  .k-item
-  .k-label
-  input[type="checkbox"] {
+ul.k-reset.k-multicheck-wrap
+.k-item
+.k-label
+input[type="checkbox"] {
   margin-right: 5px;
 }
 
@@ -796,10 +799,7 @@ form.k-filter-menu
 }
 
 .k-grid .k-grid-aria-root {
-  .k-table-td {
-    padding: 3px 12px;
-  }
-
+  .k-table-td,
   .k-table-th {
     padding: 8px 12px;
   }
@@ -843,6 +843,20 @@ form.k-filter-menu
   }
 }
 
+.k-grid .k-command-cell {
+  text-align: center;
+
+  > .k-button {
+    margin: 0;
+  }
+}
+
+.k-button {
+  &-text {
+    display: flex;
+  }
+}
+
 div[kendowatermarkoverlay] {
   display: none;
 }

package/assets/styles/tabstrip.scss

@@ -21,6 +21,10 @@
     &.k-focus:not(:focus-visible) {
       box-shadow: none;
     }
+
+    .k-link {
+      color: #2e2e2e;
+    }
   }
 }
 

package/fesm2022/indigina-kendo.mjs

@@ -1347,7 +1347,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 +1361,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: [{