@syncfusion/ej2-angular-navigations 20.2.50-ngcc → 20.3.47-ngcc

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 ## [Unreleased]
 
+### AppBar
+
+The AppBar displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
+
+
+- **Modes** - `Regular`, `Prominent`, and `Dense` modes that define the AppBar height.
+- **Content arrangement** - Spacer and separator options can be used to align the content based on the UI requirement with minimal effort.
+- **Color** - `Primary`, `Light`, `Dark`, and `Inherit` options to customize the AppBar color.
+- **Position** - AppBars can be placed at the top or bottom of the screen. It can also be sticky.
+
+### Carousel
+
+#### New Features
+
+- Provided partial visible functionality to carousel which enables the active slide with partial previous/next slide.
+
+### Tab
+
+#### New Features
+
+- `#I237390` - Provided support to disable the animation while switching the tab item.
+
 ## 20.2.49 (2022-09-13)
 
 ### ContextMenu

package/README.md

@@ -25,6 +25,13 @@ Following list of components are available in the package
   * [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)
 
+* AppBar - The AppBar displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
+
+  * [Getting Started](https://ej2.syncfusion.com/angular/documentation/appbar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=appbar)
+  * [API References](https://ej2.syncfusion.com/angular/documentation/appbar/api-appbar.html?utm_source=npm&utm_campaign=appbar)
+  * [View Online Demos](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=appbar#/material/appbar/default.html)
+  * [Product Page](https://www.syncfusion.com/products/angular/appbar)
+
 * 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.
 
   * [Getting Started](https://ej2.syncfusion.com/angular/documentation/breadcrumb/getting-started?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
@@ -108,6 +115,13 @@ Sidebar component is used in the following samples.
 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.
 
+### AppBar
+
+1. **Modes** - `Regular`, `Prominent`, and `Dense` modes that define the AppBar height.
+2. **Content arrangement** - Spacer and separator options can be used to align the content based on the UI requirement with minimal effort.
+3. **Color** - `Primary`, `Light`, `Dark`, and `Inherit` options to customize the AppBar color.
+4. **Position** - AppBars can be placed at the top or bottom of the screen. It can also be sticky.
+
 ### Breadcrumb
 
 1. **Icons** - Icons can be specified in Breadcrumb items.

package/dist/ej2-angular-navigations.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-navigations.umd.js
-*  version : 20.2.50
+*  version : 20.3.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -978,7 +978,7 @@ var __metadata$7 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$4 = ['animationEffect', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'pauseOnHover', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width'];
+var inputs$4 = ['animationEffect', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'partialVisible', 'pauseOnHover', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width'];
 var outputs$8 = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
 var twoWays$4 = ['selectedIndex'];
 /**
@@ -1883,6 +1883,147 @@ MenuAllModule.decorators = [
  * @nocollapse
  */
 MenuAllModule.ctorParameters = function () { return []; };
+var __decorate$13 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$13 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$9 = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
+var outputs$15 = ['created', 'destroyed'];
+var twoWays$9 = [''];
+/**
+ * Represents the Essential JS 2 Angular AppBar Component.
+ * ```html
+ * <ejs-appbar></ejs-appbar>
+ * ```
+ */
+exports.AppBarComponent = /** @class */ (function (_super) {
+    __extends(AppBarComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function AppBarComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$15);
+        _this.addTwoWay.call(_this, twoWays$9);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngAfterContentChecked = function () {
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return AppBarComponent;
+}(ej2Navigations.AppBar));
+exports.AppBarComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-appbar',
+                inputs: inputs$9,
+                outputs: outputs$15,
+                template: "<ng-content ></ng-content>",
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.AppBarComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+]; };
+exports.AppBarComponent = __decorate$13([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
+    __metadata$13("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector])
+], exports.AppBarComponent);
+/**
+ * NgModule definition for the AppBar component.
+ */
+var AppBarModule = /** @class */ (function () {
+    function AppBarModule() {
+    }
+    return AppBarModule;
+}());
+AppBarModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.AppBarComponent
+                ],
+                exports: [
+                    exports.AppBarComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AppBarModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+var AppBarAllModule = /** @class */ (function () {
+    function AppBarAllModule() {
+    }
+    return AppBarAllModule;
+}());
+AppBarAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, AppBarModule],
+                exports: [
+                    AppBarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AppBarAllModule.ctorParameters = function () { return []; };
 
 exports.AccordionItemDirective = AccordionItemDirective;
 exports.AccordionItemsDirective = AccordionItemsDirective;
@@ -1914,8 +2055,12 @@ exports.MenuItemDirective = MenuItemDirective;
 exports.MenuItemsDirective = MenuItemsDirective;
 exports.MenuModule = MenuModule;
 exports.MenuAllModule = MenuAllModule;
+exports.AppBarModule = AppBarModule;
+exports.AppBarAllModule = AppBarAllModule;
 exports.ɵa = inputs;
 exports.ɵb = outputs$1;
+exports.ɵs = inputs$9;
+exports.ɵt = outputs$15;
 exports.ɵg = inputs$3;
 exports.ɵh = outputs$6;
 exports.ɵi = inputs$4;
@@ -1960,6 +2105,7 @@ exports.BreadcrumbItem = ej2Navigations.BreadcrumbItem;
 exports.Breadcrumb = ej2Navigations.Breadcrumb;
 exports.CarouselItem = ej2Navigations.CarouselItem;
 exports.Carousel = ej2Navigations.Carousel;
+exports.AppBar = ej2Navigations.AppBar;
 
 Object.defineProperty(exports, '__esModule', { value: true });