@syncfusion/ej2-angular-navigations 22.1.34 → 22.1.35

package/README.md

@@ -1,194 +1,278 @@
-# ej2-angular-navigations
+# Angular Navigation Components
 
-![ej2-angular-navigations](https://ej2.syncfusion.com/products/images/navigations/readMe.gif)
+## What's Included in the Angular Navigation Package
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
+The Angular Navigation package includes the following list of components.
 
-> A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+### Angular Accordion
 
-## Setup
+The [Angular Accordion](https://www.syncfusion.com/angular-components/angular-accordion?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a container-based control with vertically collapsible panels (vertical accordion) and stacked headers that expand or collapse one or more panels at a time within the available space.
 
-To install `Navigations` and its dependent packages, use the following command.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/accordion/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-accordion?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-```sh
-npm install @syncfusion/ej2-angular-navigations
-```
+<p align="center">
+<img alt="Angular Accordion Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-accordion.png">
+</p>
 
-## Components included
+#### Key features
 
-Following list of components are available in the package
+* [Rendering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default) - Can be rendered based on the items collection and HTML elements.
+* [Expand mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/accordion/default) - Supports to define single or multiple expand mode for Accordion panels.
+* RTL Support - Supports right-to-left alignment.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/accordion/accessibility) - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
 
-* Accordion - Vertically collapsible content panel that displays one or more panels at a time within the available space.
+### Angular AppBar
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/accordion/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=accordion)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/accordion/api-accordion.html?utm_source=npm&utm_campaign=accordion)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html)
-  * [Product Page](https://www.syncfusion.com/products/angular/accordion)
+The [Angular AppBar](https://www.syncfusion.com/angular-components/angular-appbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
 
-* Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/appbar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/appbar/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-appbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/api/breadcrumb?utm_source=npm&utm_campaign=breadcrumb)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default)
-  * [Product Page](https://www.syncfusion.com/angular-ui-components/angular-breadcrumb)
+<p align="center">
+<img alt="Angular AppBar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-appbar.PNG">
+</p>
 
-* Carousel - The Carousel component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
+#### Key features
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/carousel/getting-started?lang=typescript&utm_source=npm&utm_campaign=carousel)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/api/carousel?utm_source=npm&utm_campaign=carousel)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=carousel#/material/carousel/default)
-  * [Product Page](https://www.syncfusion.com/angular-ui-components/angular-carousel)
+* [Modes](https://ej2.syncfusion.com/angular/documentation/appbar/size-and-color) - Regular, Prominent, and Dense modes that define the AppBar height.
+* [Content arrangement](https://ej2.syncfusion.com/angular/documentation/appbar/design) - Spacer and separator options can be used to align the content based on the UI requirement with minimal effort.
+* [Color](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/appbar/color) - Primary, Light, Dark, and Inherit options to customize the AppBar color.
+* [Position](https://ej2.syncfusion.com/angular/documentation/appbar/position) - AppBars can be placed at the top or bottom of the screen. It can also be sticky.
 
-* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
+### Angular Breadcrumb
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/api/context-menu?utm_source=npm&utm_campaign=context-menu)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=contextmenu#/material/context-menu/default)
-  * [Product Page](https://www.syncfusion.com/angular-ui-components/context-menu)
+The [Angular Breadcrumb](https://www.syncfusion.com/angular-components/angular-breadcrumb?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a graphical user interface that serves as a navigation header for your web application or site. It helps to identify or highlight the current location within the hierarchical structure of a website. It has several built-in features such as templates, icons, binding to location, overflow mode, and UI customizations.
 
-* Sidebar - Expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/breadcrumb/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-breadcrumb?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-  * [Getting started](https://ej2.syncfusion.com/angular/documentation/sidebar/getting-started?lang=typescript&utm_source=npm&utm_campaign=sidebar#getting-started)
-  * [API references](https://ej2.syncfusion.com/angular/documentation/api/sidebar?utm_source=npm&utm_campaign=sidebar)
-  * [View online demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=tab#/material/sidebar/default)
-  * [Product page](https://www.syncfusion.com/products/angular-ui-components/sidebar)
+<p align="center">
+<img alt="Angular Breadcrumb Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-breadcrumb.png">
+</p>
 
-* Tab - Content panel to show multiple contents in a specific space, one at a time.
+#### Key features
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/tab/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=tab)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/tab/api-tab.html?utm_source=npm&utm_campaign=tab)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=tab#/material/tab/default.html)
-  * [Product Page](https://www.syncfusion.com/products/angular/tab)
+* [Icons](https://ej2.syncfusion.com/angular/documentation/breadcrumb/icons) - Icons can be specified in Breadcrumb items.
+* [Template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/template-and-customization) - Supports template for item and separator.
+* [Bind to location](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/bind-to-location) - Supports items to be rendered based on the URL or current location.
+* [Overflow mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/breadcrumb/overflow-modes) - Used to limit the number of breadcrumb items to be displayed.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/breadcrumb/accessibility) - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
 
-* Toolbar - Displays a group of command buttons arranged horizontally.
+### Angular Carousel
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/toolbar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=toolbar)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/toolbar/api-toolbar.html?utm_source=npm&utm_campaign=toolbar)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=toolbar#/material/toolbar/default.html)
-  * [Product Page](https://www.syncfusion.com/products/angular/toolbar)
+The [Angular Carousel](https://www.syncfusion.com/angular-components/angular-carousel?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
 
-* TreeView - Represent hierarchical data in a tree like structure with advanced functions to edit, drag and drop, select with CheckBox and more.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/carousel/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/material/carousel/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-carousel?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/treeview/getting-started.html?utm_source=npm&utm_campaign=treeview)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/api/treeview?utm_source=npm&utm_campaign=treeview)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=treeview#/material/treeview/default)
-  * [Product Page](https://www.syncfusion.com/angular-ui-components/treeview)
+<p align="center">
+<img alt="Angular Carousel Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-carousel.PNG">
+</p>
 
-* Menu - Graphical user interface that serves as navigation header for your application or site. It has the support to provide nested level menu items that can be populated from a data source such as an array of JavaScript objects.
+#### Key features
 
-  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=menu)
-  * [API References](https://ej2.syncfusion.com/angular/documentation/api/menu?utm_source=npm&utm_campaign=menu)
-  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=menu#/material/menu/default)
-  * [Product Page](https://www.syncfusion.com/angular-ui-components/menu)
+* [Rendering](https://ej2.syncfusion.com/angular/documentation/carousel/populating-items) - The Carousel component can be rendered based on the items collection and data binding.
+* [Animation](https://ej2.syncfusion.com/angular/documentation/carousel/animations-and-transitions) - Supports animation effects for moving previous/next item of Carousel.
+* [Template support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/carousel/templates) - The Carousel component items and buttons can also be rendered with custom templates.
+* [Keyboard support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/carousel/keyboard-navigation) - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/carousel/accessibility) - The Carousel provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
 
-## Supported Frameworks
+### Angular ContextMenu
 
-`Navigation` component is also offered in following list of frameworks.
+The [Angular ContextMenu](https://www.syncfusion.com/angular-components/angular-context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a graphical user interface control that appears when the user right-clicks or performs a touch and hold action.
 
-1. [JavaScript](https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/navigations?utm_source=npm&utm_campaign=navigation)
-2. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation)
-3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/navigations?utm_source=npm&utm_campaign=navigation)
-4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/accordion)
-5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/accordion)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/accordion)
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/context-menu/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/context-menu/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-## Use-case samples / Showcase samples
+<p align="center">
+<img alt="Angular ContextMenu Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-context-menu.png">
+</p>
 
-Sidebar component is used in the following samples.
+#### Key features
 
-* Expanse tracker ([Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/?utm_source=npm&utm_campaign=sidebar#/dashboard))
-* Web mail ([Source](https://github.com/syncfusion/ej2-showcase-angular-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/angular/webmail/?utm_source=npm&utm_campaign=sidebar))
+* [Separator](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/context-menu/default) - Supports menu items grouping by using the Separator.
+* [Icons and Navigations](https://ej2.syncfusion.com/angular/documentation/context-menu/icons-and-navigation) - Supports items to have Icons and Navigation URL's.
+* [Template and Multilevel nesting](https://ej2.syncfusion.com/angular/documentation/context-menu/templates) - Supports template and multilevel nesting in ContextMenu.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/context-menu/accessibility) - Provided with built-in accessibility support that helps to access all the ContextMenu component features through the keyboard, screen readers, or other assistive technology devices.
 
-## Key Features
+### Angular Sidebar
 
-### Accordion
+The [Angular Sidebar](https://www.syncfusion.com/angular-components/angular-sidebar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is an expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.
 
-1. **Rendering** - Can be rendered based on the items collection and HTML elements.
-2. **Expand Mode** - Supports to define single or multiple expand mode for Accordion panels.
-3. **RTL Support** - Supports right-to-left alignment.
-4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/sidebar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/sidebar/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-sidebar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-### Breadcrumb
+<p align="center">
+<img alt="Angular Sidebar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-sidebar.png">
+</p>
 
-1. **Icons** - Icons can be specified in Breadcrumb items.
-2. **Template** - Supports template for item and separator.
-3. **Bind To Location** - Supports items to be rendered based on the URL or current location.
-4. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
-5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
+#### Key features
 
-### Carousel
+* [Target](https://ej2.syncfusion.com/angular/documentation/sidebar/custom-context) - The sidebar can be initialized in any HTML element other than the body element.
+* [Types](https://ej2.syncfusion.com/angular/documentation/sidebar/types) - Provides complete control over the appearance of the sidebar component. The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it.
+* [Left or right positions](https://ej2.syncfusion.com/angular/documentation/sidebar/types) - The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebars in a page, at the left and right, to show primary content and secondary content, simultaneously.
+* [Docking](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/sidebar/docking-sidebar) - Docking lets the sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options.
+* [Auto close](https://ej2.syncfusion.com/angular/documentation/sidebar/auto-close) - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution.
 
-1. **Rendering** - The Carousel component can be rendered based on the items collection and data binding.
-2. **Animation** - Supports animation effects for moving previous/next item of Carousel.
-3. **Template Support** - The Carousel component items and buttons can also be rendered with custom templates.
-4. **Keyboard Support** - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
-5. **Accessibility** - The Carousel provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
+### Angular Tab
 
-### ContextMenu
+The [Angular Tab](https://www.syncfusion.com/angular-components/angular-tabs?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a simple user interface (tabs UI) for organizing related content and occupying a compact space. The tabs are aligned horizontally, and each tab is associated with its header.
 
-1. **Separator** - Supports menu items grouping by using the Separator.
-2. **Icons and Navigations** - Supports items to have Icons and Navigation URL's.
-3. **Template and Multilevel Nesting** - Supports template and multilevel nesting in ContextMenu.
-4. **Accessibility** - Provided with built-in accessibility support that helps to access all the ContextMenu component features through the keyboard, screen readers, or other assistive technology devices.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/tab/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/tab/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-tabs?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-### Toolbar
+<p align="center">
+<img alt="Angular Tab Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-tabs.png">
+</p>
 
-1. **Scrollable** - Scrollable display mode displays Toolbar commands in a single line with horizontal scrolling enabled when the commands overflow available space.
-2. **Popup** - Popup display mode displays commands in the popup when the commands overflow available space.
-3. **Template Support** - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering.
-4. **Keyboard Support** - By default, the Toolbar allows interaction with commands by using keyboard shortcuts.
-5. **RTL Support** - The Toolbar supports right-to-left alignment.
-6. **Accessibility** - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
+#### Key features
 
-### Tab
+* [Rendering](https://ej2.syncfusion.com/angular/documentation/tab/adaptive) - Can be rendered based on the items collection and HTML elements.
+* [Adaptive](https://ej2.syncfusion.com/angular/documentation/tab/adaptive) - Supports responsive rendering with scrollable Tabs and popup menu.
+* [Customization](https://ej2.syncfusion.com/angular/documentation/tab/style) - Provides customization support for header with icons and orientation.
+* [Animation](https://ej2.syncfusion.com/angular/documentation/tab/how-to/set-custom-animation) - Supports animation effects for moving previous/next contents of Tab.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/tab/accessibility) - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts.
 
-1. **Rendering** - Can be rendered based on the items collection and HTML elements.
-2. **Adaptive** - Supports responsive rendering with scrollable Tabs and popup menu.
-3. **Customization** - Provides customization support for header with icons and orientation.
-4. **Animation** - Supports animation effects for moving previous/next contents of Tab.
-5. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Tab headers by using keyboard shortcuts.
+### Angular Toolbar
 
-### Sidebar
+The [Angular Toolbar](https://www.syncfusion.com/angular-components/angular-toolbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a feature-rich control that provides an interface for selecting a command from a collection of commands.
 
-1. **Target** - The sidebar can be initialized in any HTML element other than the body element.
-2. **Types** - Provides complete control over the appearance of the sidebar component. The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it.
-3. **Left or right positions** - The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebars in a page, at the left and right, to show primary content and secondary content, simultaneously.
-4. **Docking** - Docking lets the sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options.
-5. **Auto close** - Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution.
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/toolbar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-toolbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
 
-### TreeView
+<p align="center">
+<img alt="Angular Toolbar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-toolbar.png">
+</p>
 
-1. **Data Binding** - Binds the TreeView component with an array of JavaScript objects or DataManager.
-2. **CheckBox** - Allows you to select more than one node in TreeView without affecting the UI appearance.
-3. **Drag and Drop** - Allows you to drag and drop any node in TreeView.
-4. **Multi Selection** - Allows you to select more than one node in TreeView.
-5. **Node Editing** - Allows you to change the text of a node in TreeView.
-6. **Sorting** - Allows display of the TreeView nodes in an ascending or a descending order.
-7. **Template** - Allows you to customize the nodes in TreeView.
-8. **Accessibility** - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices.
+#### Key features
 
-### Menu
+* [Scrollable](https://ej2.syncfusion.com/angular/documentation/toolbar/responsive-mode#scrollable) - Scrollable display mode displays Toolbar commands in a single line with horizontal scrolling enabled when the commands overflow available space.
+* [Popup](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/popup) - Popup display mode displays commands in the popup when the commands overflow available space.
+* [Template support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/template) - The Toolbar component can also be rendered based on the given HTML element aside from item based collection rendering.
+* [Keyboard support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/toolbar/keyboard-interaction) - By default, the Toolbar allows interaction with commands by using keyboard shortcuts.
+* RTL Support - The Toolbar supports right-to-left alignment.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/toolbar/accessibility) - The Toolbar provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.
 
-1. **Rendering** - Supports to render based on the items collection (array of JavaScript objects) and HTML elements.
-2. **Separator** - Supports menu items grouping by using the Separator.
-3. **Icons and Navigations** - Supports items to have Icons and Navigation URL's.
-4. **Template and Multilevel Nesting** - Supports template and multilevel nesting in Menu.
-5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, screen readers, or other assistive technology devices.
+### Angular TreeView
 
-## Support
+The [Angular TreeView](https://www.syncfusion.com/angular-components/angular-treeview?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a graphical user interface control that to represents hierarchical data in a tree structure.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/treeview/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-treeview?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Angular TreeView Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-treeview.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/plain-data) - Binds the TreeView component with an array of JavaScript objects or DataManager.
+* [CheckBox](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/treeview-checkbox) - Allows you to select more than one node in TreeView without affecting the UI appearance.
+* [Drag and drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/drag-and-drop) - Allows you to drag and drop any node in TreeView.
+* [Multi selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/multiple-selection) - Allows you to select more than one node in TreeView.
+* [Node editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/node-editing) - Allows you to change the text of a node in TreeView.
+* [Sorting](https://ej2.syncfusion.com/angular/documentation/treeview/how-to/sorting-treeview-level-wise) - Allows display of the TreeView nodes in an ascending or a descending order.
+* [Template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/treeview/template) - Allows you to customize the nodes in TreeView.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/treeview/accessibility) - Provides built-in accessibility support that helps to access all the TreeView component features through the keyboard, on-screen readers, or other assistive technology devices.
+
+### Angular Menu
+
+The [Angular Menu](https://www.syncfusion.com/angular-components/angular-menu-bar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm) component is a graphical user interface control that serves as a navigation header for your web application or site. It supports data binding, templates, icons, multilevel nesting, and horizontal and vertical menus.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/angular/documentation/menu/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/menu/default">Online demos</a> .
+  <a href="https://www.syncfusion.com/angular-components/angular-menu-bar?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Angular Menu Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-menu-bar.png">
+</p>
+
+#### Key features
+
+* [Rendering](https://ej2.syncfusion.com/angular/documentation/menu/getting-started) - Supports to render based on the items collection (array of JavaScript objects) and HTML elements.
+* [Separator](https://ej2.syncfusion.com/angular/documentation/menu/getting-started#group-menu-items-with-separator) - Supports menu items grouping by using the Separator.
+* [Icons and Navigations](https://ej2.syncfusion.com/angular/documentation/menu/icons-and-sub-menu-items) - Supports items to have Icons and Navigation URL's.
+* [Template and Multilevel nesting](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/menu/template) - Supports template and multilevel nesting in Menu.
+* [Hamburger Menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm#/bootstrap5/menu/hamburger-mode) - Supports Hamburger Menu that provides an adaptive view.
+* [Accessibility](https://ej2.syncfusion.com/angular/documentation/menu/accessibility) - Provided with built-in accessibility support that helps to access all the Menu component features through the keyboard, screen readers, or other assistive technology devices.
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com/">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
+  </a>
+</p>
 
-Product support is available for through following mediums.
+## Setup
+
+To install `navigations` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-angular-navigations
+```
+
+## Supported frameworks
+
+Navigation components are also offered in following list of frameworks.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=navigation) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=navigation).
-* New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new).
-* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=navigation) with tag `syncfusion` and `ej2`.
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
-## License
+## Showcase samples
 
-Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=navigation).
+* Expanse Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/?utm_source=npm&utm_campaign=sidebar#/dashboard)
+* Web Mail - [Source](https://github.com/syncfusion/ej2-showcase-angular-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/angular/webmail/?utm_source=npm&utm_campaign=sidebar)
+
+## Support
+
+Product support is available through following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-navigation-npm)
+* Live chat
 
 ## Changelog
 
-Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation)
+Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=navigation) for more info.
 
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+&copy; Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/esm2020/src/accordion/accordion.component.mjs

@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 type: ContentChild,
                 args: ['itemTemplate']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUQsdUJBQXVCLEVBQTRCLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBdUQsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0ksT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFNUQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFhLENBQUMsV0FBVyxFQUFDLFlBQVksRUFBQyxxQkFBcUIsRUFBQyxtQkFBbUIsRUFBQyxXQUFXLEVBQUMsWUFBWSxFQUFDLGlCQUFpQixFQUFDLGdCQUFnQixFQUFDLFFBQVEsRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxPQUFPLENBQUMsQ0FBQztBQUNsTixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLFdBQVcsRUFBQyxVQUFVLEVBQUMsV0FBVyxFQUFDLHVCQUF1QixDQUFDLENBQUM7QUFDbEgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztBQUVyRDs7Ozs7R0FLRztJQVlVLGtCQUFrQixTQUFsQixrQkFBbUIsU0FBUSxTQUFTO0lBMEI3QyxZQUFvQixLQUFpQixFQUFVLFNBQW9CLEVBQVUsZ0JBQWlDLEVBQVUsUUFBa0I7UUFDdEksS0FBSyxFQUFFLENBQUM7UUFEUSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBaEJuSSxTQUFJLEdBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQWtCOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFJLElBQUksYUFBYSxFQUFFLENBQUM7SUFDakQsQ0FBQztJQUVNLFFBQVE7UUFDWCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFTSxlQUFlO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxxQkFBcUI7UUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUM5QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEQsQ0FBQztDQUlKLENBQUE7K0dBeERZLGtCQUFrQjttR0FBbEIsa0JBQWtCLHN6QkFKTSx1QkFBdUIsdUVBSDlDLHdDQUF3QztBQXdCbEQ7SUFEQyxRQUFRLEVBQUU7MERBQ2dCO0FBTzNCO0lBREMsUUFBUSxFQUFFO3dEQUNjO0FBeEJoQixrQkFBa0I7SUFEOUIsZUFBZSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7R0FDcEIsa0JBQWtCLENBd0Q5QjtTQXhEWSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFYOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsTUFBTSxFQUFFLE1BQU07b0JBQ2QsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUU7d0JBQ0wsVUFBVSxFQUFFLElBQUksWUFBWSxDQUFDLHVCQUF1QixDQUFDO3FCQUN4RDtpQkFDSjsrS0FtQlUsY0FBYztzQkFGcEIsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBU3ZCLFlBQVk7c0JBRmxCLFlBQVk7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NvbnRhaW5lclJlZiwgUmVuZGVyZXIyLCBJbmplY3RvciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFF1ZXJ5TGlzdCwgVmFsdWVQcm92aWRlciwgQ29udGVudENoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRCYXNlLCBDb21wb25lbnRNaXhpbnMsIElDb21wb25lbnRCYXNlLCBhcHBseU1peGlucywgUHJvcGVydHlDb2xsZWN0aW9uSW5mbywgc2V0VmFsdWUgfSBmcm9tICdAc3luY2Z1c2lvbi9lajItYW5ndWxhci1iYXNlJztcbmltcG9ydCB7IEFjY29yZGlvbiB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1uYXZpZ2F0aW9ucyc7XG5pbXBvcnQgeyBUZW1wbGF0ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuaW1wb3J0IHsgQWNjb3JkaW9uSXRlbXNEaXJlY3RpdmUgfSBmcm9tICcuL2l0ZW1zLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydhbmltYXRpb24nLCdkYXRhU291cmNlJywnZW5hYmxlSHRtbFNhbml0aXplcicsJ2VuYWJsZVBlcnNpc3RlbmNlJywnZW5hYmxlUnRsJywnZXhwYW5kTW9kZScsJ2V4cGFuZGVkSW5kaWNlcycsJ2hlYWRlclRlbXBsYXRlJywnaGVpZ2h0JywnaXRlbVRlbXBsYXRlJywnaXRlbXMnLCdsb2NhbGUnLCd3aWR0aCddO1xuZXhwb3J0IGNvbnN0IG91dHB1dHM6IHN0cmluZ1tdID0gWydjbGlja2VkJywnY3JlYXRlZCcsJ2Rlc3Ryb3llZCcsJ2V4cGFuZGVkJywnZXhwYW5kaW5nJywnZXhwYW5kZWRJbmRpY2VzQ2hhbmdlJ107XG5leHBvcnQgY29uc3QgdHdvV2F5czogc3RyaW5nW10gPSBbJ2V4cGFuZGVkSW5kaWNlcyddO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIEFuZ3VsYXIgQWNjb3JkaW9uIENvbXBvbmVudC5cbiAqIGBgYGh0bWxcbiAqIDxlanMtYWNjb3JkaW9uPjwvZWpzLWFjY29yZGlvbj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Vqcy1hY2NvcmRpb24nLFxuICAgIGlucHV0czogaW5wdXRzLFxuICAgIG91dHB1dHM6IG91dHB1dHMsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudCBzZWxlY3Q9J2Rpdic+PC9uZy1jb250ZW50PmAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcXVlcmllczoge1xuICAgICAgICBjaGlsZEl0ZW1zOiBuZXcgQ29udGVudENoaWxkKEFjY29yZGlvbkl0ZW1zRGlyZWN0aXZlKVxuICAgIH1cbn0pXG5AQ29tcG9uZW50TWl4aW5zKFtDb21wb25lbnRCYXNlXSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2NvcmRpb24gaW1wbGVtZW50cyBJQ29tcG9uZW50QmFzZSB7XG4gICAgcHVibGljIGNvbnRhaW5lckNvbnRleHQgOiBhbnk7XG4gICAgcHVibGljIHRhZ09iamVjdHM6IGFueTtcblx0Y2xpY2tlZDogYW55O1xuXHRjcmVhdGVkOiBhbnk7XG5cdGRlc3Ryb3llZDogYW55O1xuXHRleHBhbmRlZDogYW55O1xuXHRleHBhbmRpbmc6IGFueTtcblx0cHVibGljIGV4cGFuZGVkSW5kaWNlc0NoYW5nZTogYW55O1xuICAgIHB1YmxpYyBjaGlsZEl0ZW1zOiBRdWVyeUxpc3Q8QWNjb3JkaW9uSXRlbXNEaXJlY3RpdmU+O1xuICAgIHB1YmxpYyB0YWdzOiBzdHJpbmdbXSA9IFsnaXRlbXMnXTtcbiAgICAvKiogXG4gICAgICogU3BlY2lmaWVzIHRoZSBoZWFkZXIgdGl0bGUgdGVtcGxhdGUgb3B0aW9uIGZvciBhY2NvcmRpb24gaXRlbXMuXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ2hlYWRlclRlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBoZWFkZXJUZW1wbGF0ZTogYW55O1xuICAgIC8qKiBcbiAgICAgKiBTcGVjaWZpZXMgdGhlIHRlbXBsYXRlIG9wdGlvbiBmb3IgYWNjb3JkaW9uIGl0ZW1zLlxuICAgICAqIEBkZWZhdWx0IG51bGxcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKCdpdGVtVGVtcGxhdGUnKVxuICAgIEBUZW1wbGF0ZSgpXG4gICAgcHVibGljIGl0ZW1UZW1wbGF0ZTogYW55O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ0VsZTogRWxlbWVudFJlZiwgcHJpdmF0ZSBzcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOlZpZXdDb250YWluZXJSZWYsIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IHRoaXMubmdFbGUubmF0aXZlRWxlbWVudDtcbiAgICAgICAgdGhpcy5pbmplY3RlZE1vZHVsZXMgPSB0aGlzLmluamVjdGVkTW9kdWxlcyB8fCBbXTtcblxuICAgICAgICB0aGlzLnJlZ2lzdGVyRXZlbnRzKG91dHB1dHMpO1xuICAgICAgICB0aGlzLmFkZFR3b1dheS5jYWxsKHRoaXMsIHR3b1dheXMpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0ICA9IG5ldyBDb21wb25lbnRCYXNlKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdPbkluaXQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nQWZ0ZXJWaWV3SW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ09uRGVzdHJveSh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRhZ09iamVjdHNbMF0uaW5zdGFuY2UgPSB0aGlzLmNoaWxkSXRlbXM7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ0FmdGVyQ29udGVudENoZWNrZWQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlZ2lzdGVyRXZlbnRzOiAoZXZlbnRMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbiAgICBwdWJsaWMgYWRkVHdvV2F5OiAocHJvcExpc3Q6IHN0cmluZ1tdKSA9PiB2b2lkO1xufVxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUQsdUJBQXVCLEVBQTRCLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBdUQsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0ksT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFNUQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFhLENBQUMsV0FBVyxFQUFDLFlBQVksRUFBQyxxQkFBcUIsRUFBQyxtQkFBbUIsRUFBQyxXQUFXLEVBQUMsWUFBWSxFQUFDLGlCQUFpQixFQUFDLGdCQUFnQixFQUFDLFFBQVEsRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxPQUFPLENBQUMsQ0FBQztBQUNsTixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxTQUFTLEVBQUMsU0FBUyxFQUFDLFdBQVcsRUFBQyxVQUFVLEVBQUMsV0FBVyxFQUFDLHVCQUF1QixDQUFDLENBQUM7QUFDbEgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztBQUVyRDs7Ozs7R0FLRztJQVlVLGtCQUFrQixTQUFsQixrQkFBbUIsU0FBUSxTQUFTO0lBNEI3QyxZQUFvQixLQUFpQixFQUFVLFNBQW9CLEVBQVUsZ0JBQWlDLEVBQVUsUUFBa0I7UUFDdEksS0FBSyxFQUFFLENBQUM7UUFEUSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBbEJuSSxTQUFJLEdBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQW9COUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFJLElBQUksYUFBYSxFQUFFLENBQUM7SUFDakQsQ0FBQztJQUVNLFFBQVE7UUFDWCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFTSxlQUFlO1FBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxxQkFBcUI7UUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUM5QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEQsQ0FBQztDQUlKLENBQUE7K0dBMURZLGtCQUFrQjttR0FBbEIsa0JBQWtCLHN6QkFKTSx1QkFBdUIsdUVBSDlDLHdDQUF3QztBQXlCbEQ7SUFEQyxRQUFRLEVBQUU7MERBQ2dCO0FBUTNCO0lBREMsUUFBUSxFQUFFO3dEQUNjO0FBMUJoQixrQkFBa0I7SUFEOUIsZUFBZSxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUM7R0FDcEIsa0JBQWtCLENBMEQ5QjtTQTFEWSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFYOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsTUFBTSxFQUFFLE1BQU07b0JBQ2QsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUU7d0JBQ0wsVUFBVSxFQUFFLElBQUksWUFBWSxDQUFDLHVCQUF1QixDQUFDO3FCQUN4RDtpQkFDSjsrS0FvQlUsY0FBYztzQkFGcEIsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBVXZCLFlBQVk7c0JBRmxCLFlBQVk7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NvbnRhaW5lclJlZiwgUmVuZGVyZXIyLCBJbmplY3RvciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFF1ZXJ5TGlzdCwgVmFsdWVQcm92aWRlciwgQ29udGVudENoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRCYXNlLCBDb21wb25lbnRNaXhpbnMsIElDb21wb25lbnRCYXNlLCBhcHBseU1peGlucywgUHJvcGVydHlDb2xsZWN0aW9uSW5mbywgc2V0VmFsdWUgfSBmcm9tICdAc3luY2Z1c2lvbi9lajItYW5ndWxhci1iYXNlJztcbmltcG9ydCB7IEFjY29yZGlvbiB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1uYXZpZ2F0aW9ucyc7XG5pbXBvcnQgeyBUZW1wbGF0ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuaW1wb3J0IHsgQWNjb3JkaW9uSXRlbXNEaXJlY3RpdmUgfSBmcm9tICcuL2l0ZW1zLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydhbmltYXRpb24nLCdkYXRhU291cmNlJywnZW5hYmxlSHRtbFNhbml0aXplcicsJ2VuYWJsZVBlcnNpc3RlbmNlJywnZW5hYmxlUnRsJywnZXhwYW5kTW9kZScsJ2V4cGFuZGVkSW5kaWNlcycsJ2hlYWRlclRlbXBsYXRlJywnaGVpZ2h0JywnaXRlbVRlbXBsYXRlJywnaXRlbXMnLCdsb2NhbGUnLCd3aWR0aCddO1xuZXhwb3J0IGNvbnN0IG91dHB1dHM6IHN0cmluZ1tdID0gWydjbGlja2VkJywnY3JlYXRlZCcsJ2Rlc3Ryb3llZCcsJ2V4cGFuZGVkJywnZXhwYW5kaW5nJywnZXhwYW5kZWRJbmRpY2VzQ2hhbmdlJ107XG5leHBvcnQgY29uc3QgdHdvV2F5czogc3RyaW5nW10gPSBbJ2V4cGFuZGVkSW5kaWNlcyddO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIEFuZ3VsYXIgQWNjb3JkaW9uIENvbXBvbmVudC5cbiAqIGBgYGh0bWxcbiAqIDxlanMtYWNjb3JkaW9uPjwvZWpzLWFjY29yZGlvbj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Vqcy1hY2NvcmRpb24nLFxuICAgIGlucHV0czogaW5wdXRzLFxuICAgIG91dHB1dHM6IG91dHB1dHMsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudCBzZWxlY3Q9J2Rpdic+PC9uZy1jb250ZW50PmAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcXVlcmllczoge1xuICAgICAgICBjaGlsZEl0ZW1zOiBuZXcgQ29udGVudENoaWxkKEFjY29yZGlvbkl0ZW1zRGlyZWN0aXZlKVxuICAgIH1cbn0pXG5AQ29tcG9uZW50TWl4aW5zKFtDb21wb25lbnRCYXNlXSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Db21wb25lbnQgZXh0ZW5kcyBBY2NvcmRpb24gaW1wbGVtZW50cyBJQ29tcG9uZW50QmFzZSB7XG4gICAgcHVibGljIGNvbnRhaW5lckNvbnRleHQgOiBhbnk7XG4gICAgcHVibGljIHRhZ09iamVjdHM6IGFueTtcblx0Y2xpY2tlZDogYW55O1xuXHRjcmVhdGVkOiBhbnk7XG5cdGRlc3Ryb3llZDogYW55O1xuXHRleHBhbmRlZDogYW55O1xuXHRleHBhbmRpbmc6IGFueTtcblx0cHVibGljIGV4cGFuZGVkSW5kaWNlc0NoYW5nZTogYW55O1xuICAgIHB1YmxpYyBjaGlsZEl0ZW1zOiBRdWVyeUxpc3Q8QWNjb3JkaW9uSXRlbXNEaXJlY3RpdmU+O1xuICAgIHB1YmxpYyB0YWdzOiBzdHJpbmdbXSA9IFsnaXRlbXMnXTtcbiAgICAvKiogXG4gICAgICogU3BlY2lmaWVzIHRoZSBoZWFkZXIgdGl0bGUgdGVtcGxhdGUgb3B0aW9uIGZvciBhY2NvcmRpb24gaXRlbXMuXG4gICAgICogQGRlZmF1bHQgbnVsbFxuICAgICAqIEBhc3B0eXBlIHN0cmluZ1xuICAgICAqL1xuICAgIEBDb250ZW50Q2hpbGQoJ2hlYWRlclRlbXBsYXRlJylcbiAgICBAVGVtcGxhdGUoKVxuICAgIHB1YmxpYyBoZWFkZXJUZW1wbGF0ZTogYW55O1xuICAgIC8qKiBcbiAgICAgKiBTcGVjaWZpZXMgdGhlIHRlbXBsYXRlIG9wdGlvbiBmb3IgYWNjb3JkaW9uIGl0ZW1zLlxuICAgICAqIEBkZWZhdWx0IG51bGxcbiAgICAgKiBAYXNwdHlwZSBzdHJpbmdcbiAgICAgKi9cbiAgICBAQ29udGVudENoaWxkKCdpdGVtVGVtcGxhdGUnKVxuICAgIEBUZW1wbGF0ZSgpXG4gICAgcHVibGljIGl0ZW1UZW1wbGF0ZTogYW55O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ0VsZTogRWxlbWVudFJlZiwgcHJpdmF0ZSBzcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOlZpZXdDb250YWluZXJSZWYsIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuZWxlbWVudCA9IHRoaXMubmdFbGUubmF0aXZlRWxlbWVudDtcbiAgICAgICAgdGhpcy5pbmplY3RlZE1vZHVsZXMgPSB0aGlzLmluamVjdGVkTW9kdWxlcyB8fCBbXTtcblxuICAgICAgICB0aGlzLnJlZ2lzdGVyRXZlbnRzKG91dHB1dHMpO1xuICAgICAgICB0aGlzLmFkZFR3b1dheS5jYWxsKHRoaXMsIHR3b1dheXMpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0ICA9IG5ldyBDb21wb25lbnRCYXNlKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdPbkluaXQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nQWZ0ZXJWaWV3SW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ09uRGVzdHJveSh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRhZ09iamVjdHNbMF0uaW5zdGFuY2UgPSB0aGlzLmNoaWxkSXRlbXM7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ0FmdGVyQ29udGVudENoZWNrZWQodGhpcyk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlZ2lzdGVyRXZlbnRzOiAoZXZlbnRMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbiAgICBwdWJsaWMgYWRkVHdvV2F5OiAocHJvcExpc3Q6IHN0cmluZ1tdKSA9PiB2b2lkO1xufVxuXG4iXX0=

package/esm2020/src/appbar/appbar-all.module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AppBarModule } from './appbar.module';
+import * as i0 from "@angular/core";
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+export class AppBarAllModule {
+}
+AppBarAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppBarAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, imports: [CommonModule, AppBarModule], exports: [AppBarModule] });
+AppBarAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, providers: [], imports: [[CommonModule, AppBarModule], AppBarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AppBarModule],
+                    exports: [
+                        AppBarModule
+                    ],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwYmFyLWFsbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwYmFyL2FwcGJhci1hbGwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBTS9DOztHQUVHO0FBVUgsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxZQVJkLFlBQVksRUFBRSxZQUFZLGFBRWhDLFlBQVk7NkdBTVAsZUFBZSxhQUpkLEVBRVQsWUFOUSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsRUFFakMsWUFBWTsyRkFNUCxlQUFlO2tCQVQzQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUM7b0JBQ3JDLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO29CQUNELFNBQVMsRUFBQyxFQUVUO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIFZhbHVlUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcHBCYXJDb21wb25lbnQgfSBmcm9tICcuL2FwcGJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXBwQmFyTW9kdWxlIH0gZnJvbSAnLi9hcHBiYXIubW9kdWxlJztcblxuXG5cblxuXG4vKipcbiAqIE5nTW9kdWxlIGRlZmluaXRpb24gZm9yIHRoZSBBcHBCYXIgY29tcG9uZW50IHdpdGggcHJvdmlkZXJzLlxuICovXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFwcEJhck1vZHVsZV0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBBcHBCYXJNb2R1bGVcbiAgICBdLFxuICAgIHByb3ZpZGVyczpbXG4gICAgICAgIFxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQXBwQmFyQWxsTW9kdWxlIHsgfSJdfQ==

package/esm2020/src/appbar/appbar.component.mjs

@@ -0,0 +1,59 @@
+import { __decorate } from "tslib";
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { ComponentBase, ComponentMixins, setValue } from '@syncfusion/ej2-angular-base';
+import { AppBar } from '@syncfusion/ej2-navigations';
+import * as i0 from "@angular/core";
+export const inputs = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
+export const outputs = ['created', 'destroyed'];
+export const twoWays = [''];
+/**
+ * Represents the Essential JS 2 Angular AppBar Component.
+ * ```html
+ * <ejs-appbar></ejs-appbar>
+ * ```
+ */
+let AppBarComponent = class AppBarComponent extends AppBar {
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+AppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+AppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AppBarComponent, selector: "ejs-appbar", inputs: { colorMode: "colorMode", cssClass: "cssClass", enablePersistence: "enablePersistence", enableRtl: "enableRtl", htmlAttributes: "htmlAttributes", isSticky: "isSticky", locale: "locale", mode: "mode", position: "position" }, outputs: { created: "created", destroyed: "destroyed" }, usesInheritance: true, ngImport: i0, template: `<ng-content ></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AppBarComponent = __decorate([
+    ComponentMixins([ComponentBase])
+], AppBarComponent);
+export { AppBarComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AppBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ejs-appbar',
+                    inputs: inputs,
+                    outputs: outputs,
+                    template: `<ng-content ></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    queries: {}
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hcHBiYXIvYXBwYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUQsdUJBQXVCLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ2hKLE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUF1RCxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3SSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBSXJELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBYSxDQUFDLFdBQVcsRUFBQyxVQUFVLEVBQUMsbUJBQW1CLEVBQUMsV0FBVyxFQUFDLGdCQUFnQixFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsTUFBTSxFQUFDLFVBQVUsQ0FBQyxDQUFDO0FBQ2hKLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBYSxDQUFDLFNBQVMsRUFBQyxXQUFXLENBQUMsQ0FBQztBQUN6RCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUV0Qzs7Ozs7R0FLRztJQVlVLGVBQWUsU0FBZixlQUFnQixTQUFRLE1BQU07SUFRdkMsWUFBb0IsS0FBaUIsRUFBVSxTQUFvQixFQUFVLGdCQUFpQyxFQUFVLFFBQWtCO1FBQ3RJLEtBQUssRUFBRSxDQUFDO1FBRFEsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUV0SSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsSUFBSSxFQUFFLENBQUM7UUFFbEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDbkMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUksSUFBSSxhQUFhLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVNLHFCQUFxQjtRQUV4QixJQUFJLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEQsQ0FBQztDQUlKLENBQUE7NEdBdENZLGVBQWU7Z0dBQWYsZUFBZSwwV0FQZCw0QkFBNEI7QUFPN0IsZUFBZTtJQUQzQixlQUFlLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztHQUNwQixlQUFlLENBc0MzQjtTQXRDWSxlQUFlOzJGQUFmLGVBQWU7a0JBWDNCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLE1BQU0sRUFBRSxNQUFNO29CQUNkLE9BQU8sRUFBRSxPQUFPO29CQUNoQixRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLEVBRVI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIFZpZXdDb250YWluZXJSZWYsIFJlbmRlcmVyMiwgSW5qZWN0b3IsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBRdWVyeUxpc3QsIFZhbHVlUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudEJhc2UsIENvbXBvbmVudE1peGlucywgSUNvbXBvbmVudEJhc2UsIGFwcGx5TWl4aW5zLCBQcm9wZXJ0eUNvbGxlY3Rpb25JbmZvLCBzZXRWYWx1ZSB9IGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1hbmd1bGFyLWJhc2UnO1xuaW1wb3J0IHsgQXBwQmFyIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLW5hdmlnYXRpb25zJztcblxuXG5cbmV4cG9ydCBjb25zdCBpbnB1dHM6IHN0cmluZ1tdID0gWydjb2xvck1vZGUnLCdjc3NDbGFzcycsJ2VuYWJsZVBlcnNpc3RlbmNlJywnZW5hYmxlUnRsJywnaHRtbEF0dHJpYnV0ZXMnLCdpc1N0aWNreScsJ2xvY2FsZScsJ21vZGUnLCdwb3NpdGlvbiddO1xuZXhwb3J0IGNvbnN0IG91dHB1dHM6IHN0cmluZ1tdID0gWydjcmVhdGVkJywnZGVzdHJveWVkJ107XG5leHBvcnQgY29uc3QgdHdvV2F5czogc3RyaW5nW10gPSBbJyddO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIEVzc2VudGlhbCBKUyAyIEFuZ3VsYXIgQXBwQmFyIENvbXBvbmVudC5cbiAqIGBgYGh0bWxcbiAqIDxlanMtYXBwYmFyPjwvZWpzLWFwcGJhcj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Vqcy1hcHBiYXInLFxuICAgIGlucHV0czogaW5wdXRzLFxuICAgIG91dHB1dHM6IG91dHB1dHMsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudCA+PC9uZy1jb250ZW50PmAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcXVlcmllczoge1xuXG4gICAgfVxufSlcbkBDb21wb25lbnRNaXhpbnMoW0NvbXBvbmVudEJhc2VdKVxuZXhwb3J0IGNsYXNzIEFwcEJhckNvbXBvbmVudCBleHRlbmRzIEFwcEJhciBpbXBsZW1lbnRzIElDb21wb25lbnRCYXNlIHtcbiAgICBwdWJsaWMgY29udGFpbmVyQ29udGV4dCA6IGFueTtcbiAgICBwdWJsaWMgdGFnT2JqZWN0czogYW55O1xuXHRjcmVhdGVkOiBhbnk7XG5cdHB1YmxpYyBkZXN0cm95ZWQ6IGFueTtcblxuXG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5nRWxlOiBFbGVtZW50UmVmLCBwcml2YXRlIHNyZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZiwgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gdGhpcy5uZ0VsZS5uYXRpdmVFbGVtZW50O1xuICAgICAgICB0aGlzLmluamVjdGVkTW9kdWxlcyA9IHRoaXMuaW5qZWN0ZWRNb2R1bGVzIHx8IFtdO1xuXG4gICAgICAgIHRoaXMucmVnaXN0ZXJFdmVudHMob3V0cHV0cyk7XG4gICAgICAgIHRoaXMuYWRkVHdvV2F5LmNhbGwodGhpcywgdHdvV2F5cyk7XG4gICAgICAgIHNldFZhbHVlKCdjdXJyZW50SW5zdGFuY2UnLCB0aGlzLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQgID0gbmV3IENvbXBvbmVudEJhc2UoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuY29udGFpbmVyQ29udGV4dC5uZ09uSW5pdCh0aGlzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdBZnRlclZpZXdJbml0KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb250YWluZXJDb250ZXh0Lm5nT25EZXN0cm95KHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmNvbnRhaW5lckNvbnRleHQubmdBZnRlckNvbnRlbnRDaGVja2VkKHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3RlckV2ZW50czogKGV2ZW50TGlzdDogc3RyaW5nW10pID0+IHZvaWQ7XG4gICAgcHVibGljIGFkZFR3b1dheTogKHByb3BMaXN0OiBzdHJpbmdbXSkgPT4gdm9pZDtcbn1cblxuIl19