npm - @nativescript-community/ui-drawer - Versions diffs - 0.0.28 → 0.0.32 - Mend

@nativescript-community/ui-drawer 0.0.28 → 0.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/CHANGELOG.md +35 -0
package/README.md +150 -91
package/angular/bundles/nativescript-community-ui-drawer-angular.umd.js +10 -9
package/angular/esm2015/index.js +1 -1
package/angular/esm2015/module.js +11 -10
package/angular/esm2015/nativescript-community-ui-drawer-angular.js +1 -1
package/angular/fesm2015/nativescript-community-ui-drawer-angular.js +10 -9
package/angular/module.d.ts +15 -14
package/angular/package.json +3 -3
package/index.d.ts +1 -0
package/index.js +47 -15
package/package.json +11 -3
package/vue/index.js +1 -1
package/angular/bundles/nativescript-community-ui-drawer-angular.umd.min.js +0 -2
package/react/index.d.ts +0 -20
package/react/index.js +0 -8

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [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
 ## [0.0.28](https://github.com/nativescript-community/ui-drawer/compare/v0.0.27...v0.0.28) (2021-05-07)
 **Note:** Version bump only for package @nativescript-community/ui-drawer

package/README.md CHANGED Viewed

@@ -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:
+### Examples:
-```xml
-<Drawer>
-    <GridLayout ~leftDrawer backgroundColor="white">
-      <Label text="This is the side drawer content" />
-    </GridLayout>
-    <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:
-```xml
-<drawer>
-    <gridlayout prop:leftDrawer backgroundColor="white">
-      <Label text="This is the side drawer content" />
-    </gridlayout>
+- [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.
-    <stacklayout prop:mainContent backgroundColor="white">
-      <Label text="This is the main content" />
-    </stacklayout>
-</drawer>
+[](#usage-in-vue)
+## Usage in Vue
+Register the plugin in your `app.js`.
+```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'
+```
+**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
+```bash
+npm run build
+npm run build.angular # or for Angular
 ```
-```xml
-<Drawer>
-  <gridLayout nodeRole="leftDrawer" backgroundColor="white" width="300">
-    <label text="This is the side drawer content" />
-  </gridLayout>
+### Demos
-  <stackLayout nodeRole="mainContent" backgroundColor="white">
-    <label text="This is the main content" />
-  </stackLayout>
-</Drawer>
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+npm run demo.svelte.ios # Example
 ```
-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 run 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
-```
+[](#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 CHANGED Viewed

@@ -66,7 +66,7 @@
             }
         }, encapsulation: 2 });
     (function () {
-        i0__namespace.ɵsetClassMetadata(DrawerComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DrawerComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'Drawer',
@@ -92,7 +92,7 @@
     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__namespace.ɵsetClassMetadata(LeftDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LeftDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[leftDrawer]',
@@ -114,7 +114,7 @@
     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__namespace.ɵsetClassMetadata(RightDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RightDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[rightDrawer]',
@@ -136,7 +136,7 @@
     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__namespace.ɵsetClassMetadata(TopDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TopDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[topDrawer]',
@@ -158,7 +158,7 @@
     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__namespace.ɵsetClassMetadata(BottomDrawerDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BottomDrawerDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[bottomDrawer]',
@@ -180,7 +180,7 @@
     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__namespace.ɵsetClassMetadata(MainContentDirective, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MainContentDirective, [{
                 type: i0.Directive,
                 args: [{
                         selector: '[mainContent]',
@@ -239,11 +239,11 @@
         }
         return DrawerModule;
     }());
+    DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); };
     DrawerModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: DrawerModule });
-    DrawerModule.ɵinj = i0__namespace.ɵɵdefineInjector({ factory: function DrawerModule_Factory(t) { return new (t || DrawerModule)(); } });
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective], exports: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective] }); })();
+    DrawerModule.ɵinj = i0__namespace.ɵɵdefineInjector({});
     (function () {
-        i0__namespace.ɵsetClassMetadata(DrawerModule, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DrawerModule, [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
@@ -251,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 CHANGED Viewed

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

package/angular/esm2015/module.js CHANGED Viewed

@@ -30,7 +30,7 @@ DrawerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DrawerComponent, selector
         i0.ɵɵprojectionDef();
         i0.ɵɵprojection(0);
     } }, encapsulation: 2 });
-(function () { i0.ɵsetClassMetadata(DrawerComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerComponent, [{
         type: Component,
         args: [{
                 selector: 'Drawer',
@@ -51,7 +51,7 @@ export class LeftDrawerDirective {
 }
 LeftDrawerDirective.ɵfac = function LeftDrawerDirective_Factory(t) { return new (t || LeftDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 LeftDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: LeftDrawerDirective, selectors: [["", "leftDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(LeftDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LeftDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[leftDrawer]',
@@ -68,7 +68,7 @@ export class RightDrawerDirective {
 }
 RightDrawerDirective.ɵfac = function RightDrawerDirective_Factory(t) { return new (t || RightDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 RightDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: RightDrawerDirective, selectors: [["", "rightDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(RightDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RightDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[rightDrawer]',
@@ -85,7 +85,7 @@ export class TopDrawerDirective {
 }
 TopDrawerDirective.ɵfac = function TopDrawerDirective_Factory(t) { return new (t || TopDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 TopDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: TopDrawerDirective, selectors: [["", "topDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(TopDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[topDrawer]',
@@ -102,7 +102,7 @@ export class BottomDrawerDirective {
 }
 BottomDrawerDirective.ɵfac = function BottomDrawerDirective_Factory(t) { return new (t || BottomDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 BottomDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: BottomDrawerDirective, selectors: [["", "bottomDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(BottomDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BottomDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[bottomDrawer]',
@@ -119,7 +119,7 @@ export class MainContentDirective {
 }
 MainContentDirective.ɵfac = function MainContentDirective_Factory(t) { return new (t || MainContentDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 MainContentDirective.ɵdir = i0.ɵɵdefineDirective({ type: MainContentDirective, selectors: [["", "mainContent", ""]] });
-(function () { i0.ɵsetClassMetadata(MainContentDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainContentDirective, [{
         type: Directive,
         args: [{
                 selector: '[mainContent]',
@@ -172,14 +172,15 @@ export const SIDEDRAWER_DIRECTIVES = [LeftDrawerDirective, RightDrawerDirective,
 registerElement('Drawer', () => Drawer, sideDrawerMeta);
 export class DrawerModule {
 }
+DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || 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] }); })();
-(function () { i0.ɵsetClassMetadata(DrawerModule, [{
+DrawerModule.ɵinj = i0.ɵɵdefineInjector({});
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
         type: NgModule,
         args: [{
                 declarations: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
                 exports: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9rYXJsc2NobWFsdHovRGVza3RvcC9Qcm9qZWN0cy9jb21tdW5pdHkvZHJhd2VyMi9zcmMvYW5ndWxhci8iLCJzb3VyY2VzIjpbIm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQWlDLE1BQU0sRUFBUyxRQUFRLEVBQXVCLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hLLE9BQU8sRUFBeUIsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFM0QsTUFBTSxVQUFVLEdBQVcsWUFBWSxDQUFDO0FBQ3hDLE1BQU0sV0FBVyxHQUFXLGFBQWEsQ0FBQztBQUMxQyxNQUFNLFNBQVMsR0FBVyxXQUFXLENBQUM7QUFDdEMsTUFBTSxZQUFZLEdBQVcsY0FBYyxDQUFDO0FBQzVDLE1BQU0sV0FBVyxHQUFXLGFBQWEsQ0FBQztBQWlCMUMsTUFBTSxPQUFPLGVBQWU7SUFPeEIsWUFBdUMsVUFBc0IsRUFBb0MsYUFBK0I7UUFBekYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFvQyxrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDNUgsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxjQUFjLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU8sb0JBQW9CO1FBQ3hCLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLENB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QVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsY0FBYyxDQUFDLENBQUM7QUFTeEQsTUFBTSxPQUFPLFlBQVk7O2dEQUFaLFlBQVk7dUdBQVosWUFBWTt3RkFBWixZQUFZLG1CQS9JWixlQUFlLEVBK0JmLG1CQUFtQixFQVduQixvQkFBb0IsRUFZcEIsa0JBQWtCLEVBWWxCLHFCQUFxQixFQVlyQixvQkFBb0IsYUE5RXBCLGVBQWUsRUErQmYsbUJBQW1CLEVBV25CLG9CQUFvQixFQVlwQixrQkFBa0IsRUFZbEIscUJBQXFCLEVBWXJCLG9CQUFvQjtvQ0FpRXBCLFlBQVk7Y0FKeEIsUUFBUTtlQUFDO2dCQUNOLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSxxQkFBcUIsQ0FBQztnQkFDdEQsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLHFCQUFxQixDQUFDO2FBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEVtYmVkZGVkVmlld1JlZiwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBOZ01vZHVsZSwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdWaWV3LCBWaWV3Q2xhc3NNZXRhLCByZWdpc3RlckVsZW1lbnQgfSBmcm9tICdAbmF0aXZlc2NyaXB0L2FuZ3VsYXInO1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnQG5hdGl2ZXNjcmlwdC1jb21tdW5pdHkvdWktZHJhd2VyJztcblxuY29uc3QgTEVGVERSQVdFUjogc3RyaW5nID0gJ0xlZnREcmF3ZXInO1xuY29uc3QgUklHSFREUkFXRVI6IHN0cmluZyA9ICdSaWdodERyYXdlcic7XG5jb25zdCBUT1BEUkFXRVI6IHN0cmluZyA9ICdUb3BEcmF3ZXInO1xuY29uc3QgQk9UVE9NRFJBV0VSOiBzdHJpbmcgPSAnQm90dG9tRHJhd2VyJztcbmNvbnN0IE1BSU5DT05URU5UOiBzdHJpbmcgPSAnTWFpbkNvbnRlbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEl0ZW1FdmVudEFyZ3Mge1xuICAgIG9iamVjdDogYW55O1xuICAgIHZpZXc6IEVtYmVkZGVkVmlld1JlZjxhbnk+O1xuICAgIHJldHVyblZhbHVlPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBUaGlzIGlzIHRoZSBTaWRlRHJhd2VyIGNvbXBvbmVudC4gSXQgc2VwYXJhdGVzIHlvdXIgbW9iaWxlIGFwcCdzIHNjcmVlblxuICogaW50byBhIG1haW4gcGFydCBhbmQgYSBtZW51IHBhcnQgd2hlcmVieSB0aGUgbWVudSBwYXJ0IGlzIHNob3duIHVwb24gYSBzd2lwZVxuICogZ2VzdHVyZSB1c2luZyBhIHRyYW5zaXRpb24gZWZmZWN0LlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ0RyYXdlcicsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+Jyxcbn0pXG5leHBvcnQgY2xhc3MgRHJhd2VyQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgZHJhd2VyOiBEcmF3ZXI7XG4gICAgcHVibGljIG1haW5UZW1wbGF0ZTogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XG4gICAgcHVibGljIGRyYXdlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxFbGVtZW50UmVmPjtcblxuICAgIHByaXZhdGUgX2dlc3R1cmVFbmFibGVkOiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChFbGVtZW50UmVmKSBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgQEluamVjdChWaWV3Q29udGFpbmVyUmVmKSBwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgdGhpcy5kcmF3ZXIgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IG5hdGl2ZUVsZW1lbnQoKTogRHJhd2VyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZHJhd2VyO1xuICAgIH1cblxuICAgIHNldCBnZXN0dXJlRW5hYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9nZXN0dXJlRW5hYmxlZCA9IHZhbHVlO1xuICAgICAgICB0aGlzLnVwZGF0ZUdlc3R1cmVFbmFibGVkKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVHZXN0dXJlRW5hYmxlZCgpIHtcbiAgICAgICAgdGhpcy5kcmF3ZXIuZ2VzdHVyZUVuYWJsZWQgPSB0aGlzLl9nZXN0dXJlRW5hYmxlZDtcbiAgICB9XG59XG5cbi8qKlxuICogRGlyZWN0aXZlIGlkZW50aWZ5aW5nIHRoZSBsZWZ0IGRyYXdlclxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tsZWZ0RHJhd2VyXScsXG59KVxuZXhwb3J0IGNsYXNzIExlZnREcmF3ZXJEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaWQgPSBMRUZURFJBV0VSO1xuICAgIH1cbn1cbi8qKlxuICogRGlyZWN0aXZlIGlkZW50aWZ5aW5nIHRoZSByaWdodCBkcmF3ZXJcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbcmlnaHREcmF3ZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgUmlnaHREcmF3ZXJEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaWQgPSBSSUdIVERSQVdFUjtcbiAgICB9XG59XG5cbi8qKlxuICogRGlyZWN0aXZlIGlkZW50aWZ5aW5nIHRoZSByaWdodCBkcmF3ZXJcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdG9wRHJhd2VyXScsXG59KVxuZXhwb3J0IGNsYXNzIFRvcERyYXdlckRpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pZCA9IFRPUERSQVdFUjtcbiAgICB9XG59XG5cbi8qKlxuICogRGlyZWN0aXZlIGlkZW50aWZ5aW5nIHRoZSByaWdodCBkcmF3ZXJcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbYm90dG9tRHJhd2VyXScsXG59KVxuZXhwb3J0IGNsYXNzIEJvdHRvbURyYXdlckRpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pZCA9IEJPVFRPTURSQVdFUjtcbiAgICB9XG59XG5cbi8qKlxuICogRGlyZWN0aXZlIGlkZW50aWZ5aW5nIHRoZSBtYWluIGNvbnRlbnQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW21haW5Db250ZW50XScsXG59KVxuZXhwb3J0IGNsYXNzIE1haW5Db250ZW50RGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlkID0gTUFJTkNPTlRFTlQ7XG4gICAgfVxufVxuXG5jb25zdCBzaWRlRHJhd2VyTWV0YTogVmlld0NsYXNzTWV0YSA9IHtcbiAgICBpbnNlcnRDaGlsZDogKHBhcmVudDogTmdWaWV3LCBjaGlsZDogTmdWaWV3KSA9PiB7XG4gICAgICAgIGNvbnN0IGRyYXdlciA9IChwYXJlbnQgYXMgYW55KSBhcyBEcmF3ZXI7XG4gICAgICAgIGNvbnN0IGNoaWxkVmlldyA9IGNoaWxkO1xuXG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IE1BSU5DT05URU5UKSB7XG4gICAgICAgICAgICBkcmF3ZXIubWFpbkNvbnRlbnQgPSBjaGlsZFZpZXc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBMRUZURFJBV0VSKSB7XG4gICAgICAgICAgICBkcmF3ZXIubGVmdERyYXdlciA9IGNoaWxkVmlldztcbiAgICAgICAgfVxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBSSUdIVERSQVdFUikge1xuICAgICAgICAgICAgZHJhd2VyLnJpZ2h0RHJhd2VyID0gY2hpbGRWaWV3O1xuICAgICAgICB9XG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IFRPUERSQVdFUikge1xuICAgICAgICAgICAgZHJhd2VyLnRvcERyYXdlciA9IGNoaWxkVmlldztcbiAgICAgICAgfVxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBCT1RUT01EUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci5ib3R0b21EcmF3ZXIgPSBjaGlsZFZpZXc7XG4gICAgICAgIH1cbiAgICB9LFxuICAgIHJlbW92ZUNoaWxkOiAocGFyZW50OiBOZ1ZpZXcsIGNoaWxkOiBOZ1ZpZXcpID0+IHtcbiAgICAgICAgY29uc3QgZHJhd2VyID0gKHBhcmVudCBhcyBhbnkpIGFzIERyYXdlcjtcbiAgICAgICAgY29uc3QgY2hpbGRWaWV3ID0gY2hpbGQ7XG5cbiAgICAgICAgaWYgKGNoaWxkVmlldy5pZCA9PT0gTUFJTkNPTlRFTlQpIHtcbiAgICAgICAgICAgIGRyYXdlci5tYWluQ29udGVudCA9IG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBMRUZURFJBV0VSKSB7XG4gICAgICAgICAgICBkcmF3ZXIubGVmdERyYXdlciA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGNoaWxkVmlldy5pZCA9PT0gUklHSFREUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci5yaWdodERyYXdlciA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGNoaWxkVmlldy5pZCA9PT0gVE9QRFJBV0VSKSB7XG4gICAgICAgICAgICBkcmF3ZXIudG9wRHJhd2VyID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBCT1RUT01EUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci5ib3R0b21EcmF3ZXIgPSBudWxsO1xuICAgICAgICB9XG4gICAgfSxcbn07XG5cbi8qKlxuICogRGlyZWN0aXZlcyBpZGVudGlmeWluZyB0aGUgRHJhd2VyLlxuICovXG5leHBvcnQgY29uc3QgU0lERURSQVdFUl9ESVJFQ1RJVkVTID0gW0xlZnREcmF3ZXJEaXJlY3RpdmUsIFJpZ2h0RHJhd2VyRGlyZWN0aXZlLCBUb3BEcmF3ZXJEaXJlY3RpdmUsIEJvdHRvbURyYXdlckRpcmVjdGl2ZSwgTWFpbkNvbnRlbnREaXJlY3RpdmVdO1xuXG5yZWdpc3RlckVsZW1lbnQoJ0RyYXdlcicsICgpID0+IERyYXdlciwgc2lkZURyYXdlck1ldGEpO1xuXG4vKipcbiAqIE5nTW9kdWxlIGNvbnRhaW5pbmcgYWxsIG9mIHRoZSBSYWRTaWRlRHJhd2VyIGRpcmVjdGl2ZXMuXG4gKi9cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbRHJhd2VyQ29tcG9uZW50LCBTSURFRFJBV0VSX0RJUkVDVElWRVNdLFxuICAgIGV4cG9ydHM6IFtEcmF3ZXJDb21wb25lbnQsIFNJREVEUkFXRVJfRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlck1vZHVsZSB7fVxuIl19
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective], exports: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpLWRyYXdlci9hbmd1bGFyL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQWlDLE1BQU0sRUFBUyxRQUFRLEVBQXVCLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hLLE9BQU8sRUFBeUIsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFFM0QsTUFBTSxVQUFVLEdBQVcsWUFBWSxDQUFDO0FBQ3hDLE1BQU0sV0FBVyxHQUFXLGFBQWEsQ0FBQztBQUMxQyxNQUFNLFNBQVMsR0FBVyxXQUFXLENBQUM7QUFDdEMsTUFBTSxZQUFZLEdBQVcsY0FBYyxDQUFDO0FBQzVDLE1BQU0sV0FBVyxHQUFXLGFBQWEsQ0FBQztBQWlCMUMsTUFBTSxPQUFPLGVBQWU7SUFPeEIsWUFBdUMsVUFBc0IsRUFBb0MsYUFBK0I7UUFBekYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFvQyxrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDNUgsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxjQUFjLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU8sb0JBQW9CO1FBQ3hCLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDdEQsQ0FBQzs7OEVBdEJRLGVBQWUsdUJBT0os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RSxjQUFjLENBQUMsQ0FBQztBQVN4RCxNQUFNLE9BQU8sWUFBWTs7d0VBQVosWUFBWTtnREFBWixZQUFZOzt1RkFBWixZQUFZO2NBSnhCLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxlQUFlLEVBQUUscUJBQXFCLENBQUM7Z0JBQ3RELE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxxQkFBcUIsQ0FBQzthQUNwRDs7d0ZBQ1ksWUFBWSxtQkEvSVosZUFBZSxFQStCZixtQkFBbUIsRUFXbkIsb0JBQW9CLEVBWXBCLGtCQUFrQixFQVlsQixxQkFBcUIsRUFZckIsb0JBQW9CLGFBOUVwQixlQUFlLEVBK0JmLG1CQUFtQixFQVduQixvQkFBb0IsRUFZcEIsa0JBQWtCLEVBWWxCLHFCQUFxQixFQVlyQixvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRW1iZWRkZWRWaWV3UmVmLCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE5nTW9kdWxlLCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1ZpZXcsIFZpZXdDbGFzc01ldGEsIHJlZ2lzdGVyRWxlbWVudCB9IGZyb20gJ0BuYXRpdmVzY3JpcHQvYW5ndWxhcic7XG5pbXBvcnQgeyBEcmF3ZXIgfSBmcm9tICdAbmF0aXZlc2NyaXB0LWNvbW11bml0eS91aS1kcmF3ZXInO1xuXG5jb25zdCBMRUZURFJBV0VSOiBzdHJpbmcgPSAnTGVmdERyYXdlcic7XG5jb25zdCBSSUdIVERSQVdFUjogc3RyaW5nID0gJ1JpZ2h0RHJhd2VyJztcbmNvbnN0IFRPUERSQVdFUjogc3RyaW5nID0gJ1RvcERyYXdlcic7XG5jb25zdCBCT1RUT01EUkFXRVI6IHN0cmluZyA9ICdCb3R0b21EcmF3ZXInO1xuY29uc3QgTUFJTkNPTlRFTlQ6IHN0cmluZyA9ICdNYWluQ29udGVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSXRlbUV2ZW50QXJncyB7XG4gICAgb2JqZWN0OiBhbnk7XG4gICAgdmlldzogRW1iZWRkZWRWaWV3UmVmPGFueT47XG4gICAgcmV0dXJuVmFsdWU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIFRoaXMgaXMgdGhlIFNpZGVEcmF3ZXIgY29tcG9uZW50LiBJdCBzZXBhcmF0ZXMgeW91ciBtb2JpbGUgYXBwJ3Mgc2NyZWVuXG4gKiBpbnRvIGEgbWFpbiBwYXJ0IGFuZCBhIG1lbnUgcGFydCB3aGVyZWJ5IHRoZSBtZW51IHBhcnQgaXMgc2hvd24gdXBvbiBhIHN3aXBlXG4gKiBnZXN0dXJlIHVzaW5nIGEgdHJhbnNpdGlvbiBlZmZlY3QuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnRHJhd2VyJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJDb21wb25lbnQge1xuICAgIHB1YmxpYyBkcmF3ZXI6IERyYXdlcjtcbiAgICBwdWJsaWMgbWFpblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxFbGVtZW50UmVmPjtcbiAgICBwdWJsaWMgZHJhd2VyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPEVsZW1lbnRSZWY+O1xuXG4gICAgcHJpdmF0ZSBfZ2VzdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBASW5qZWN0KFZpZXdDb250YWluZXJSZWYpIHByaXZhdGUgdmlld0NvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICB0aGlzLmRyYXdlciA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgbmF0aXZlRWxlbWVudCgpOiBEcmF3ZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5kcmF3ZXI7XG4gICAgfVxuXG4gICAgc2V0IGdlc3R1cmVFbmFibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2dlc3R1cmVFbmFibGVkID0gdmFsdWU7XG4gICAgICAgIHRoaXMudXBkYXRlR2VzdHVyZUVuYWJsZWQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZUdlc3R1cmVFbmFibGVkKCkge1xuICAgICAgICB0aGlzLmRyYXdlci5nZXN0dXJlRW5hYmxlZCA9IHRoaXMuX2dlc3R1cmVFbmFibGVkO1xuICAgIH1cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgaWRlbnRpZnlpbmcgdGhlIGxlZnQgZHJhd2VyXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2xlZnREcmF3ZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgTGVmdERyYXdlckRpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pZCA9IExFRlREUkFXRVI7XG4gICAgfVxufVxuLyoqXG4gKiBEaXJlY3RpdmUgaWRlbnRpZnlpbmcgdGhlIHJpZ2h0IGRyYXdlclxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tyaWdodERyYXdlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBSaWdodERyYXdlckRpcmVjdGl2ZSB7XG4gICAgY29uc3RydWN0b3IoQEluamVjdChFbGVtZW50UmVmKSBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pZCA9IFJJR0hURFJBV0VSO1xuICAgIH1cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgaWRlbnRpZnlpbmcgdGhlIHJpZ2h0IGRyYXdlclxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0b3BEcmF3ZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgVG9wRHJhd2VyRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlkID0gVE9QRFJBV0VSO1xuICAgIH1cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgaWRlbnRpZnlpbmcgdGhlIHJpZ2h0IGRyYXdlclxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tib3R0b21EcmF3ZXJdJyxcbn0pXG5leHBvcnQgY2xhc3MgQm90dG9tRHJhd2VyRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlkID0gQk9UVE9NRFJBV0VSO1xuICAgIH1cbn1cblxuLyoqXG4gKiBEaXJlY3RpdmUgaWRlbnRpZnlpbmcgdGhlIG1haW4gY29udGVudC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWFpbkNvbnRlbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgTWFpbkNvbnRlbnREaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaWQgPSBNQUlOQ09OVEVOVDtcbiAgICB9XG59XG5cbmNvbnN0IHNpZGVEcmF3ZXJNZXRhOiBWaWV3Q2xhc3NNZXRhID0ge1xuICAgIGluc2VydENoaWxkOiAocGFyZW50OiBOZ1ZpZXcsIGNoaWxkOiBOZ1ZpZXcpID0+IHtcbiAgICAgICAgY29uc3QgZHJhd2VyID0gKHBhcmVudCBhcyBhbnkpIGFzIERyYXdlcjtcbiAgICAgICAgY29uc3QgY2hpbGRWaWV3ID0gY2hpbGQ7XG5cbiAgICAgICAgaWYgKGNoaWxkVmlldy5pZCA9PT0gTUFJTkNPTlRFTlQpIHtcbiAgICAgICAgICAgIGRyYXdlci5tYWluQ29udGVudCA9IGNoaWxkVmlldztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IExFRlREUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci5sZWZ0RHJhd2VyID0gY2hpbGRWaWV3O1xuICAgICAgICB9XG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IFJJR0hURFJBV0VSKSB7XG4gICAgICAgICAgICBkcmF3ZXIucmlnaHREcmF3ZXIgPSBjaGlsZFZpZXc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGNoaWxkVmlldy5pZCA9PT0gVE9QRFJBV0VSKSB7XG4gICAgICAgICAgICBkcmF3ZXIudG9wRHJhd2VyID0gY2hpbGRWaWV3O1xuICAgICAgICB9XG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IEJPVFRPTURSQVdFUikge1xuICAgICAgICAgICAgZHJhd2VyLmJvdHRvbURyYXdlciA9IGNoaWxkVmlldztcbiAgICAgICAgfVxuICAgIH0sXG4gICAgcmVtb3ZlQ2hpbGQ6IChwYXJlbnQ6IE5nVmlldywgY2hpbGQ6IE5nVmlldykgPT4ge1xuICAgICAgICBjb25zdCBkcmF3ZXIgPSAocGFyZW50IGFzIGFueSkgYXMgRHJhd2VyO1xuICAgICAgICBjb25zdCBjaGlsZFZpZXcgPSBjaGlsZDtcblxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBNQUlOQ09OVEVOVCkge1xuICAgICAgICAgICAgZHJhd2VyLm1haW5Db250ZW50ID0gbnVsbDtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IExFRlREUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci5sZWZ0RHJhd2VyID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBSSUdIVERSQVdFUikge1xuICAgICAgICAgICAgZHJhd2VyLnJpZ2h0RHJhd2VyID0gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoY2hpbGRWaWV3LmlkID09PSBUT1BEUkFXRVIpIHtcbiAgICAgICAgICAgIGRyYXdlci50b3BEcmF3ZXIgPSBudWxsO1xuICAgICAgICB9XG4gICAgICAgIGlmIChjaGlsZFZpZXcuaWQgPT09IEJPVFRPTURSQVdFUikge1xuICAgICAgICAgICAgZHJhd2VyLmJvdHRvbURyYXdlciA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9LFxufTtcblxuLyoqXG4gKiBEaXJlY3RpdmVzIGlkZW50aWZ5aW5nIHRoZSBEcmF3ZXIuXG4gKi9cbmV4cG9ydCBjb25zdCBTSURFRFJBV0VSX0RJUkVDVElWRVMgPSBbTGVmdERyYXdlckRpcmVjdGl2ZSwgUmlnaHREcmF3ZXJEaXJlY3RpdmUsIFRvcERyYXdlckRpcmVjdGl2ZSwgQm90dG9tRHJhd2VyRGlyZWN0aXZlLCBNYWluQ29udGVudERpcmVjdGl2ZV07XG5cbnJlZ2lzdGVyRWxlbWVudCgnRHJhd2VyJywgKCkgPT4gRHJhd2VyLCBzaWRlRHJhd2VyTWV0YSk7XG5cbi8qKlxuICogTmdNb2R1bGUgY29udGFpbmluZyBhbGwgb2YgdGhlIFJhZFNpZGVEcmF3ZXIgZGlyZWN0aXZlcy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtEcmF3ZXJDb21wb25lbnQsIFNJREVEUkFXRVJfRElSRUNUSVZFU10sXG4gICAgZXhwb3J0czogW0RyYXdlckNvbXBvbmVudCwgU0lERURSQVdFUl9ESVJFQ1RJVkVTXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJhd2VyTW9kdWxlIHt9XG4iXX0=

package/angular/esm2015/nativescript-community-ui-drawer-angular.js CHANGED Viewed

@@ -1,2 +1,2 @@
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1kcmF3ZXItYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMva2FybHNjaG1hbHR6L0Rlc2t0b3AvUHJvamVjdHMvY29tbXVuaXR5L2RyYXdlcjIvc3JjL2FuZ3VsYXIvIiwic291cmNlcyI6WyJuYXRpdmVzY3JpcHQtY29tbXVuaXR5LXVpLWRyYXdlci1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1kcmF3ZXItYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS1kcmF3ZXIvYW5ndWxhci9uYXRpdmVzY3JpcHQtY29tbXVuaXR5LXVpLWRyYXdlci1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/angular/fesm2015/nativescript-community-ui-drawer-angular.js CHANGED Viewed

@@ -31,7 +31,7 @@ DrawerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DrawerComponent, selector
         i0.ɵɵprojectionDef();
         i0.ɵɵprojection(0);
     } }, encapsulation: 2 });
-(function () { i0.ɵsetClassMetadata(DrawerComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerComponent, [{
         type: Component,
         args: [{
                 selector: 'Drawer',
@@ -52,7 +52,7 @@ class LeftDrawerDirective {
 }
 LeftDrawerDirective.ɵfac = function LeftDrawerDirective_Factory(t) { return new (t || LeftDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 LeftDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: LeftDrawerDirective, selectors: [["", "leftDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(LeftDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LeftDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[leftDrawer]',
@@ -69,7 +69,7 @@ class RightDrawerDirective {
 }
 RightDrawerDirective.ɵfac = function RightDrawerDirective_Factory(t) { return new (t || RightDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 RightDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: RightDrawerDirective, selectors: [["", "rightDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(RightDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RightDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[rightDrawer]',
@@ -86,7 +86,7 @@ class TopDrawerDirective {
 }
 TopDrawerDirective.ɵfac = function TopDrawerDirective_Factory(t) { return new (t || TopDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 TopDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: TopDrawerDirective, selectors: [["", "topDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(TopDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[topDrawer]',
@@ -103,7 +103,7 @@ class BottomDrawerDirective {
 }
 BottomDrawerDirective.ɵfac = function BottomDrawerDirective_Factory(t) { return new (t || BottomDrawerDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 BottomDrawerDirective.ɵdir = i0.ɵɵdefineDirective({ type: BottomDrawerDirective, selectors: [["", "bottomDrawer", ""]] });
-(function () { i0.ɵsetClassMetadata(BottomDrawerDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BottomDrawerDirective, [{
         type: Directive,
         args: [{
                 selector: '[bottomDrawer]',
@@ -120,7 +120,7 @@ class MainContentDirective {
 }
 MainContentDirective.ɵfac = function MainContentDirective_Factory(t) { return new (t || MainContentDirective)(i0.ɵɵdirectiveInject(ElementRef)); };
 MainContentDirective.ɵdir = i0.ɵɵdefineDirective({ type: MainContentDirective, selectors: [["", "mainContent", ""]] });
-(function () { i0.ɵsetClassMetadata(MainContentDirective, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainContentDirective, [{
         type: Directive,
         args: [{
                 selector: '[mainContent]',
@@ -173,16 +173,17 @@ const SIDEDRAWER_DIRECTIVES = [LeftDrawerDirective, RightDrawerDirective, TopDra
 registerElement('Drawer', () => Drawer, sideDrawerMeta);
 class DrawerModule {
 }
+DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || 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] }); })();
-(function () { i0.ɵsetClassMetadata(DrawerModule, [{
+DrawerModule.ɵinj = i0.ɵɵdefineInjector({});
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
         type: NgModule,
         args: [{
                 declarations: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
                 exports: [DrawerComponent, SIDEDRAWER_DIRECTIVES],
             }]
     }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective], exports: [DrawerComponent, LeftDrawerDirective, RightDrawerDirective, TopDrawerDirective, BottomDrawerDirective, MainContentDirective] }); })();
 export { BottomDrawerDirective, DrawerComponent, DrawerModule, LeftDrawerDirective, MainContentDirective, RightDrawerDirective, SIDEDRAWER_DIRECTIVES, TopDrawerDirective };
 //# sourceMappingURL=nativescript-community-ui-drawer-angular.js.map

package/angular/module.d.ts CHANGED Viewed

@@ -17,41 +17,42 @@ export declare class DrawerComponent {
     get nativeElement(): Drawer;
     set gestureEnabled(value: boolean);
     private updateGestureEnabled;
-    static ɵfac: i0.ɵɵFactoryDef<DrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<DrawerComponent, "Drawer", never, {}, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "Drawer", never, {}, {}, never, ["*"]>;
 }
 export declare class LeftDrawerDirective {
     private _elementRef;
     constructor(_elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDef<LeftDrawerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<LeftDrawerDirective, "[leftDrawer]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeftDrawerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LeftDrawerDirective, "[leftDrawer]", never, {}, {}, never>;
 }
 export declare class RightDrawerDirective {
     private _elementRef;
     constructor(_elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDef<RightDrawerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<RightDrawerDirective, "[rightDrawer]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RightDrawerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RightDrawerDirective, "[rightDrawer]", never, {}, {}, never>;
 }
 export declare class TopDrawerDirective {
     private _elementRef;
     constructor(_elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDef<TopDrawerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<TopDrawerDirective, "[topDrawer]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TopDrawerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TopDrawerDirective, "[topDrawer]", never, {}, {}, never>;
 }
 export declare class BottomDrawerDirective {
     private _elementRef;
     constructor(_elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDef<BottomDrawerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<BottomDrawerDirective, "[bottomDrawer]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomDrawerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BottomDrawerDirective, "[bottomDrawer]", never, {}, {}, never>;
 }
 export declare class MainContentDirective {
     private _elementRef;
     constructor(_elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDef<MainContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDefWithMeta<MainContentDirective, "[mainContent]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainContentDirective, "[mainContent]", never, {}, {}, never>;
 }
 export declare const SIDEDRAWER_DIRECTIVES: (typeof LeftDrawerDirective | typeof RightDrawerDirective | typeof TopDrawerDirective | typeof BottomDrawerDirective | typeof MainContentDirective)[];
 export declare class DrawerModule {
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<DrawerModule, [typeof DrawerComponent, typeof LeftDrawerDirective, typeof RightDrawerDirective, typeof TopDrawerDirective, typeof BottomDrawerDirective, typeof MainContentDirective], never, [typeof DrawerComponent, typeof LeftDrawerDirective, typeof RightDrawerDirective, typeof TopDrawerDirective, typeof BottomDrawerDirective, typeof MainContentDirective]>;
-    static ɵinj: i0.ɵɵInjectorDef<DrawerModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DrawerModule, [typeof DrawerComponent, typeof LeftDrawerDirective, typeof RightDrawerDirective, typeof TopDrawerDirective, typeof BottomDrawerDirective, typeof MainContentDirective], never, [typeof DrawerComponent, typeof LeftDrawerDirective, typeof RightDrawerDirective, typeof TopDrawerDirective, typeof BottomDrawerDirective, typeof MainContentDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DrawerModule>;
 }

package/angular/package.json CHANGED Viewed

@@ -8,9 +8,9 @@
   "typings": "nativescript-community-ui-drawer-angular.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.2.0"
   },
   "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
-}
+}

package/index.d.ts CHANGED Viewed

@@ -125,6 +125,7 @@ export declare class Drawer extends GridLayout {
         };
     };
     onLayoutChange(side: Side | VerticalSide, event: EventData): void;
+    forceEnsureSize(side: Side | VerticalSide): void;
     onTapGestureState(args: GestureStateEventData): void;
     updateIsPanning(state: GestureState): void;
     applyTrData(trData: {

package/index.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { GestureHandlerStateEvent, GestureHandlerTouchEvent, GestureState, HandlerType, Manager, install as installGestures } from '@nativescript-community/gesturehandler';
-import { Animation, Application, CSSType, Color, GridLayout, Property, Utils, booleanConverter } from '@nativescript/core';
-import { AnimationCurve } from '@nativescript/core/ui/enums';
+import { Animation, Application, CSSType, Color, CoreTypes, GridLayout, Property, Utils, booleanConverter } from '@nativescript/core';
 installGestures(false);
 const OPEN_DURATION = 200;
 const CLOSE_DURATION = 200;
@@ -283,7 +282,7 @@ let Drawer = class Drawer extends GridLayout {
     onGestureTouch(args) {
         const data = args.data;
         const side = this.showingSide || this.needToSetSide;
-        if (data.state !== GestureState.ACTIVE || !side) {
+        if (data.state !== GestureState.ACTIVE || !side || this.isAnimating) {
             return;
         }
         if (side === 'left' || side === 'right') {
@@ -551,6 +550,7 @@ let Drawer = class Drawer extends GridLayout {
         const contentView = event.object;
         let data;
         let safeAreaOffset = 0;
+        let changed = false;
         if (side === 'left' || side === 'right') {
             if (global.isIOS) {
                 const deviceOrientation = UIDevice.currentDevice.orientation;
@@ -562,14 +562,14 @@ let Drawer = class Drawer extends GridLayout {
                 }
             }
             const width = Math.ceil(Utils.layout.toDeviceIndependentPixels(contentView.getMeasuredWidth()) + safeAreaOffset);
+            changed = width !== this.viewWidth[side];
+            this.viewWidth[side] = width;
             if (this.translationX[side] === 0) {
-                this.viewWidth[side] = width;
                 data = this.computeTranslationData(side, width);
                 this.translationX[side] = width;
             }
             else {
                 const shown = this.viewWidth[side] - this.translationX[side];
-                this.viewWidth[side] = width;
                 data = this.computeTranslationData(side, width - shown);
                 this.translationX[side] = width - shown;
             }
@@ -577,22 +577,45 @@ let Drawer = class Drawer extends GridLayout {
         else {
             safeAreaOffset = global.isIOS && Application.ios.window.safeAreaInsets ? Application.ios.window.safeAreaInsets.bottom : 0;
             const height = Math.ceil(Utils.layout.toDeviceIndependentPixels(contentView.getMeasuredHeight()) + safeAreaOffset);
+            changed = height !== this.viewHeight[side];
+            this.viewHeight[side] = height;
             if (this.translationY[side] === 0) {
-                this.viewHeight[side] = height;
                 data = this.computeTranslationData(side, height);
                 this.translationY[side] = height;
             }
             else {
                 const shown = this.viewHeight[side] - this.translationY[side];
-                this.viewHeight[side] = height;
                 data = this.computeTranslationData(side, height - shown);
                 this.translationY[side] = height - shown;
             }
         }
-        if (data) {
+        if (changed && data) {
             setTimeout(() => this.applyTrData(data, side), 0);
         }
     }
+    forceEnsureSize(side) {
+        const contentView = this[side + 'Drawer'];
+        let data;
+        let safeAreaOffset = 0;
+        if (side === 'left' || side === 'right') {
+            if (global.isIOS) {
+                const deviceOrientation = UIDevice.currentDevice.orientation;
+                if (deviceOrientation === 3) {
+                    safeAreaOffset = Application.ios.window.safeAreaInsets.left;
+                }
+                else if (deviceOrientation === 4) {
+                    safeAreaOffset = Application.ios.window.safeAreaInsets.right;
+                }
+            }
+            const width = Math.ceil(Utils.layout.toDeviceIndependentPixels(contentView.getMeasuredWidth()) + safeAreaOffset);
+            this.viewWidth[side] = width;
+        }
+        else {
+            safeAreaOffset = global.isIOS && Application.ios.window.safeAreaInsets ? Application.ios.window.safeAreaInsets.bottom : 0;
+            const height = Math.ceil(Utils.layout.toDeviceIndependentPixels(contentView.getMeasuredHeight()) + safeAreaOffset);
+            this.viewHeight[side] = height;
+        }
+    }
     onTapGestureState(args) {
         const { state } = args.data;
         if (state === GestureState.BEGAN) {
@@ -664,7 +687,7 @@ let Drawer = class Drawer extends GridLayout {
             .map((k) => this[k] &&
             Object.assign({
                 target: this[k],
-                curve: AnimationCurve.easeInOut,
+                curve: CoreTypes.AnimationCurve.easeInOut,
                 duration
             }, transformAnimationValues(trData[k])))
             .filter((a) => !!a);
@@ -675,12 +698,18 @@ let Drawer = class Drawer extends GridLayout {
             console.error('animateToPosition', err);
         }
         finally {
-            this.applyTrData(trData, side);
-            if (position !== 0) {
-            }
-            else {
-                if (trData.backDrop) {
-                    this.backDrop.visibility = 'hidden';
+            if ((position !== 0 && this.showingSide === side) || (position === 0 && !this.showingSide)) {
+                this.applyTrData(trData, side);
+                if (position !== 0) {
+                }
+                else {
+                    const drawer = this[side + 'Drawer'];
+                    if (drawer) {
+                        drawer.visibility = 'hidden';
+                    }
+                    if (trData.backDrop) {
+                        this.backDrop.visibility = 'hidden';
+                    }
                 }
             }
         }
@@ -737,6 +766,9 @@ let Drawer = class Drawer extends GridLayout {
                 return;
             }
         }
+        if (!this.isOpened(side)) {
+            this.forceEnsureSize(side);
+        }
         if (side === 'left' || side === 'right') {
             this.animateToPosition(side, this.viewWidth[side]);
         }

package/package.json CHANGED Viewed

@@ -1,10 +1,18 @@
 {
     "name": "@nativescript-community/ui-drawer",
-    "version": "0.0.28",
+    "version": "0.0.32",
     "description": "Easily add a side drawer (side menu) to your projects.",
     "main": "./index",
     "sideEffects": false,
     "typings": "./index.d.ts",
+    "scripts": {
+        "build": "npm run tsc && npm run readme",
+        "build.all": "npm run build && npm run build.angular",
+        "build.angular": "../../node_modules/.bin/ng-packagr -p ../../src/ui-drawer/angular/package.json -c ../../src/ui-drawer/angular/tsconfig.json",
+        "readme": "../../node_modules/.bin/readme generate -c ../../tools/readme/blueprint.json",
+        "tsc": "../../node_modules/.bin/cpy '**/*.d.ts' '../../packages/ui-drawer' --parents --cwd=../../src/ui-drawer && ../../node_modules/.bin/tsc -skipLibCheck -d",
+        "clean": "../../node_modules/.bin/rimraf ./*.d.ts ./*.js ./*.js.map"
+    },
     "nativescript": {
         "platforms": {
             "android": "6.0.0",
@@ -44,7 +52,7 @@
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
     "dependencies": {
-        "@nativescript-community/gesturehandler": "^0.1.35"
+        "@nativescript-community/gesturehandler": "^0.1.49"
     },
-    "gitHead": "a99dfe99635b2fcf3e51f1023036617845ff4294"
+    "gitHead": "f9061aa7c40ac4afe8956d346b5558a0c03c33db"
 }

package/vue/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import DrawerComp from './component';
 const DrawerPlugin = {
     install(Vue) {
         Vue.registerElement('Drawer', () => require('../index').Drawer, {
-            component: DrawerComp,
+            component: DrawerComp
         });
     }
 };

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

	@@ -1,2 +0,0 @@
1	- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@nativescript/angular"),require("@nativescript-community/ui-drawer")):"function"==typeof define&&define.amd?define("@nativescript-community/ui-drawer-angular",["exports","@angular/core","@nativescript/angular","@nativescript-community/ui-drawer"],t):t(((e="undefined"!=typeof globalThis?globalThis:e\|\|self)["nativescript-community"]=e["nativescript-community"]\|\|{},e["nativescript-community"]["ui-drawer-angular"]={}),e.ng.core,e["ns-angular"],e["ns-drawer"])}(this,(function(e,t,r,n){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=i(t),o=function(){function e(e,t){this.elementRef=e,this.viewContainer=t,this.drawer=this.elementRef.nativeElement}return Object.defineProperty(e.prototype,"nativeElement",{get:function(){return this.drawer},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"gestureEnabled",{set:function(e){this._gestureEnabled=e,this.updateGestureEnabled()},enumerable:!1,configurable:!0}),e.prototype.updateGestureEnabled=function(){this.drawer.gestureEnabled=this._gestureEnabled},e}();o.ɵfac=function(e){return new(e\|\|o)(a.ɵɵdirectiveInject(t.ElementRef),a.ɵɵdirectiveInject(t.ViewContainerRef))},o.ɵcmp=a.ɵɵdefineComponent({type:o,selectors:[["Drawer"]],ngContentSelectors:["*"],decls:1,vars:0,template:function(e,t){1&e&&(a.ɵɵprojectionDef(),a.ɵɵprojection(0))},encapsulation:2}),a.ɵsetClassMetadata(o,[{type:t.Component,args:[{selector:"Drawer",template:"<ng-content></ng-content>"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:a.ViewContainerRef,decorators:[{type:t.Inject,args:[t.ViewContainerRef]}]}]}),null);var c=function(e){this._elementRef=e,this._elementRef.nativeElement.id="LeftDrawer"};c.ɵfac=function(e){return new(e\|\|c)(a.ɵɵdirectiveInject(t.ElementRef))},c.ɵdir=a.ɵɵdefineDirective({type:c,selectors:[["","leftDrawer",""]]}),a.ɵsetClassMetadata(c,[{type:t.Directive,args:[{selector:"[leftDrawer]"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]}),null);var l=function(e){this._elementRef=e,this._elementRef.nativeElement.id="RightDrawer"};l.ɵfac=function(e){return new(e\|\|l)(a.ɵɵdirectiveInject(t.ElementRef))},l.ɵdir=a.ɵɵdefineDirective({type:l,selectors:[["","rightDrawer",""]]}),a.ɵsetClassMetadata(l,[{type:t.Directive,args:[{selector:"[rightDrawer]"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]}),null);var s=function(e){this._elementRef=e,this._elementRef.nativeElement.id="TopDrawer"};s.ɵfac=function(e){return new(e\|\|s)(a.ɵɵdirectiveInject(t.ElementRef))},s.ɵdir=a.ɵɵdefineDirective({type:s,selectors:[["","topDrawer",""]]}),a.ɵsetClassMetadata(s,[{type:t.Directive,args:[{selector:"[topDrawer]"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]}),null);var f=function(e){this._elementRef=e,this._elementRef.nativeElement.id="BottomDrawer"};f.ɵfac=function(e){return new(e\|\|f)(a.ɵɵdirectiveInject(t.ElementRef))},f.ɵdir=a.ɵɵdefineDirective({type:f,selectors:[["","bottomDrawer",""]]}),a.ɵsetClassMetadata(f,[{type:t.Directive,args:[{selector:"[bottomDrawer]"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]}),null);var u=function(e){this._elementRef=e,this._elementRef.nativeElement.id="MainContent"};u.ɵfac=function(e){return new(e\|\|u)(a.ɵɵdirectiveInject(t.ElementRef))},u.ɵdir=a.ɵɵdefineDirective({type:u,selectors:[["","mainContent",""]]}),a.ɵsetClassMetadata(u,[{type:t.Directive,args:[{selector:"[mainContent]"}]}],(function(){return[{type:a.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]}]}),null);var d={insertChild:function(e,t){var r=e,n=t;"MainContent"===n.id&&(r.mainContent=n),"LeftDrawer"===n.id&&(r.leftDrawer=n),"RightDrawer"===n.id&&(r.rightDrawer=n),"TopDrawer"===n.id&&(r.topDrawer=n),"BottomDrawer"===n.id&&(r.bottomDrawer=n)},removeChild:function(e,t){var r=e,n=t;"MainContent"===n.id&&(r.mainContent=null),"LeftDrawer"===n.id&&(r.leftDrawer=null),"RightDrawer"===n.id&&(r.rightDrawer=null),"TopDrawer"===n.id&&(r.topDrawer=null),"BottomDrawer"===n.id&&(r.bottomDrawer=null)}},p=[c,l,s,f,u];r.registerElement("Drawer",(function(){return n.Drawer}),d);var m=function(){};m.ɵmod=a.ɵɵdefineNgModule({type:m}),m.ɵinj=a.ɵɵdefineInjector({factory:function(e){return new(e\|\|m)}}),("undefined"==typeof ngJitMode\|\|ngJitMode)&&a.ɵɵsetNgModuleScope(m,{declarations:[o,c,l,s,f,u],exports:[o,c,l,s,f,u]}),a.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[o,p],exports:[o,p]}]}],null,null),e.BottomDrawerDirective=f,e.DrawerComponent=o,e.DrawerModule=m,e.LeftDrawerDirective=c,e.MainContentDirective=u,e.RightDrawerDirective=l,e.SIDEDRAWER_DIRECTIVES=p,e.TopDrawerDirective=s,Object.defineProperty(e,"__esModule",{value:!0})}));
2	- //# sourceMappingURL=nativescript-community-ui-drawer-angular.umd.min.js.map

package/react/index.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { GridLayoutAttributes, NativeScriptProps, NSVElement } from "react-nativescript";
-import { Color, View } from "@nativescript/core";
-import { Drawer as NativeScriptDrawer } from '..';
-export declare function registerDrawer(): void;
-interface DrawerAttributes extends GridLayoutAttributes {
-    backdropColor?: Color;
-    gestureEnabled?: boolean;
-    leftDrawer?: View;
-    mainContent?: View;
-}
-declare global {
-    module JSX {
-        interface IntrinsicElements {
-            drawer: NativeScriptProps<DrawerAttributes, NativeScriptDrawer>;
-        }
-    }
-}
-export declare const Drawer: React.ForwardRefExoticComponent<Pick<NativeScriptProps<DrawerAttributes, NativeScriptDrawer>, "left" | "gestureEnabled" | "backdropColor" | "leftDrawer" | "top" | "mainContent" | "nodeRole" | "children" | "style" | "key" | "onPropertyChange" | "alignSelf" | "android" | "automationText" | "bindingContext" | "className" | "col" | "colSpan" | "column" | "columnSpan" | "cssClasses" | "cssPseudoClasses" | "dock" | "domNode" | "effectiveBorderBottomWidth" | "effectiveBorderLeftWidth" | "effectiveBorderRightWidth" | "effectiveBorderTopWidth" | "effectiveHeight" | "effectiveLeft" | "effectiveMarginBottom" | "effectiveMarginLeft" | "effectiveMarginRight" | "effectiveMarginTop" | "effectiveMinHeight" | "effectiveMinWidth" | "effectivePaddingBottom" | "effectivePaddingLeft" | "effectivePaddingRight" | "effectivePaddingTop" | "effectiveTop" | "effectiveWidth" | "flexGrow" | "flexShrink" | "flexWrapBefore" | "id" | "ios" | "iosOverflowSafeArea" | "iosOverflowSafeAreaEnabled" | "isCollapsed" | "isEnabled" | "isLoaded" | "isUserInteractionEnabled" | "nativeView" | "onAutomationTextChange" | "onBindingContextChange" | "onClassNameChange" | "onIdChange" | "onIosOverflowSafeAreaChange" | "onIosOverflowSafeAreaEnabledChange" | "onIsEnabledChange" | "onIsUserInteractionEnabledChange" | "onOriginXChange" | "onOriginYChange" | "order" | "originX" | "originY" | "page" | "parent" | "parentNode" | "recycleNativeView" | "row" | "rowSpan" | "typeName" | "viewController" | "androidDynamicElevationOffset" | "androidElevation" | "background" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "color" | "css" | "cssType" | "height" | "horizontalAlignment" | "isLayoutRequired" | "isLayoutValid" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "modal" | "onAndroidBackPressed" | "onColumnChange" | "onColumnSpanChange" | "onDockChange" | "onDoubleTap" | "onLeftChange" | "onLoaded" | "onLongPress" | "onPan" | "onPinch" | "onRotation" | "onRowChange" | "onRowSpanChange" | "onShowingModally" | "onShownModally" | "onLayoutChanged" | "onSwipe" | "onTap" | "onTopChange" | "onTouch" | "onUnloaded" | "opacity" | "perspective" | "rotate" | "rotateX" | "rotateY" | "scaleX" | "scaleY" | "textTransform" | "translateX" | "translateY" | "verticalAlignment" | "visibility" | "width" | "clipToBounds" | "isPassThroughParentEnabled" | "onClipToBoundsChange" | "onIsPassThroughParentEnabledChange" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "columns" | "rows"> & React.RefAttributes<NSVElement<NativeScriptDrawer>>>;
-export {};

package/react/index.js DELETED Viewed

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { registerElement } from "react-nativescript";
-export function registerDrawer() {
-    registerElement('drawer', () => require('../').Drawer);
-}
-;
-export const Drawer = React.forwardRef((props, ref) => React.createElement("drawer", Object.assign({}, props, { ref: ref })));
-//# sourceMappingURL=index.js.map