@progress/kendo-angular-layout - npm Package Compare versions

Comparing version 0.12.2 to 0.13.0

dist/npm/js/panelbar/panelbar-item.component.d.ts

@@ -1,3 +0,4 @@
-import { TemplateRef, AfterContentChecked, AfterViewChecked, ElementRef } from '@angular/core';
+import { TemplateRef, QueryList, AfterContentChecked, AfterViewChecked, ElementRef } from '@angular/core';
 import { PanelBarService } from "./panelbar.service";
+import { PanelBarContentComponent } from "./panelbar-content.component";
 import { PanelBarItemModel } from './panelbar-item-model';
@@ -67,14 +68,14 @@ /**
     hasContent: boolean;
-    protected role: string;
-    private titleAttribute;
-    className: string;
-    itemId: string;
-    ariaExpanded: boolean;
-    ariaSelected: boolean;
-    ariaDisabled: boolean;
-    private viewChildItems;
-    private contentItems;
-    private contentContent;
+    role: string;
+    titleAttribute: string;
+    readonly className: string;
+    readonly itemId: string;
+    readonly ariaExpanded: boolean;
+    readonly ariaSelected: boolean;
+    readonly ariaDisabled: boolean;
+    viewChildItems: QueryList<PanelBarItemComponent>;
+    contentItems: QueryList<PanelBarItemComponent>;
+    contentContent: QueryList<PanelBarContentComponent>;
+    wrapperFocused: boolean;
     private eventService;
-    private wrapperFocused;
     constructor(parent: PanelBarItemComponent, eventService: PanelBarService);
@@ -100,3 +101,3 @@ /**
      */
-    iconClasses: any;
+    readonly iconClasses: any;
     /**
@@ -103,0 +104,0 @@ * @hidden

dist/npm/js/panelbar/panelbar-item.component.js

@@ -383,3 +383,3 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	            selector: "kendo-panelbar-item",
-	            template: "<span\n            #header\n            [id]=\"labelId\"\n            [class.k-link]=\"true\"\n            [class.k-header]=\"!parent\"\n            [class.k-state-selected]=\"!disabled && selected\"\n            [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n            (click)=\"onItemAction()\"\n        >\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\"\n            ></span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\"\n            >\n            {{title}}\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\"\n            ></span>\n        </span>\n        <div\n            *ngIf=\"!disabled && (hasChildItems || hasContent)\"\n            [@state]=\"expanded ? 'expanded' : 'collapsed'\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\"\n        >\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel\"\n            >\n                <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\"\n            >\n                <ng-content select=\"kendo-panelbar-content\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel\"\n            >\n                <kendo-panelbar-item\n                    *ngFor=\"let item of items\"\n                    [title]=\"item.title\"\n                    [id]=\"item.id\"\n                    [icon]=\"item.icon\"\n                    [imageUrl]=\"item.imageUrl\"\n                    [selected]=\"!!item.selected\"\n                    [expanded]=\"!!item.expanded\"\n                    [disabled]=\"!!item.disabled\"\n                    [focused]=\"!!item.focused\"\n                    [template]=\"template\"\n                    [items]=\"item.children\"\n                    [content]=\"item.content\"\n                ></kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\"\n            >\n                <template\n                    [ngIf]=\"template\"\n                    [templateContext]=\"{\n                        templateRef: template,\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }\"\n                >\n                </template>\n                <template [ngIf]=\"!template\">{{content}}</template>\n            </div>\n        </div>\n        "
+	            template: "<span\n            #header\n            [class.k-link]=\"true\"\n            [class.k-header]=\"!parent\"\n            [class.k-state-selected]=\"!disabled && selected\"\n            [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n            (click)=\"onItemAction()\"\n        >\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\"\n            ></span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\"\n            >\n            {{title}}\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\"\n            ></span>\n        </span>\n        <div\n            *ngIf=\"!disabled && (hasChildItems || hasContent)\"\n            [@state]=\"expanded ? 'expanded' : 'collapsed'\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\"\n        >\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel\"\n            >\n                <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\"\n            >\n                <ng-content select=\"kendo-panelbar-content\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel\"\n            >\n                <kendo-panelbar-item\n                    *ngFor=\"let item of items\"\n                    [title]=\"item.title\"\n                    [id]=\"item.id\"\n                    [icon]=\"item.icon\"\n                    [imageUrl]=\"item.imageUrl\"\n                    [selected]=\"!!item.selected\"\n                    [expanded]=\"!!item.expanded\"\n                    [disabled]=\"!!item.disabled\"\n                    [focused]=\"!!item.focused\"\n                    [template]=\"template\"\n                    [items]=\"item.children\"\n                    [content]=\"item.content\"\n                ></kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\"\n            >\n                <template\n                    [ngIf]=\"template\"\n                    [templateContext]=\"{\n                        templateRef: template,\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }\"\n                >\n                </template>\n                <template [ngIf]=\"!template\">{{content}}</template>\n            </div>\n        </div>\n        "
 	        }),
@@ -386,0 +386,0 @@ __param(0, core_1.SkipSelf()),

dist/npm/js/panelbar/panelbar.component.d.ts

@@ -1,5 +0,7 @@
-import { AfterViewChecked, SimpleChange, OnChanges, EventEmitter, ElementRef, TemplateRef } from '@angular/core';
+import { AfterViewChecked, SimpleChange, OnChanges, EventEmitter, QueryList, ElementRef, TemplateRef } from '@angular/core';
 import '@telerik/kendo-theme-default/styles/packages/layout';
+import { PanelBarItemComponent } from './panelbar-item.component';
 import { PanelBarItemModel } from './panelbar-item-model';
 import { PanelBarService } from "./panelbar.service";
+import { PanelBarItemTemplateDirective } from "./panelbar-item-template.directive";
 /**
@@ -53,9 +55,9 @@ * Represents the Kendo UI PanelBar component for Angular.
     activeDescendant: string;
-    hostHeight: string;
-    overflow: string;
-    private template;
-    private contentItems;
-    private contentChildItems;
-    private viewChildItems;
-    private viewItems;
+    readonly hostHeight: string;
+    readonly overflow: string;
+    template: PanelBarItemTemplateDirective;
+    contentItems: QueryList<PanelBarItemComponent>;
+    contentChildItems: QueryList<PanelBarItemComponent>;
+    viewChildItems: QueryList<PanelBarItemComponent>;
+    private readonly viewItems;
     private allItems;
@@ -73,10 +75,19 @@ private childrenItems;
     }): void;
-    templateRef: TemplateRef<any>;
+    readonly templateRef: TemplateRef<any>;
     private validateConfiguration();
     private updateChildrenHeight;
     private onItemAction(item);
-    className: string;
-    private onComponentFocus();
-    private onComponentBlur();
-    private onComponentKeyDown(event);
+    readonly className: string;
+    /**
+     * @hidden
+     */
+    onComponentFocus(): void;
+    /**
+     * @hidden
+     */
+    onComponentBlur(): void;
+    /**
+     * @hidden
+     */
+    onComponentKeyDown(event: any): void;
     private focusItem(action);
@@ -83,0 +94,0 @@ private moveFocus(from, to);

dist/npm/js/panelbar/panelbar.component.js

@@ -291,2 +291,5 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	    });
+	    /**
+	     * @hidden
+	     */
 	    PanelBarComponent.prototype.onComponentFocus = function () {
@@ -305,2 +308,5 @@ this.onFocus.emit(this);
 	    };
+	    /**
+	     * @hidden
+	     */
 	    PanelBarComponent.prototype.onComponentBlur = function () {
@@ -312,2 +318,5 @@ this.onBlur.emit(this);
 	    };
+	    /**
+	     * @hidden
+	     */
 	    PanelBarComponent.prototype.onComponentKeyDown = function (event) {
@@ -314,0 +323,0 @@ this.onKeyDown.emit(event);

dist/npm/js/tabstrip/tabstrip-tab.component.d.ts

@@ -28,6 +28,6 @@ import { AfterContentInit } from '@angular/core';
     ngAfterContentInit(): void;
-    tabId: string;
-    tabPanelId: string;
-    h: any;
-    className: string;
+    readonly tabId: string;
+    readonly tabPanelId: string;
+    readonly h: any;
+    readonly className: string;
 }

dist/npm/js/tabstrip/tabstrip.component.d.ts

@@ -17,9 +17,21 @@ import '@telerik/kendo-theme-default/styles/packages/layout';
     select: EventEmitter<any>;
-    className: string;
+    readonly className: string;
     tabs: QueryList<TabstripTabComponent>;
+    /**
+     * @hidden
+     */
+    activeDescendant: string;
     private keyBinding;
-    private activeDescendant;
-    protected onKeyDown(event: KeyboardEvent): void;
-    protected onFocus(): void;
-    protected onBlur(): void;
+    /**
+     * @hidden
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * @hidden
+     */
+    onFocus(): void;
+    /**
+     * @hidden
+     */
+    onBlur(): void;
     protected selectTab(selectedIndex: number): void;
@@ -26,0 +38,0 @@ protected tabItemClass(tab: TabstripTabComponent): Object;

dist/npm/js/tabstrip/tabstrip.component.js

@@ -102,2 +102,6 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
 	        this.select = new core_1.EventEmitter();
+	        /**
+	         * @hidden
+	         */
+	        this.activeDescendant = "";
 	        this.keyBinding = (_a = {},
@@ -112,3 +116,2 @@ _a[keys_1.Keys.left] = function (selectedIndex) { return _this.prevNavigatableIndex(selectedIndex); },
 	        );
-	        this.activeDescendant = "";
 	        var _a;
@@ -123,2 +126,5 @@ }
 	    });
+	    /**
+	     * @hidden
+	     */
 	    TabstripComponent.prototype.onKeyDown = function (event) {
@@ -139,2 +145,5 @@ var selectedIndex = this.tabs.toArray().findIndex(function (tab) { return tab.active && !tab.disabled; });
 	    };
+	    /**
+	     * @hidden
+	     */
 	    TabstripComponent.prototype.onFocus = function () {
@@ -153,2 +162,5 @@ var enabledTabs = this.tabs.filter(function (tab) { return !tab.disabled; });
 	    };
+	    /**
+	     * @hidden
+	     */
 	    TabstripComponent.prototype.onBlur = function () {
@@ -249,3 +261,3 @@ this.activeDescendant = "";
 	            selector: 'kendo-tabstrip',
-	            template: "\n        <ul\n            class=\"k-reset k-tabstrip-items k-tabstrip-top\"\n            role=\"tablist\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\"\n            (keydown)=\"onKeyDown($event)\"\n            [tabIndex]=\"0\"\n            [attr.aria-active]=\"activeDescendant\"\n        >\n            <li *ngFor=\"let tab of tabs; let idx = index;\" (click)=\"selectTab(idx)\"\n                [ngClass]=\"tabItemClass(tab)\"\n                role=\"tab\"\n                [id]=\"tab.tabId\"\n                [attr.aria-selected]=\"tab.active\"\n                [attr.aria-controls]=\"tab.tabPanelId\"\n                [attr.aria-disabled]=\"tab.disabled\"\n            ><span class=\"k-link\">{{ tab.title }}</span></li>\n        </ul>\n        <ng-content></ng-content>\n    "
+	            template: "\n        <ul\n            class=\"k-reset k-tabstrip-items k-tabstrip-top\"\n            role=\"tablist\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n            (keydown)=\"onKeyDown($event)\"\n            [tabIndex]=\"0\"\n            [attr.aria-active]=\"activeDescendant\"\n        >\n            <li *ngFor=\"let tab of tabs; let idx = index;\" (click)=\"selectTab(idx)\"\n                [ngClass]=\"tabItemClass(tab)\"\n                role=\"tab\"\n                [id]=\"tab.tabId\"\n                [attr.aria-selected]=\"tab.active\"\n                [attr.aria-controls]=\"tab.tabPanelId\"\n                [attr.aria-disabled]=\"tab.disabled\"\n            ><span class=\"k-link\">{{ tab.title }}</span></li>\n        </ul>\n        <ng-content></ng-content>\n    "
 	        }), 
@@ -252,0 +264,0 @@ __metadata('design:paramtypes', [])

package.json

 {
   "name": "@progress/kendo-angular-layout",
   "description": "Layout Package for Angular 2",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "publishConfig": {
@@ -22,3 +22,3 @@ "registry": "https://registry.npm.telerik.com"
     "api-check": "gulp api-check",
-    "build-package": "gulp build-npm-package",
+    "build-package": "gulp build-npm-package && gulp build-ngc-metadata",
     "build-cdn": "gulp build-cdn",
@@ -36,20 +36,21 @@ "semantic-release": "semantic-release pre && npm publish && semantic-release post"
   "peerDependencies": {
-    "@angular/common": "~2.0.0",
-    "@angular/core": "~2.0.0",
+    "@angular/common": "^2.0.0",
+    "@angular/core": "^2.0.0",
     "rxjs": "~5.0.0-X"
   },
   "devDependencies": {
-    "@angular/common": "2.0.0",
-    "@angular/compiler": "2.0.0",
-    "@angular/core": "2.0.0",
-    "@angular/platform-browser": "2.0.0",
-    "@angular/platform-browser-dynamic": "2.0.0",
-    "@angular/platform-server": "2.0.0",
+    "@angular/common": "^2.0.0",
+    "@angular/compiler": "^2.0.0",
+    "@angular/compiler-cli": "^2.0.0",
+    "@angular/core": "^2.0.0",
+    "@angular/platform-browser": "^2.0.0",
+    "@angular/platform-browser-dynamic": "^2.0.0",
+    "@angular/platform-server": "^2.0.0",
     "core-js": "^2.2.2",
-    "rxjs": "5.0.0-beta.12",
-    "zone.js": "0.6.23",
-    "@angular/router": "3.0.0",
-    "@angular/forms": "2.0.0",
-    "@telerik/kendo-theme-default": "^1.22.3",
-    "@progress/kendo-angular-tasks": "^4.0.0",
+    "rxjs": "~5.0.0-X",
+    "zone.js": "^0.6.23",
+    "@angular/router": "^3.0.0",
+    "@angular/forms": "^2.0.0",
+    "@telerik/kendo-theme-default": "^1.24.0",
+    "@progress/kendo-angular-tasks": "^5.0.0",
     "codelyzer": "0.0.28",
@@ -61,3 +62,4 @@ "cz-conventional-changelog": "^1.1.5",
     "typings": "^1.3.0",
-    "validate-commit-msg": "^1.1.1"
+    "validate-commit-msg": "^1.1.1",
+    "typescript": "^2.0.3"
   },
@@ -64,0 +66,0 @@ "config": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

379974

increased by7.76%

Number of package files

56

increased by24.44%

Lines of code

3831

increased by1.19%

Worsened metrics

Dev dependency count

22

increased by10%

No dependency changes