@pitaya-components/drawer - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/commonjs/pi-drawer-list-item-icon.d.ts

 export declare class PiDrawerListItemIcon
 {
     public icon: string;
-    public leading: boolean;
     public trailing: boolean;
 }

dist/commonjs/pi-drawer-list-item-icon.js

@@ -15,5 +15,2 @@ "use strict";
 let PiDrawerListItemIcon = class PiDrawerListItemIcon {
-    constructor() {
-        this.leading = true;
-    }
 };
@@ -27,6 +24,2 @@ __decorate([
     __metadata("design:type", Boolean)
-], PiDrawerListItemIcon.prototype, "leading", void 0);
-__decorate([
-    aurelia_typed_observable_plugin_1.bindable,
-    __metadata("design:type", Boolean)
 ], PiDrawerListItemIcon.prototype, "trailing", void 0);
@@ -33,0 +26,0 @@ PiDrawerListItemIcon = __decorate([

dist/commonjs/pi-drawer-list-item.js

@@ -15,2 +15,11 @@ "use strict";
 let PiDrawerListItem = class PiDrawerListItem {
+    _onKeyDown(event) {
+        if (event.keyCode !== 13) {
+            return;
+        }
+        this.onClick({
+            event,
+            component: this
+        });
+    }
 };
@@ -17,0 +26,0 @@ __decorate([

dist/commonjs/pi-drawer-list.js

@@ -8,8 +8,29 @@ "use strict";
 };
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const component_1 = require("@material/list/component");
 const aurelia_framework_1 = require("aurelia-framework");
+const pi_drawer_1 = require("./pi-drawer");
 let PiDrawerList = class PiDrawerList {
+    constructor(_drawer) {
+        this._drawer = _drawer;
+    }
+    attached() {
+        if (!this._drawer) {
+            return;
+        }
+        this._mdcComponent = new component_1.MDCList(this._rootElement);
+        this._mdcComponent.wrapFocus = true;
+    }
+    detached() {
+        var _a;
+        (_a = this._mdcComponent) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
 };
 PiDrawerList = __decorate([
-    aurelia_framework_1.customElement("pi-drawer__list")
+    aurelia_framework_1.inject(aurelia_framework_1.Optional.of(pi_drawer_1.PiDrawer)),
+    aurelia_framework_1.customElement("pi-drawer__list"),
+    __metadata("design:paramtypes", [pi_drawer_1.PiDrawer])
 ], PiDrawerList);
@@ -16,0 +37,0 @@ exports.PiDrawerList = PiDrawerList;

dist/commonjs/pi-drawer.js

@@ -9,14 +9,7 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const list_1 = require("@material/list");
 const aurelia_framework_1 = require("aurelia-framework");
 const aurelia_templating_1 = require("aurelia-templating");
 let PiDrawer = class PiDrawer {
-    attached() {
-        const listElement = this._rootElement.querySelector(".mdc-list");
-        this._mdcListComponent = new list_1.MDCList(listElement);
-        this._mdcListComponent.wrapFocus = true;
-    }
-    detached() {
-        this._mdcListComponent.destroy();
-    }
+    attached() { }
+    detached() { }
 };
@@ -23,0 +16,0 @@ PiDrawer = __decorate([

dist/native-modules/pi-drawer-list-item-icon.d.ts

 export declare class PiDrawerListItemIcon
 {
     public icon: string;
-    public leading: boolean;
     public trailing: boolean;
 }

dist/native-modules/pi-drawer-list-item-icon.js

@@ -13,5 +13,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 let PiDrawerListItemIcon = class PiDrawerListItemIcon {
-    constructor() {
-        this.leading = true;
-    }
 };
@@ -25,6 +22,2 @@ __decorate([
     __metadata("design:type", Boolean)
-], PiDrawerListItemIcon.prototype, "leading", void 0);
-__decorate([
-    bindable,
-    __metadata("design:type", Boolean)
 ], PiDrawerListItemIcon.prototype, "trailing", void 0);
@@ -31,0 +24,0 @@ PiDrawerListItemIcon = __decorate([

dist/native-modules/pi-drawer-list-item.js

@@ -13,2 +13,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 let PiDrawerListItem = class PiDrawerListItem {
+    _onKeyDown(event) {
+        if (event.keyCode !== 13) {
+            return;
+        }
+        this.onClick({
+            event,
+            component: this
+        });
+    }
 };
@@ -15,0 +24,0 @@ __decorate([

dist/native-modules/pi-drawer-list.js

@@ -7,7 +7,28 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { customElement } from "aurelia-framework";
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { MDCList } from "@material/list/component";
+import { customElement, inject, Optional } from "aurelia-framework";
+import { PiDrawer } from "./pi-drawer";
 let PiDrawerList = class PiDrawerList {
+    constructor(_drawer) {
+        this._drawer = _drawer;
+    }
+    attached() {
+        if (!this._drawer) {
+            return;
+        }
+        this._mdcComponent = new MDCList(this._rootElement);
+        this._mdcComponent.wrapFocus = true;
+    }
+    detached() {
+        var _a;
+        (_a = this._mdcComponent) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
 };
 PiDrawerList = __decorate([
-    customElement("pi-drawer__list")
+    inject(Optional.of(PiDrawer)),
+    customElement("pi-drawer__list"),
+    __metadata("design:paramtypes", [PiDrawer])
 ], PiDrawerList);
@@ -14,0 +35,0 @@ export { PiDrawerList };

dist/native-modules/pi-drawer.js

@@ -7,14 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { MDCList } from "@material/list";
 import { PLATFORM } from "aurelia-framework";
 import { viewResources } from "aurelia-templating";
 let PiDrawer = class PiDrawer {
-    attached() {
-        const listElement = this._rootElement.querySelector(".mdc-list");
-        this._mdcListComponent = new MDCList(listElement);
-        this._mdcListComponent.wrapFocus = true;
-    }
-    detached() {
-        this._mdcListComponent.destroy();
-    }
+    attached() { }
+    detached() { }
 };
@@ -21,0 +14,0 @@ PiDrawer = __decorate([

package.json

 {
-	"name" :              "@pitaya-components/drawer",
-	"version" :           "0.0.6",
-	"description" :       "Pitaya Drawer Component.",
-	"repository" :        {
-		"type" : "git",
-		"url" :  "git+https://github.com/pitaya-components/drawer.git"
+	"name": "@pitaya-components/drawer",
+	"version": "0.0.7",
+	"description": "Pitaya Drawer Component.",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/pitaya-components/drawer.git"
 	},
-	"keywords" :          [
+	"keywords": [
 		"pitaya framework",
@@ -16,66 +16,66 @@ "mdc web",
 	],
-	"author" :            "Pitaya Solutions",
-	"license" :           "MIT",
-	"bugs" :              {
-		"url" : "https://github.com/pitaya-components/drawer/issues"
+	"author": "Pitaya Solutions",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/pitaya-components/drawer/issues"
 	},
-	"homepage" :          "https://github.com/pitaya-components/drawer#readme",
-	"devDependencies" :   {
-		"@pitaya-components/button" :      "~0.0.1",
-		"@pitaya-components/grid" :        "~0.0.1",
-		"@pitaya-components/icon-button" : "~0.0.1",
-		"@pitaya-components/list" :        "~0.0.1",
-		"@pitaya-components/menu" :        "~0.0.1",
-		"@pitaya-components/snackbar" :    "~0.0.1",
-		"@pitaya-components/topbar" :      "~0.0.1",
-		"@pitaya-components/typography" :  "~0.0.1",
-		"@types/node" :                    "^10.17.17",
-		"aurelia-animator-css" :           "^1.0.4",
-		"aurelia-bootstrapper" :           "^2.3.2",
-		"aurelia-cli" :                    "^1.3.0",
-		"aurelia-testing" :                "^1.0.0",
-		"aurelia-tools" :                  "^2.0.0",
-		"autoprefixer" :                   "^9.7.4",
-		"browser-sync" :                   "^2.26.3",
-		"connect-history-api-fallback" :   "^1.6.0",
-		"cssnano" :                        "^4.1.10",
-		"debounce" :                       "^1.2.0",
-		"del" :                            "^3.0.0",
-		"gulp" :                           "^4.0.0",
-		"gulp-htmlmin" :                   "^5.0.1",
-		"gulp-notify" :                    "^3.2.0",
-		"gulp-plumber" :                   "^1.2.1",
-		"gulp-postcss" :                   "^8.0.0",
-		"gulp-rename" :                    "^1.4.0",
-		"gulp-sass" :                      "^4.0.2",
-		"gulp-sourcemaps" :                "^2.6.5",
-		"gulp-tslint" :                    "^8.1.4",
-		"gulp-typescript" :                "^5.0.0",
-		"gulp-watch" :                     "^5.0.1",
-		"minimatch" :                      "^3.0.4",
-		"postcss-url" :                    "^8.0.0",
-		"promise-polyfill" :               "^8.1.0",
-		"requirejs" :                      "^2.3.6",
-		"text" :                           "github:requirejs/text#latest",
-		"through2" :                       "^3.0.0",
-		"tslint" :                         "^5.13.0",
-		"typescript" :                     "^3.8.3",
-		"vinyl-fs" :                       "^3.0.3"
+	"homepage": "https://github.com/pitaya-components/drawer#readme",
+	"devDependencies": {
+		"@pitaya-components/button": "~0.0.1",
+		"@pitaya-components/grid": "~0.0.1",
+		"@pitaya-components/icon-button": "~0.0.1",
+		"@pitaya-components/list": "~0.0.1",
+		"@pitaya-components/menu": "~0.0.1",
+		"@pitaya-components/snackbar": "~0.0.1",
+		"@pitaya-components/topbar": "~0.0.1",
+		"@pitaya-components/typography": "~0.0.1",
+		"@types/node": "^10.17.17",
+		"aurelia-animator-css": "^1.0.4",
+		"aurelia-bootstrapper": "^2.3.2",
+		"aurelia-cli": "^1.3.0",
+		"aurelia-testing": "^1.0.0",
+		"aurelia-tools": "^2.0.0",
+		"autoprefixer": "^9.7.4",
+		"browser-sync": "^2.26.3",
+		"connect-history-api-fallback": "^1.6.0",
+		"cssnano": "^4.1.10",
+		"debounce": "^1.2.0",
+		"del": "^3.0.0",
+		"gulp": "^4.0.0",
+		"gulp-htmlmin": "^5.0.1",
+		"gulp-notify": "^3.2.0",
+		"gulp-plumber": "^1.2.1",
+		"gulp-postcss": "^8.0.0",
+		"gulp-rename": "^1.4.0",
+		"gulp-sass": "^4.0.2",
+		"gulp-sourcemaps": "^2.6.5",
+		"gulp-tslint": "^8.1.4",
+		"gulp-typescript": "^5.0.0",
+		"gulp-watch": "^5.0.1",
+		"minimatch": "^3.0.4",
+		"postcss-url": "^8.0.0",
+		"promise-polyfill": "^8.1.0",
+		"requirejs": "^2.3.6",
+		"text": "github:requirejs/text#latest",
+		"through2": "^3.0.0",
+		"tslint": "^5.13.0",
+		"typescript": "^3.8.3",
+		"vinyl-fs": "^3.0.3"
 	},
-	"browserslist" :      [
+	"browserslist": [
 		"defaults"
 	],
-	"scripts" :           {
-		"build" :   "au build-plugin",
-		"start" :   "au run",
-		"watch" :   "au build-plugin --watch",
-		"prepare" : "npm run build"
+	"scripts": {
+		"build": "au build-plugin",
+		"start": "au run",
+		"watch": "au build-plugin --watch",
+		"prepare": "npm run build"
 	},
-	"engines" :           {
-		"node" : ">=8.9.0"
+	"engines": {
+		"node": ">=8.9.0"
 	},
-	"main" :              "dist/commonjs/index.js",
-	"module" :            "dist/native-modules/index.js",
-	"private" :           false,
-	"files" :             [
+	"main": "dist/commonjs/index.js",
+	"module": "dist/native-modules/index.js",
+	"private": false,
+	"files": [
 		"dist",
@@ -85,18 +85,18 @@ "LICENSE",
 		"README.md",
-		"_readme"
+		"readme-src"
 	],
-	"dependencies" :      {
-		"aurelia-framework" :               "~1.3.1",
-		"aurelia-typed-observable-plugin" : "~0.4.2",
-		"@pitaya-components/app" :          "~0.0.1",
-		"@material/drawer" :                "4.0.0",
-		"@material/layout-grid" :           "4.0.0"
+	"dependencies": {
+		"aurelia-framework": "~1.3.1",
+		"aurelia-typed-observable-plugin": "~0.4.2",
+		"@pitaya-components/app": "~0.0.1",
+		"@material/drawer": "4.0.0",
+		"@material/layout-grid": "4.0.0"
 	},
-	"moduleResolution" :  "node",
-	"baseUrl" :           "src",
-	"resolveJsonModule" : true,
-	"typeRoots" :         [
+	"moduleResolution": "node",
+	"baseUrl": "src",
+	"resolveJsonModule": true,
+	"typeRoots": [
 		"./node_modules/@types"
 	],
-	"typings" :           "dist/native-modules/index.d.ts"
+	"typings": "dist/native-modules/index.d.ts"
 }

New alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

143786

increased by21.35%

Number of package files

129

increased by1.57%

Lines of code

1029

increased by3%

No dependency changes