@nativescript-community/ui-drawer 0.0.29 → 0.0.33

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.0.33](https://github.com/nativescript-community/ui-drawer/compare/v0.0.32...v0.0.33) (2022-01-04)
+
+
+### Bug Fixes
+
+* deps fix ([6957b33](https://github.com/nativescript-community/ui-drawer/commit/6957b33be832996995e153abe2fba817964bc302))
+
+
+
+
+
+## [0.0.32](https://github.com/nativescript-community/ui-drawer/compare/v0.0.31...v0.0.32) (2022-01-04)
+
+
+### Bug Fixes
+
+* gesturehandler fix for `gestureEnabled` property ([8f92c62](https://github.com/nativescript-community/ui-drawer/commit/8f92c62426a439a4175fb64e64e8883f0fda3c4f))
+
+
+
+
+
+## [0.0.31](https://github.com/nativescript-community/ui-drawer/compare/v0.0.30...v0.0.31) (2021-10-12)
+
+**Note:** Version bump only for package @nativescript-community/ui-drawer
+
+
+
+
+
+## [0.0.30](https://github.com/nativescript-community/ui-drawer/compare/v0.0.29...v0.0.30) (2021-09-21)
+
+**Note:** Version bump only for package @nativescript-community/ui-drawer
+
+
+
+
+
 ## [0.0.29](https://github.com/nativescript-community/ui-drawer/compare/v0.0.28...v0.0.29) (2021-08-05)
 
 **Note:** Version bump only for package @nativescript-community/ui-drawer

package/README.md

@@ -1,32 +1,77 @@
-# NativeScript Drawer
-
-NativeScript plugin that allows you to easily add a side drawer (side menu) to your projects. This can be used as an Open Source alternative to [RadSideDrawer](https://docs.nativescript.org/ui/components/sidedrawer/overview).
-
-[![npm](https://img.shields.io/npm/v/@nativescript-community/ui-drawer.svg)](https://www.npmjs.com/package/@nativescript-community/ui-drawer)
-[![npm downloads](https://img.shields.io/npm/dm/@nativescript-community/ui-drawer.svg)](https://www.npmjs.com/package/@nativescript-community/ui-drawer)
-[![npm downloads](https://img.shields.io/npm/dt/@nativescript-community/ui-drawer.svg)](https://www.npmjs.com/package/@nativescript-community/ui-drawer)
-
-| <img src="images/demo-ios.gif" height="500" /> | <img src="images/demo-android.gif" height="500" /> |
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-drawer</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-drawer?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-drawer.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-drawer"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-drawer.svg" height="20"/></a>
+	</p>
+
+<p align="center">
+  <b>Easily add a side drawer (side menu) to your projects.</b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+| <img src="https://raw.githubusercontent.com/nativescript-community/ui-drawer/master/images/demo-ios.gif" height="500" /> | <img src="https://raw.githubusercontent.com/nativescript-community/ui-drawer/master/images/demo-android.gif" height="500" /> |
 | --- | ----------- |
 | iOS Demo | Android Demo |
 
----
+
+[](#table-of-contents)
+
 ## Table of Contents
-1. [Installation](#installation)
-2. [Configuration](#configuration)
-3. [API](#api)
-4. [Usage in Angular](#usage-in-angular)
-5. [Usage in Vue](#usage-in-vue)
-6. [Usage in Svelte](#usage-in-svelte)
-7. [Usage in React](#usage-in-react)
-8. [Demos](#demos)
 
+* [Installation](#installation)
+* [Configuration](#configuration)
+* [API](#api)
+	* [Properties](#properties)
+	* [Methods](#methods)
+	* [Events](#events)
+* [Usage in Angular](#usage-in-angular)
+	* [Examples:](#examples)
+* [Usage in React](#usage-in-react)
+	* [Examples:](#examples-1)
+* [Usage in Svelte](#usage-in-svelte)
+	* [Examples:](#examples-2)
+* [Usage in Vue](#usage-in-vue)
+	* [Examples:](#examples-3)
+* [Demos and Development](#demos-and-development)
+	* [Setup](#setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Questions](#questions)
+
+
+[](#installation)
+
 ## Installation
+Run the following command from the root of your project:
 
-```
-ns plugin add @nativescript-community/ui-drawer
-```
+`ns plugin add @nativescript-community/ui-drawer`
 
+
+[](#configuration)
+
 ## Configuration
 For gestures to work, make sure to add the following code block inside the main application file (e.g. app.ts):
 
@@ -35,6 +80,9 @@ import { install } from '@nativescript-community/ui-drawer';
 install();
 ```
 
+
+[](#api)
+
 ## API
 
 ### Properties
@@ -78,6 +126,9 @@ install();
 | open      | `side`, `duration` | Drawer opens                 |
 | close     | `side`, `duration` | Drawer closes                |
 
+
+[](#usage-in-angular)
+
 ## Usage in Angular
 Import the module into your project.
 
@@ -96,45 +147,36 @@ import { DrawerModule } from "@nativescript-community/ui-drawer/angular";
 export class AppModule { }
 ```
 
-Then in your component add the following:
+### Examples:
 
-```xml
-<Drawer>
-    <GridLayout leftDrawer backgroundColor="white">
-      <Label text="This is the side drawer content"></Label>
-    </GridLayout>
+- [Basic Drawer](demo-snippets/ng/basic-drawer)
+  - A basic sliding drawer.
+- [All Sides](demo-snippets/ng/all-sides)
+  - An example of drawers on all sides: left, right, top, bottom.
 
-    <StackLayout mainContent backgroundColor="white">
-      <Label text="This is the main content"></Label>
-    </StackLayout>
-</Drawer>
-```
-For a more complete example, look in the `demo-ng` directory.
 
-## Usage in Vue
+
+[](#usage-in-react)
+
+## Usage in React
 
-Register the plugin in your `app.js`.
+Register the plugin in your `app.ts`.
 
 ```typescript
-import DrawerPlugin from '@nativescript-community/ui-drawer/vue'
-Vue.use(DrawerPlugin);
+import DrawerElement from '@nativescript-community/ui-drawer/react';
+DrawerElement.register();
 ```
 
-Then in your component add the following:
-
-```xml
-<Drawer>
-    <GridLayout ~leftDrawer backgroundColor="white">
-      <Label text="This is the side drawer content" />
-    </GridLayout>
+### Examples:
 
-    <StackLayout ~mainContent backgroundColor="white">
-      <Label text="This is the main content" />
-    </StackLayout>
-</Drawer>
-```
-For a more complete example, look in the `demo-vue` directory.
+- [Basic Drawer](demo-snippets/react/BasicDrawer.tsx)
+  - A basic sliding drawer.
+- [All Sides](demo-snippets/react/AllSides.tsx)
+  - An example of drawers on all sides: left, right, top, bottom.
 
+
+[](#usage-in-svelte)
+
 ## Usage in Svelte
 
 Register the plugin in your `app.ts`.
@@ -144,56 +186,73 @@ import DrawerElement from '@nativescript-community/ui-drawer/svelte';
 DrawerElement.register();
 ```
 
-Then in your component, add the following:
+### Examples:
+
+- [Basic Drawer](demo-snippets/svelte/BasicDrawer.svelte)
+  - A basic sliding drawer.
+- [All Sides](demo-snippets/svelte/AllSides.svelte)
+  - An example of drawers on all sides: left, right, top, bottom.
 
-```xml
-<drawer>
-    <gridlayout prop:leftDrawer backgroundColor="white">
-      <Label text="This is the side drawer content" />
-    </gridlayout>
+
+[](#usage-in-vue)
+
+## Usage in Vue
+
+Register the plugin in your `app.js`.
 
-    <stacklayout prop:mainContent backgroundColor="white">
-      <Label text="This is the main content" />
-    </stacklayout>
-</drawer>
+```typescript
+import DrawerPlugin from '@nativescript-community/ui-drawer/vue'
+Vue.use(DrawerPlugin);
 ```
-For a more complete example, look in the `demo-svelte` directory.
 
-## Usage in React
+### Examples:
 
-Register the plugin in your `app.ts`.
+- [Basic Drawer](demo-snippets/vue/BasicDrawer.vue)
+  - A basic sliding drawer.
+- [All Sides](demo-snippets/vue/AllSides.vue)
+  - An example of drawers on all sides: left, right, top, bottom.
 
-```typescript
-import DrawerElement from '@nativescript-community/ui-drawer/react';
-DrawerElement.register();
+
+[](#demos-and-development)
+
+## Demos and Development
+
+
+### Setup
+
+To run the demos, you must clone this repo **recursively**.
+
+```
+git clone https://github.com/@nativescript-community/ui-drawer.git --recursive
 ```
 
-Then in your component, add the following:
-```ts
-import { Drawer } from "@nativescript-community/ui-drawer/react"
+**Install Dependencies:**
+```bash
+npm i # or 'yarn install' or 'pnpm install'
 ```
 
-```xml
-<Drawer>
-  <gridLayout nodeRole="leftDrawer" backgroundColor="white" width="300">
-    <label text="This is the side drawer content" />
-  </gridLayout>
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
 
-  <stackLayout nodeRole="mainContent" backgroundColor="white">
-    <label text="This is the main content" />
-  </stackLayout>
-</Drawer>
+```bash
+npm run build
+
+npm run build.angular # or for Angular
 ```
-For a more complete example, look in the `demo-react` directory.
-
-## Demos
-This repository includes Angular, Vue.js, and Svelte demos. In order to run these execute the following in your shell:
-```shell
-$ git clone https://github.com/nativescript-community/ui-drawer
-$ cd ui-drawer
-$ npm i
-$ npm run setup
-$ npm run build && npm run build.angular
-$ cd demo-ng # or demo-vue or demo-svelte or demo-react
-$ ns run ios|android
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
 ```
+
+[](#questions)
+
+## Questions
+
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/angular/bundles/nativescript-community-ui-drawer-angular.umd.js

@@ -4,6 +4,28 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['nativescript-community'] = global['nativescript-community'] || {}, global['nativescript-community']['ui-drawer-angular'] = {}), global.ng.core, global['ns-angular'], global['ns-drawer']));
 }(this, (function (exports, i0, angular, uiDrawer) { 'use strict';
 
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
     var _c0 = ["*"];
     var LEFTDRAWER = 'LeftDrawer';
     var RIGHTDRAWER = 'RightDrawer';
@@ -36,25 +58,25 @@
         };
         return DrawerComponent;
     }());
-    DrawerComponent.ɵfac = function DrawerComponent_Factory(t) { return new (t || DrawerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    DrawerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DrawerComponent, selectors: [["Drawer"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrawerComponent_Template(rf, ctx) {
+    DrawerComponent.ɵfac = function DrawerComponent_Factory(t) { return new (t || DrawerComponent)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef), i0__namespace.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+    DrawerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: DrawerComponent, selectors: [["Drawer"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrawerComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵprojectionDef();
-                i0.ɵɵprojection(0);
+                i0__namespace.ɵɵprojectionDef();
+                i0__namespace.ɵɵprojection(0);
             }
         }, encapsulation: 2 });
     (function () {
-        i0.ɵsetClassMetadata(DrawerComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DrawerComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'Drawer',
                         template: '<ng-content></ng-content>',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
-                        }] }, { type: i0.ViewContainerRef, decorators: [{
+                        }] }, { type: i0__namespace.ViewContainerRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ViewContainerRef]
                         }] }];
@@ -67,16 +89,16 @@
         }
         return LeftDrawerDirective;
     }());
-    LeftDrawerDirective.ɵfac = function LeftDrawerDirective_Factory(t) { return new (t || LeftDrawerDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    LeftDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: LeftDrawerDirective, selectors: [["", "leftDrawer", ""]] });
+    LeftDrawerDirective.ɵfac = function LeftDrawerDirective_Factory(t) { return new (t || LeftDrawerDirective)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef)); };
+    LeftDrawerDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: LeftDrawerDirective, selectors: [["", "leftDrawer", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(LeftDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LeftDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[leftDrawer]',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }];
@@ -89,16 +111,16 @@
         }
         return RightDrawerDirective;
     }());
-    RightDrawerDirective.ɵfac = function RightDrawerDirective_Factory(t) { return new (t || RightDrawerDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    RightDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: RightDrawerDirective, selectors: [["", "rightDrawer", ""]] });
+    RightDrawerDirective.ɵfac = function RightDrawerDirective_Factory(t) { return new (t || RightDrawerDirective)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef)); };
+    RightDrawerDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: RightDrawerDirective, selectors: [["", "rightDrawer", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(RightDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RightDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[rightDrawer]',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }];
@@ -111,16 +133,16 @@
         }
         return TopDrawerDirective;
     }());
-    TopDrawerDirective.ɵfac = function TopDrawerDirective_Factory(t) { return new (t || TopDrawerDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    TopDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: TopDrawerDirective, selectors: [["", "topDrawer", ""]] });
+    TopDrawerDirective.ɵfac = function TopDrawerDirective_Factory(t) { return new (t || TopDrawerDirective)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef)); };
+    TopDrawerDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: TopDrawerDirective, selectors: [["", "topDrawer", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(TopDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TopDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[topDrawer]',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }];
@@ -133,16 +155,16 @@
         }
         return BottomDrawerDirective;
     }());
-    BottomDrawerDirective.ɵfac = function BottomDrawerDirective_Factory(t) { return new (t || BottomDrawerDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    BottomDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: BottomDrawerDirective, selectors: [["", "bottomDrawer", ""]] });
+    BottomDrawerDirective.ɵfac = function BottomDrawerDirective_Factory(t) { return new (t || BottomDrawerDirective)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef)); };
+    BottomDrawerDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: BottomDrawerDirective, selectors: [["", "bottomDrawer", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(BottomDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BottomDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[bottomDrawer]',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }];
@@ -155,16 +177,16 @@
         }
         return MainContentDirective;
     }());
-    MainContentDirective.ɵfac = function MainContentDirective_Factory(t) { return new (t || MainContentDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    MainContentDirective.ɵdir = i0.ɵɵdefineDirective({ type: MainContentDirective, selectors: [["", "mainContent", ""]] });
+    MainContentDirective.ɵfac = function MainContentDirective_Factory(t) { return new (t || MainContentDirective)(i0__namespace.ɵɵdirectiveInject(i0.ElementRef)); };
+    MainContentDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MainContentDirective, selectors: [["", "mainContent", ""]] });
     (function () {
-        i0.ɵsetClassMetadata(MainContentDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MainContentDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[mainContent]',
                     }]
             }], function () {
-            return [{ type: i0.ElementRef, decorators: [{
+            return [{ type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }];
@@ -217,11 +239,11 @@
         }
         return DrawerModule;
     }());
-    DrawerModule.ɵmod = i0.ɵɵdefineNgModule({ type: DrawerModule });
-    DrawerModule.ɵinj = i0.ɵɵdefineInjector({ factory: function DrawerModule_Factory(t) { return new (t || DrawerModule)(); } });
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective], exports: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective] }); })();
+    DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); };
+    DrawerModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: DrawerModule });
+    DrawerModule.ɵinj = i0__namespace.ɵɵdefineInjector({});
     (function () {
-        i0.ɵsetClassMetadata(DrawerModule, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DrawerModule, [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
@@ -229,6 +251,7 @@
                     }]
             }], null, null);
     })();
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective], exports: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective] }); })();
 
     exports.BottomDrawerDirective = BottomDrawerDirective;
     exports.DrawerComponent = DrawerComponent;

package/angular/esm2015/index.js

@@ -1,2 +1,2 @@
 export * from './module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiL1ZvbHVtZXMvZGV2L25hdGl2ZXNjcmlwdC9uYXRpdmVzY3JpcHQtZHJhd2VyL3NyYy9hbmd1bGFyLyIsInNvdXJjZXMiOlsiaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vZHVsZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktZHJhd2VyL2FuZ3VsYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vZHVsZSc7XG4iXX0=