@nativescript-community/ui-material-tabs 6.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,320 @@
+# NativeScript Material Tabs
+
+Material Design's [Tabs](https://material.io/components/tabs) component for NativeScript.
+
+[![npm](https://img.shields.io/npm/v/@nativescript-community/ui-material-tabs.svg)](https://www.npmjs.com/package/@nativescript-community/ui-material-tabs)
+[![npm](https://img.shields.io/npm/dt/@nativescript-community/ui-material-tabs.svg?label=npm%20downloads)](https://www.npmjs.com/package/@nativescript-community/ui-material-tabs)
+
+## Contents
+
+1. [Installation](#installation)
+2. [Changelog](#changelog)
+3. [FAQ](#faq)
+4. [Usage](#usage)
+    - [Plain NativeScript](#plain-nativescript)
+    - [Angular](#nativescript--angular)
+    - [Vue](#nativescript--vue)
+    - [React](#nativescript--react)
+5.  [API](#api)
+
+## Installation
+
+### :warning: Warning :warning:
+From NativeScript 5.x using this component will break the [NativeScript tab component](https://docs.nativescript.org/ui/components/tabs) on iOS (which is bound to be removed). This is needed to allow using the latest native iOS features. If needed you can use either [bottomnavigationbar](https://www.npmjs.com/package/@nativescript-community/ui-material-bottomnavigationbar) (this one is the best choice, closest to material design) or [material-tabs](https://www.npmjs.com/package/@nativescript-community/ui-material-tabs) (clone of the NativeScript one, but with a little less features).
+
+##
+
+```
+ns plugin add @nativescript-community/ui-material-tabs
+```
+
+Be sure to run a new build after adding plugins to avoid any issues.
+
+## [Changelog](./CHANGELOG.md)
+
+## [FAQ](../../README.md#faq)
+
+## Usage
+
+### Plain NativeScript
+
+IMPORTANT: _Make sure you include `xmlns:mds="@nativescript-community/ui-material-tabs"` on the Page element._
+
+#### XML
+
+```XML
+<Page xmlns:mdt="@nativescript-community/ui-material-tabs">
+    <mdt:MDTabs selectedIndex="1">
+        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+        <mdt:MDTabStrip>
+            <mdt:MDTabStripItem>
+                <Label text="Home"></Label>
+                <Image src="font://&#xf015;" class="fas"></Image>
+            </MDTabStripItem>
+            <mdt:MDTabStripItem>Item class="special">
+                <Label text="Account"></Label>
+                <Image src="font://&#xf007;" class="fas"></Image>
+            </MDTabStripItem>
+            <mdt:MDTabStripItem>Item class="special">
+                <Label text="Search"></Label>
+                <Image src="font://&#xf00e;" class="fas"></Image>
+            </MDTabStripItem>
+        </MDTabStrip>
+
+        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <mdt:MDTabContentItem>
+            <GridLayout>
+                <Label text="Home Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <mdt:MDTabContentItem>
+            <GridLayout>
+                <Label text="Account Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <mdt:MDTabContentItem>
+            <GridLayout>
+                <Label text="Search Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+    </Tabs>
+</Page>
+```
+
+#### CSS
+
+```CSS
+MDTabs.bottom-nav {
+    background-color: orangered;
+    color: gold;
+    font-size: 18;
+}
+
+MDTabStripItem.tabstripitem-active {
+    background-color: teal;
+}
+
+MDTabStripItem.tabstripitem-active:active {
+    background-color: yellowgreen;
+}
+
+MDTabContentItem.first-tabcontent {
+    background-color: seashell;
+    color: olive;
+}
+MDTabContentItem.second-tabcontent {
+    background-color: slategray;
+    color: aquamarine;
+}
+MDTabContentItem.third-tabcontent {
+    background-color: blueviolet;
+    color: antiquewhite;
+}
+MDTabs MDTabStrip {
+    highlight-color: red;
+}
+```
+
+##
+
+### NativeScript + Angular
+
+```typescript
+import { NativeScriptMaterialTabsModule } from "@nativescript-community/ui-material-tabs/angular";
+
+@NgModule({
+    imports: [
+        NativeScriptMaterialTabsModule,
+        ...
+    ],
+    ...
+})
+```
+
+```html
+    <MDTabs selectedIndex="1">
+        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+        <MDTabStrip>
+            <MDTabStripItem>
+                <Label text="Home"></Label>
+                <Image src="font://&#xf015;" class="fas"></Image>
+            </MDTabStripItem>
+            <MDTabStripItem class="special">
+                <Label text="Account"></Label>
+                <Image src="font://&#xf007;" class="fas"></Image>
+            </MDTabStripItem>
+            <MDTabStripItem class="special">
+                <Label text="Search"></Label>
+                <Image src="font://&#xf00e;" class="fas"></Image>
+            </MDTabStripItem>
+        </MDTabStrip>
+
+        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Home Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Account Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Search Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+    </MDTabs>
+```
+
+##
+
+### NativeScript + Vue
+
+```javascript
+import TabsPlugin from '@nativescript-community/ui-material-tabs/vue';
+
+Vue.use(TabsPlugin);
+```
+
+```html
+<MDTabs selectedIndex="1">
+        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+        <MDTabStrip>
+            <MDTabStripItem>
+                <Label text="Home"></Label>
+                <Image src="font://&#xf015;" class="fas"></Image>
+            </MDTabStripItem>
+            <MDTabStripItem class="special">
+                <Label text="Account"></Label>
+                <Image src="font://&#xf007;" class="fas"></Image>
+            </MDTabStripItem>
+            <MDTabStripItem class="special">
+                <Label text="Search"></Label>
+                <Image src="font://&#xf00e;" class="fas"></Image>
+            </MDTabStripItem>
+        </MDTabStrip>
+
+        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Home Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Account Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+        <MDTabContentItem>
+            <GridLayout>
+                <Label text="Search Page" class="h2 text-center"></Label>
+            </GridLayout>
+        </MDTabContentItem>
+    </MDTabs>
+```
+
+##
+
+### NativeScript + React
+
+First, register the component before any of your React NativeScript app renders. A good place to put this code is in your entrypoint file (which may be called `src/app.ts` or similar), before the `ReactNativeScript.start` function is called. Here's how to install it:
+
+```ts
+import { registerTabNavigationBase } from '@nativescript-community/ui-material-core/tab-navigation-base/react';
+import { registerTabs } from '@nativescript-community/ui-material-tabs/react';
+
+registerTabNavigationBase();
+registerTabs();
+```
+
+Normally it would be best to use this component via the `tabNavigatorFactory()` API exported by [React NativeScript Navigation](https://github.com/shirakaba/react-nativescript-navigation/tree/master/react-nativescript-navigation), as it makes nested navigation easy, but here's how to use it directly:
+
+```tsx
+import * as React from 'react';
+
+export function Tabs() {
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+
+    return (
+        <tabs
+            selectedIndex={selectedIndex}
+            onSelectedIndexChanged={(args) => {
+                setSelectedIndex(args.newIndex);
+            }}
+            style={{ backgroundColor: 'orange' }}
+        >
+            {/* The bottomTab UI is created via tabStrip (the container) and tabStripItem (for each tab) */}
+            <tabStrip nodeRole="tabStrip" style={{ backgroundColor: 'red' }}>
+                <tabStripItem nodeRole="items">
+                    <label nodeRole="label">Home</label>
+                    <image nodeRole="image" src="font://&#xf015;" className="fas" />
+                </tabStripItem>
+                <tabStripItem nodeRole="items">
+                    <label nodeRole="label">Account</label>
+                    <image nodeRole="image" src="font://&#xf007;" className="fas" />
+                </tabStripItem>
+                <tabStripItem nodeRole="items">
+                    <label nodeRole="label">Search</label>
+                    <image nodeRole="image" src="font://&#xf00e;" className="fas" />
+                </tabStripItem>
+            </tabStrip>
+
+            {/* The number of tabContentItem components should corespond to the number of TabStripItem components */}
+            <tabContentItem nodeRole="items">
+                <gridLayout style={{ backgroundColor: 'blue' }}>
+                    <label style={{ color: 'white' }}>Home Page</label>
+                </gridLayout>
+            </tabContentItem>
+            <tabContentItem nodeRole="items">
+                <gridLayout style={{ backgroundColor: 'cyan' }}>
+                    <label style={{ color: 'black' }}>Account Page</label>
+                </gridLayout>
+            </tabContentItem>
+            <tabContentItem nodeRole="items">
+                <gridLayout style={{ backgroundColor: 'magenta' }}>
+                    <label style={{ color: 'black' }}>Search Page</label>
+                </gridLayout>
+            </tabContentItem>
+        </tabs>
+    );
+}
+```
+
+**Troubleshooting**
+
+If you see an error like this when writing e.g. `<tabs>` into your JSX:
+
+> Property 'tabs' does not exist on type 'JSX.IntrinsicElements'.ts(2339)
+
+Make sure that you have:
+
+1. Installed the `react-nativescript` npm module.
+2. Installed the `@types/react` npm module, strictly with the exact version provided in the [React NativeScript starter template](https://github.com/NativeScript/nativescript-app-templates/tree/master/packages/template-blank-react).
+3. Run the postinstall script that comes with the React NativeScript template – `npm run postinstall` – to patch `@types/react`.
+4. Registered the component as described above (i.e. import and run the `registerTabNavigationBase()` and `registerTabs()` methods).
+5. If using Visual Studio Code, option-click the import `@nativescript-community/ui-material-tabs/react` to jump to the file; opening the file will force it to load its provided typings.
+
+## API
+
+### Attributes
+
+| Name                      | Type                  | Description                                                               |
+| -------------             | :-------------:       | -----:                                                                    |
+| items                     | Array<MDTabContentItem> | 	Gets or sets the items of the BottomNavigation.                         |
+|selectedIndex              | number                | 	Gets or sets the selectedIndex of the BottomNavigation.                 |
+|swipeEnabled               | boolean               |	Gets or sets the swipe enabled state of the Tabs.                       |
+|offscreenTabLimit          | number                |	Gets or sets the number of offscreen preloaded tabs of the Tabs.        |
+|tabStrip 	                | TabStrip              |	Gets or sets the tab strip of the BottomNavigation.                     |
+|tabsPosition               | "top", "bottom"       |	Gets or sets the position state of the Tabs. Default value: top         |
+|iOSTabBarItemsAlignment    | "leading", "justified", "center", "centerSelected" | iOS Only: Gets or set the MDCTabBarAlignment of the tab bar icons in iOS. Default value: justified |
+
+### Events
+
+| Name                      | Description                                                                   |
+| -------------             | -------------:                                                                |
+| selectedIndexChanged      | Emitted when the selectedIndex property is changed.                           |
+| loaded                    | Emitted when the view is loaded.                                              |
+| unloaded                  | Emitted when the view is unloaded.                                            |
+| layoutChanged             | Emitted when the layout bounds of a view changes due to layout processing.    |

package/angular/bundles/nativescript-community-ui-material-tabs-angular.umd.js

@@ -0,0 +1,71 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@nativescript/angular'), require('@nativescript-community/ui-material-tabs')) :
+    typeof define === 'function' && define.amd ? define('@nativescript-community/ui-material-tabs-angular', ['exports', '@angular/core', '@nativescript/angular', '@nativescript-community/ui-material-tabs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['nativescript-community'] = global['nativescript-community'] || {}, global['nativescript-community']['ui-material-tabs-angular'] = {}), global.ng.core, global['ns-angular'], global['ns-material-tabs']));
+}(this, (function (exports, i0, angular, uiMaterialTabs) { '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 MaterialTabsDirective = /** @class */ (function () {
+        function MaterialTabsDirective() {
+        }
+        return MaterialTabsDirective;
+    }());
+    MaterialTabsDirective.ɵfac = function MaterialTabsDirective_Factory(t) { return new (t || MaterialTabsDirective)(); };
+    MaterialTabsDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: MaterialTabsDirective, selectors: [["MDTabs"]] });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MaterialTabsDirective, [{
+                type: i0.Directive,
+                args: [{ selector: 'MDTabs' }]
+            }], null, null);
+    })();
+    var NativeScriptMaterialTabsModule = /** @class */ (function () {
+        function NativeScriptMaterialTabsModule() {
+        }
+        return NativeScriptMaterialTabsModule;
+    }());
+    NativeScriptMaterialTabsModule.ɵfac = function NativeScriptMaterialTabsModule_Factory(t) { return new (t || NativeScriptMaterialTabsModule)(); };
+    NativeScriptMaterialTabsModule.ɵmod = i0__namespace.ɵɵdefineNgModule({ type: NativeScriptMaterialTabsModule });
+    NativeScriptMaterialTabsModule.ɵinj = i0__namespace.ɵɵdefineInjector({});
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(NativeScriptMaterialTabsModule, { declarations: [MaterialTabsDirective], exports: [MaterialTabsDirective] }); })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NativeScriptMaterialTabsModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [MaterialTabsDirective],
+                        exports: [MaterialTabsDirective]
+                    }]
+            }], null, null);
+    })();
+    angular.registerElement('MDTabs', function () { return uiMaterialTabs.Tabs; });
+    angular.registerElement('MDTabStrip', function () { return uiMaterialTabs.TabStrip; });
+    angular.registerElement('MDTabStripItem', function () { return uiMaterialTabs.TabStripItem; });
+    angular.registerElement('MDTabContentItem', function () { return uiMaterialTabs.TabContentItem; });
+
+    exports.MaterialTabsDirective = MaterialTabsDirective;
+    exports.NativeScriptMaterialTabsModule = NativeScriptMaterialTabsModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=nativescript-community-ui-material-tabs-angular.umd.js.map

package/angular/bundles/nativescript-community-ui-material-tabs-angular.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativescript-community-ui-material-tabs-angular.umd.js","sources":["../../../../src/tabs/angular/index.ts"],"sourcesContent":["import { Directive, NgModule } from '@angular/core';\nimport { registerElement } from '@nativescript/angular';\nimport { TabContentItem, TabStrip, TabStripItem, Tabs } from '@nativescript-community/ui-material-tabs';\n\n@Directive({ selector: 'MDTabs' })\nexport class MaterialTabsDirective {}\n\n@NgModule({\n    declarations: [MaterialTabsDirective],\n    exports: [MaterialTabsDirective]\n})\nexport class NativeScriptMaterialTabsModule {}\n\nregisterElement('MDTabs', () => Tabs);\nregisterElement('MDTabStrip', () => TabStrip);\nregisterElement('MDTabStripItem', () => TabStripItem);\nregisterElement('MDTabContentItem', () => TabContentItem);\n"],"names":["Directive","NgModule","registerElement","Tabs","TabStrip","TabStripItem","TabContentItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAKA;;;;8FAAa,qBAAqB;yEAArB,qBAAqB;;2FAArB,qBAAqB;sBADjCA,YAAS;uBAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;;;;QAOjC;;;;gHAAa,8BAA8B;iFAA9B,8BAA8B;;uGAA9B,8BAA8B,mBAN9B,qBAAqB,aAArB,qBAAqB;;2FAMrB,8BAA8B;sBAJ1CC,WAAQ;uBAAC;wBACN,YAAY,EAAE,CAAC,qBAAqB,CAAC;wBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;qBACnC;;;AAGDC,2BAAe,CAAC,QAAQ,EAAE,cAAM,OAAAC,mBAAI,GAAA,CAAC,CAAC;AACtCD,2BAAe,CAAC,YAAY,EAAE,cAAM,OAAAE,uBAAQ,GAAA,CAAC,CAAC;AAC9CF,2BAAe,CAAC,gBAAgB,EAAE,cAAM,OAAAG,2BAAY,GAAA,CAAC,CAAC;AACtDH,2BAAe,CAAC,kBAAkB,EAAE,cAAM,OAAAI,6BAAc,GAAA,CAAC;;;;;;;;;;;"}

package/angular/bundles/nativescript-community-ui-material-tabs-angular.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@nativescript/angular"),require("@nativescript-community/ui-material-tabs")):"function"==typeof define&&define.amd?define("@nativescript-community/ui-material-tabs-angular",["exports","@angular/core","@nativescript/angular","@nativescript-community/ui-material-tabs"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["nativescript-community"]=e["nativescript-community"]||{},e["nativescript-community"]["ui-material-tabs-angular"]={}),e.ng.core,e["ns-angular"],e["ns-material-tabs"])}(this,(function(e,t,n,r){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t),o=function(){};o.ɵfac=function(e){return new(e||o)},o.ɵdir=a.ɵɵdefineDirective({type:o,selectors:[["MDTabs"]]}),("undefined"==typeof ngDevMode||ngDevMode)&&a.ɵsetClassMetadata(o,[{type:t.Directive,args:[{selector:"MDTabs"}]}],null,null);var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=a.ɵɵdefineNgModule({type:u}),u.ɵinj=a.ɵɵdefineInjector({}),("undefined"==typeof ngJitMode||ngJitMode)&&a.ɵɵsetNgModuleScope(u,{declarations:[o],exports:[o]}),("undefined"==typeof ngDevMode||ngDevMode)&&a.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[o],exports:[o]}]}],null,null),n.registerElement("MDTabs",(function(){return r.Tabs})),n.registerElement("MDTabStrip",(function(){return r.TabStrip})),n.registerElement("MDTabStripItem",(function(){return r.TabStripItem})),n.registerElement("MDTabContentItem",(function(){return r.TabContentItem})),e.MaterialTabsDirective=o,e.NativeScriptMaterialTabsModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=nativescript-community-ui-material-tabs-angular.umd.min.js.map

package/angular/bundles/nativescript-community-ui-material-tabs-angular.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tabs/angular/index.ts"],"names":["MaterialTabsDirective","selectors","Directive","selector","NativeScriptMaterialTabsModule","declarations","exports","NgModule","registerElement","Tabs","TabStrip","TabStripItem","TabContentItem"],"mappings":"i7BAKA,8CAAaA,qCAAAA,EAAqBC,UAAA,CAAA,CAAA,6EAArBD,EAAqB,CAAA,MADjCE,EAAAA,gBAAU,CAAEC,SAAU,8BAOvB,8CAAaC,oCAAAA,mGAAAA,EAA8B,CAAAC,aAAA,CAN9BL,GAAqBM,QAAA,CAArBN,qEAMAI,EAA8B,CAAA,MAJ1CG,EAAAA,eAAS,CACNF,aAAc,CAACL,GACfM,QAAS,CAACN,kBAIdQ,EAAAA,gBAAgB,UAAU,WAAM,OAAAC,EAAAA,QAChCD,EAAAA,gBAAgB,cAAc,WAAM,OAAAE,EAAAA,YACpCF,EAAAA,gBAAgB,kBAAkB,WAAM,OAAAG,EAAAA,gBACxCH,EAAAA,gBAAgB,oBAAoB,WAAM,OAAAI,EAAAA","sourcesContent":["import { Directive, NgModule } from '@angular/core';\nimport { registerElement } from '@nativescript/angular';\nimport { TabContentItem, TabStrip, TabStripItem, Tabs } from '@nativescript-community/ui-material-tabs';\n\n@Directive({ selector: 'MDTabs' })\nexport class MaterialTabsDirective {}\n\n@NgModule({\n    declarations: [MaterialTabsDirective],\n    exports: [MaterialTabsDirective]\n})\nexport class NativeScriptMaterialTabsModule {}\n\nregisterElement('MDTabs', () => Tabs);\nregisterElement('MDTabStrip', () => TabStrip);\nregisterElement('MDTabStripItem', () => TabStripItem);\nregisterElement('MDTabContentItem', () => TabContentItem);\n"]}

package/angular/esm2015/index.js

@@ -0,0 +1,30 @@
+import { Directive, NgModule } from '@angular/core';
+import { registerElement } from '@nativescript/angular';
+import { TabContentItem, TabStrip, TabStripItem, Tabs } from '@nativescript-community/ui-material-tabs';
+import * as i0 from "@angular/core";
+export class MaterialTabsDirective {
+}
+MaterialTabsDirective.ɵfac = function MaterialTabsDirective_Factory(t) { return new (t || MaterialTabsDirective)(); };
+MaterialTabsDirective.ɵdir = i0.ɵɵdefineDirective({ type: MaterialTabsDirective, selectors: [["MDTabs"]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MaterialTabsDirective, [{
+        type: Directive,
+        args: [{ selector: 'MDTabs' }]
+    }], null, null); })();
+export class NativeScriptMaterialTabsModule {
+}
+NativeScriptMaterialTabsModule.ɵfac = function NativeScriptMaterialTabsModule_Factory(t) { return new (t || NativeScriptMaterialTabsModule)(); };
+NativeScriptMaterialTabsModule.ɵmod = i0.ɵɵdefineNgModule({ type: NativeScriptMaterialTabsModule });
+NativeScriptMaterialTabsModule.ɵinj = i0.ɵɵdefineInjector({});
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NativeScriptMaterialTabsModule, { declarations: [MaterialTabsDirective], exports: [MaterialTabsDirective] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeScriptMaterialTabsModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [MaterialTabsDirective],
+                exports: [MaterialTabsDirective]
+            }]
+    }], null, null); })();
+registerElement('MDTabs', () => Tabs);
+registerElement('MDTabStrip', () => TabStrip);
+registerElement('MDTabStripItem', () => TabStripItem);
+registerElement('MDTabContentItem', () => TabContentItem);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFicy9hbmd1bGFyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLE1BQU0sMENBQTBDLENBQUM7O0FBR3hHLE1BQU0sT0FBTyxxQkFBcUI7OzBGQUFyQixxQkFBcUI7MERBQXJCLHFCQUFxQjt1RkFBckIscUJBQXFCO2NBRGpDLFNBQVM7ZUFBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7O0FBT2pDLE1BQU0sT0FBTyw4QkFBOEI7OzRHQUE5Qiw4QkFBOEI7a0VBQTlCLDhCQUE4Qjs7d0ZBQTlCLDhCQUE4QixtQkFOOUIscUJBQXFCLGFBQXJCLHFCQUFxQjt1RkFNckIsOEJBQThCO2NBSjFDLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDckMsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7YUFDbkM7O0FBR0QsZUFBZSxDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUN0QyxlQUFlLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzlDLGVBQWUsQ0FBQyxnQkFBZ0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztBQUN0RCxlQUFlLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyByZWdpc3RlckVsZW1lbnQgfSBmcm9tICdAbmF0aXZlc2NyaXB0L2FuZ3VsYXInO1xuaW1wb3J0IHsgVGFiQ29udGVudEl0ZW0sIFRhYlN0cmlwLCBUYWJTdHJpcEl0ZW0sIFRhYnMgfSBmcm9tICdAbmF0aXZlc2NyaXB0LWNvbW11bml0eS91aS1tYXRlcmlhbC10YWJzJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnTURUYWJzJyB9KVxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsVGFic0RpcmVjdGl2ZSB7fVxuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW01hdGVyaWFsVGFic0RpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW01hdGVyaWFsVGFic0RpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgTmF0aXZlU2NyaXB0TWF0ZXJpYWxUYWJzTW9kdWxlIHt9XG5cbnJlZ2lzdGVyRWxlbWVudCgnTURUYWJzJywgKCkgPT4gVGFicyk7XG5yZWdpc3RlckVsZW1lbnQoJ01EVGFiU3RyaXAnLCAoKSA9PiBUYWJTdHJpcCk7XG5yZWdpc3RlckVsZW1lbnQoJ01EVGFiU3RyaXBJdGVtJywgKCkgPT4gVGFiU3RyaXBJdGVtKTtcbnJlZ2lzdGVyRWxlbWVudCgnTURUYWJDb250ZW50SXRlbScsICgpID0+IFRhYkNvbnRlbnRJdGVtKTtcbiJdfQ==

package/angular/esm2015/nativescript-community-ui-material-tabs-angular.js

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