@indigina/kendo 1.0.164-beta → 1.0.167-beta

package/fesm2015/indigina-kendo.js

@@ -294,11 +294,12 @@ class MenuItemGroupComponent {
     constructor(router) {
         this.router = router;
         this.collapsed = false;
-        this.router.isActive = function (url, exact) {
+        this.router.isActive = function (url, matchOptions) {
             var _a;
-            return ((_a = this.routerState.snapshot.root.children) === null || _a === void 0 ? void 0 : _a.length) ? url.toString() ===
-                urlDelimiter +
-                    this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
+            return ((_a = this.routerState.snapshot.root.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? url.toString() ===
+                    urlDelimiter +
+                        this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
                 : false;
         };
     }
@@ -424,7 +425,7 @@ TreeViewNodePropComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tree-view-node-prop',
                 template: "<li class=\"tree-view-prop\">\n  <span class=\"prop-name\">{{ prop.startTag }}</span>\n  <span *ngIf=\"isSimpleValue\" [ngClass]=\"propClass\">{{ prop.value }}</span>\n  <ng-container *ngIf=\"isArrayValue\">\n    <span class=\"bracket\">{{ prop.brackets?.inside }}</span>\n    <ng-container *ngTemplateOutlet=\"arrayNode\"></ng-container>\n    <span class=\"bracket\">{{ prop.brackets?.outside }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"isObjectValue\">\n    <ng-container *ngTemplateOutlet=\"singleNode\"></ng-container>\n  </ng-container>\n  <span class=\"prop-name\">{{ prop.endTag }}</span>\n</li>\n\n<ng-template #arrayNode>\n  <tree-view-node\n    *ngFor=\"let node of prop.value\"\n    [node]=\"node\"\n    [hasExpand]=\"true\"\n    class=\"array-node\"\n    #node\n  ></tree-view-node>\n</ng-template>\n\n<ng-template #singleNode>\n  <tree-view-node\n    *ngIf=\"isObjectValue\"\n    [node]=\"prop.value\"\n    [hasExpand]=\"true\"\n    #node\n  ></tree-view-node>\n</ng-template>\n",
-                styles: [":host *{font-size:14px}:host li{position:relative}:host .prop-name{color:#555;font-weight:700}:host .tree-view-prop{list-style-type:none;margin:4px 0;position:relative;padding-left:20px}::ng-deep .tree-view-prop .number{color:#00f}::ng-deep .tree-view-prop .string{color:green}"]
+                styles: [":host *{font-size:14px}:host li{position:relative}:host .prop-name{color:#555;font-weight:bold}:host .tree-view-prop{list-style-type:none;margin:4px 0}:host .tree-view-prop{position:relative;padding-left:20px}::ng-deep .tree-view-prop .number{color:#00f}::ng-deep .tree-view-prop .string{color:green}\n"]
             },] }
 ];
 TreeViewNodePropComponent.propDecorators = {
@@ -774,7 +775,7 @@ TreeViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'tree-view',
                 template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n",
-                styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(hsla(0,0%,100%,0),#fff 45%);max-width:100%;padding:0;left:0;transition:all .1s ease-in-out;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all .3s ease-in-out}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:inset 1px 1px 3px rgba(0,0,0,.26666666666666666)}::ng-deep .json .array-node{display:block}"]
+                styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:bold;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0px;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"]
             },] }
 ];
 TreeViewComponent.ctorParameters = () => [
@@ -1273,7 +1274,7 @@ LiveUpdatesControlComponent.decorators = [
     { type: Component, args: [{
                 selector: 'live-updates-control',
                 template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n",
-                styles: [":host .fa{margin-right:5px}"]
+                styles: [":host .fa{margin-right:5px}\n"]
             },] }
 ];
 LiveUpdatesControlComponent.propDecorators = {
@@ -1522,7 +1523,7 @@ AccountMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'account-menu',
                 template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <img alt=\"image\" class=\"img-circle top-bar-profile left\" />\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <img alt=\"image\" class=\"img-circle\" />\n        </div>\n        <div class=\"media-body\">\n          <span class=\"left fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"left pad5left\">{{ fullName }}</span>\n        </div>\n      </li>\n      <li class=\"pad5top\">\n        <a (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n",
-                styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}"]
+                styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"]
             },] }
 ];
 AccountMenuComponent.ctorParameters = () => [
@@ -1602,7 +1603,7 @@ LanguageSelectorComponent.decorators = [
     { type: Component, args: [{
                 selector: 'language-selector',
                 template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n",
-                styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}"]
+                styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"]
             },] }
 ];
 LanguageSelectorComponent.ctorParameters = () => [
@@ -1906,7 +1907,7 @@ ActivityFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'activity-filter',
                 template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n",
-                styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}"]
+                styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"]
             },] }
 ];
 ActivityFilterComponent.ctorParameters = () => [
@@ -2466,7 +2467,7 @@ ModalWindowComponent.decorators = [
     { type: Component, args: [{
                 selector: 'modal-window',
                 template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n",
-                styles: [".modal-window{z-index:11002}"]
+                styles: [".modal-window{z-index:11002}\n"]
             },] }
 ];
 ModalWindowComponent.ctorParameters = () => [
@@ -2543,7 +2544,7 @@ MulticheckFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'multicheck-filter',
                 template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n",
-                styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}"]
+                styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"]
             },] }
 ];
 MulticheckFilterComponent.propDecorators = {