@coreui/angular
Version:
CoreUI Angular Bootstrap 4 components
1,311 lines (1,286 loc) • 74.5 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs/index'), require('rxjs/operators'), require('@angular/core'), require('@angular/common'), require('@angular/router')) :
typeof define === 'function' && define.amd ? define('@coreui/angular', ['exports', 'rxjs/index', 'rxjs/operators', '@angular/core', '@angular/common', '@angular/router'], factory) :
(factory((global.coreui = global.coreui || {}, global.coreui.angular = {}),global.rxjs.index,global.rxjs.operators,global.ng.core,global.ng.common,global.ng.router));
}(this, (function (exports,index,operators,core,common,router) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var sidebarCssClasses = [
'sidebar-show',
'sidebar-sm-show',
'sidebar-md-show',
'sidebar-lg-show',
'sidebar-xl-show'
];
/** @type {?} */
var asideMenuCssClasses = [
'aside-menu-show',
'aside-menu-sm-show',
'aside-menu-md-show',
'aside-menu-lg-show',
'aside-menu-xl-show'
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var RemoveClasses = function (NewClassNames) {
/** @type {?} */
var MatchClasses = NewClassNames.map(function (Class) { return document.body.classList.contains(Class); });
return MatchClasses.indexOf(true) !== -1;
};
/** @type {?} */
var ToggleClasses = function (Toggle, ClassNames) {
/** @type {?} */
var Level = ClassNames.indexOf(Toggle);
/** @type {?} */
var NewClassNames = ClassNames.slice(0, Level + 1);
if (RemoveClasses(NewClassNames)) {
NewClassNames.map(function (Class) { return document.body.classList.remove(Class); });
}
else {
document.body.classList.add(Toggle);
}
};
var ClassToggler = /** @class */ (function () {
function ClassToggler(document, renderer) {
this.document = document;
this.renderer = renderer;
}
/**
* @param {?} NewClassNames
* @return {?}
*/
ClassToggler.prototype.removeClasses = /**
* @param {?} NewClassNames
* @return {?}
*/
function (NewClassNames) {
var _this = this;
/** @type {?} */
var MatchClasses = NewClassNames.map(function (Class) { return _this.document.body.classList.contains(Class); });
return MatchClasses.indexOf(true) !== -1;
};
/**
* @param {?} Toggle
* @param {?} ClassNames
* @return {?}
*/
ClassToggler.prototype.toggleClasses = /**
* @param {?} Toggle
* @param {?} ClassNames
* @return {?}
*/
function (Toggle, ClassNames) {
var _this = this;
/** @type {?} */
var Level = ClassNames.indexOf(Toggle);
/** @type {?} */
var NewClassNames = ClassNames.slice(0, Level + 1);
if (this.removeClasses(NewClassNames)) {
NewClassNames.map(function (Class) { return _this.renderer.removeClass(_this.document.body, Class); });
}
else {
this.renderer.addClass(this.document.body, Toggle);
}
};
ClassToggler.decorators = [
{ type: core.Injectable }
];
/** @nocollapse */
ClassToggler.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
return ClassToggler;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* Allows the sidebar to be toggled via click.
*/
var SidebarToggleDirective = /** @class */ (function () {
function SidebarToggleDirective() {
}
/**
* @return {?}
*/
SidebarToggleDirective.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.bp = this.breakpoint;
};
/**
* @param {?} $event
* @return {?}
*/
SidebarToggleDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var cssClass;
this.bp ? cssClass = "sidebar-" + this.bp + "-show" : cssClass = sidebarCssClasses[0];
ToggleClasses(cssClass, sidebarCssClasses);
};
SidebarToggleDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appSidebarToggler]'
},] }
];
/** @nocollapse */
SidebarToggleDirective.ctorParameters = function () { return []; };
SidebarToggleDirective.propDecorators = {
breakpoint: [{ type: core.Input, args: ['appSidebarToggler',] }],
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return SidebarToggleDirective;
}());
var SidebarMinimizeDirective = /** @class */ (function () {
function SidebarMinimizeDirective(document, renderer) {
this.document = document;
this.renderer = renderer;
}
/**
* @param {?} $event
* @return {?}
*/
SidebarMinimizeDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var body = this.document.body;
body.classList.contains('sidebar-minimized') ?
this.renderer.removeClass(body, 'sidebar-minimized') :
this.renderer.addClass(body, 'sidebar-minimized');
// document.body.classList.toggle('sidebar-minimized');
};
SidebarMinimizeDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appSidebarMinimizer]'
},] }
];
/** @nocollapse */
SidebarMinimizeDirective.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
SidebarMinimizeDirective.propDecorators = {
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return SidebarMinimizeDirective;
}());
var MobileSidebarToggleDirective = /** @class */ (function () {
function MobileSidebarToggleDirective(document, renderer) {
this.document = document;
this.renderer = renderer;
}
// Check if element has class
// Check if element has class
/**
* @private
* @param {?} target
* @param {?} elementClassName
* @return {?}
*/
MobileSidebarToggleDirective.prototype.hasClass =
// Check if element has class
/**
* @private
* @param {?} target
* @param {?} elementClassName
* @return {?}
*/
function (target, elementClassName) {
return new RegExp('(\\s|^)' + elementClassName + '(\\s|$)').test(target.className);
};
/**
* @param {?} $event
* @return {?}
*/
MobileSidebarToggleDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var body = this.document.body;
body.classList.contains('sidebar-show') ?
this.renderer.removeClass(body, 'sidebar-show') :
this.renderer.addClass(body, 'sidebar-show');
// document.body.classList.toggle('sidebar-show');
};
MobileSidebarToggleDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appMobileSidebarToggler]'
},] }
];
/** @nocollapse */
MobileSidebarToggleDirective.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
MobileSidebarToggleDirective.propDecorators = {
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return MobileSidebarToggleDirective;
}());
/**
* Allows the off-canvas sidebar to be closed via click.
*/
var SidebarOffCanvasCloseDirective = /** @class */ (function () {
function SidebarOffCanvasCloseDirective(document, renderer) {
this.document = document;
this.renderer = renderer;
}
// Check if element has class
// Check if element has class
/**
* @private
* @param {?} target
* @param {?} elementClassName
* @return {?}
*/
SidebarOffCanvasCloseDirective.prototype.hasClass =
// Check if element has class
/**
* @private
* @param {?} target
* @param {?} elementClassName
* @return {?}
*/
function (target, elementClassName) {
return new RegExp('(\\s|^)' + elementClassName + '(\\s|$)').test(target.className);
};
// Toggle element class
// Toggle element class
/**
* @private
* @param {?} elem
* @param {?} elementClassName
* @return {?}
*/
SidebarOffCanvasCloseDirective.prototype.toggleClass =
// Toggle element class
/**
* @private
* @param {?} elem
* @param {?} elementClassName
* @return {?}
*/
function (elem, elementClassName) {
/** @type {?} */
var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
if (this.hasClass(elem, elementClassName)) {
while (newClass.indexOf(' ' + elementClassName + ' ') >= 0) {
newClass = newClass.replace(' ' + elementClassName + ' ', ' ');
}
elem.className = newClass.replace(/^\s+|\s+$/g, '');
}
else {
elem.className += ' ' + elementClassName;
}
};
/**
* @param {?} $event
* @return {?}
*/
SidebarOffCanvasCloseDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var body = this.document.body;
if (this.hasClass(body, 'sidebar-off-canvas')) {
body.classList.contains('sidebar-show') ?
this.renderer.removeClass(body, 'sidebar-show') :
this.renderer.addClass(body, 'sidebar-show');
// this.toggleClass(document.body, 'sidebar-opened');
}
};
SidebarOffCanvasCloseDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appSidebarClose]'
},] }
];
/** @nocollapse */
SidebarOffCanvasCloseDirective.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
SidebarOffCanvasCloseDirective.propDecorators = {
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return SidebarOffCanvasCloseDirective;
}());
var BrandMinimizeDirective = /** @class */ (function () {
function BrandMinimizeDirective(document, renderer) {
this.document = document;
this.renderer = renderer;
}
/**
* @param {?} $event
* @return {?}
*/
BrandMinimizeDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var body = this.document.body;
body.classList.contains('brand-minimized') ?
this.renderer.removeClass(body, 'brand-minimized') :
this.renderer.addClass(body, 'brand-minimized');
// document.body.classList.toggle('brand-minimized');
};
BrandMinimizeDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appBrandMinimizer]'
},] }
];
/** @nocollapse */
BrandMinimizeDirective.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
BrandMinimizeDirective.propDecorators = {
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return BrandMinimizeDirective;
}());
/**
* Allows the aside to be toggled via click.
*/
var AsideToggleDirective = /** @class */ (function () {
function AsideToggleDirective(classToggler) {
this.classToggler = classToggler;
}
/**
* @return {?}
*/
AsideToggleDirective.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.bp = this.breakpoint;
};
/**
* @param {?} $event
* @return {?}
*/
AsideToggleDirective.prototype.toggleOpen = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
$event.preventDefault();
/** @type {?} */
var cssClass = this.bp ? "aside-menu-" + this.bp + "-show" : asideMenuCssClasses[0];
this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);
};
AsideToggleDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[appAsideMenuToggler]',
providers: [ClassToggler]
},] }
];
/** @nocollapse */
AsideToggleDirective.ctorParameters = function () {
return [
{ type: ClassToggler }
];
};
AsideToggleDirective.propDecorators = {
breakpoint: [{ type: core.Input, args: ['appAsideMenuToggler',] }],
toggleOpen: [{ type: core.HostListener, args: ['click', ['$event'],] }]
};
return AsideToggleDirective;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LayoutModule = /** @class */ (function () {
function LayoutModule() {
}
LayoutModule.decorators = [
{ type: core.NgModule, args: [{
imports: [
common.CommonModule
],
exports: [
AsideToggleDirective,
BrandMinimizeDirective,
MobileSidebarToggleDirective,
SidebarToggleDirective,
SidebarMinimizeDirective,
SidebarOffCanvasCloseDirective
],
declarations: [
AsideToggleDirective,
BrandMinimizeDirective,
MobileSidebarToggleDirective,
SidebarToggleDirective,
SidebarMinimizeDirective,
SidebarOffCanvasCloseDirective
],
providers: [
ClassToggler
]
},] }
];
return LayoutModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @param {?} el
* @return {?}
*/
function Replace(el) {
/** @type {?} */
var nativeElement = el.nativeElement;
/** @type {?} */
var parentElement = nativeElement.parentElement;
// move all children out of the element
while (nativeElement.firstChild) {
parentElement.insertBefore(nativeElement.firstChild, nativeElement);
}
// remove the empty element(the host)
parentElement.removeChild(nativeElement);
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppAsideComponent = /** @class */ (function () {
function AppAsideComponent(document, renderer, el) {
this.document = document;
this.renderer = renderer;
this.el = el;
}
/**
* @return {?}
*/
AppAsideComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
this.isFixed(this.fixed);
this.isOffCanvas(this.offCanvas);
this.displayBreakpoint(this.display);
};
/**
* @return {?}
*/
AppAsideComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.renderer.removeClass(this.document.body, 'aside-menu-fixed');
};
/**
* @param {?=} fixed
* @return {?}
*/
AppAsideComponent.prototype.isFixed = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
if (fixed) {
this.renderer.addClass(this.document.body, 'aside-menu-fixed');
}
};
/**
* @param {?=} offCanvas
* @return {?}
*/
AppAsideComponent.prototype.isOffCanvas = /**
* @param {?=} offCanvas
* @return {?}
*/
function (offCanvas) {
if (offCanvas === void 0) {
offCanvas = this.offCanvas;
}
if (offCanvas) {
this.renderer.addClass(this.document.body, 'aside-menu-off-canvas');
}
};
/**
* @param {?=} display
* @return {?}
*/
AppAsideComponent.prototype.displayBreakpoint = /**
* @param {?=} display
* @return {?}
*/
function (display) {
if (display === void 0) {
display = this.display;
}
if (display !== false) {
/** @type {?} */
var cssClass = this.display ? "aside-menu-" + this.display + "-show" : asideMenuCssClasses[0];
this.renderer.addClass(this.document.body, cssClass);
}
};
AppAsideComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-aside',
template: "\n <aside class=\"aside-menu\">\n <ng-content></ng-content>\n </aside>\n "
}] }
];
/** @nocollapse */
AppAsideComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 },
{ type: core.ElementRef }
];
};
AppAsideComponent.propDecorators = {
display: [{ type: core.Input }],
fixed: [{ type: core.Input }],
offCanvas: [{ type: core.Input }]
};
return AppAsideComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppAsideModule = /** @class */ (function () {
function AppAsideModule() {
}
AppAsideModule.decorators = [
{ type: core.NgModule, args: [{
imports: [
common.CommonModule,
LayoutModule
],
exports: [
AppAsideComponent,
LayoutModule
],
declarations: [
AppAsideComponent
]
},] }
];
return AppAsideModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppBreadcrumbService = /** @class */ (function () {
function AppBreadcrumbService(router$$1, route) {
var _this = this;
this.router = router$$1;
this.route = route;
this._breadcrumbs = new index.BehaviorSubject(new Array());
this.breadcrumbs = this._breadcrumbs.asObservable();
this.router.events.pipe(operators.filter(function (event) { return event instanceof router.NavigationEnd; })).subscribe(function (event) {
/** @type {?} */
var breadcrumbs = [];
/** @type {?} */
var currentRoute = _this.route.root;
/** @type {?} */
var url = '';
do {
/** @type {?} */
var childrenRoutes = currentRoute.children;
currentRoute = null;
// tslint:disable-next-line:no-shadowed-variable
childrenRoutes.forEach(function (route) {
if (route.outlet === 'primary') {
/** @type {?} */
var routeSnapshot = route.snapshot;
url += '/' + routeSnapshot.url.map(function (segment) { return segment.path; }).join('/');
breadcrumbs.push({
label: route.snapshot.data,
url: url
});
currentRoute = route;
}
});
} while (currentRoute);
_this._breadcrumbs.next(Object.assign([], breadcrumbs));
return breadcrumbs;
});
}
AppBreadcrumbService.decorators = [
{ type: core.Injectable }
];
/** @nocollapse */
AppBreadcrumbService.ctorParameters = function () {
return [
{ type: router.Router },
{ type: router.ActivatedRoute }
];
};
return AppBreadcrumbService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppBreadcrumbComponent = /** @class */ (function () {
function AppBreadcrumbComponent(document, renderer, service, el) {
this.document = document;
this.renderer = renderer;
this.service = service;
this.el = el;
}
/**
* @return {?}
*/
AppBreadcrumbComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
this.isFixed(this.fixed);
this.breadcrumbs = this.service.breadcrumbs;
};
/**
* @return {?}
*/
AppBreadcrumbComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.renderer.removeClass(this.document.body, 'breadcrumb-fixed');
};
/**
* @param {?=} fixed
* @return {?}
*/
AppBreadcrumbComponent.prototype.isFixed = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
if (fixed) {
this.renderer.addClass(this.document.body, 'breadcrumb-fixed');
}
};
AppBreadcrumbComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-breadcrumb',
template: "\n <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n <li class=\"breadcrumb-item\"\n *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n [ngClass]=\"{active: last}\">\n <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n </li>\n </ng-template>\n "
}] }
];
/** @nocollapse */
AppBreadcrumbComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 },
{ type: AppBreadcrumbService },
{ type: core.ElementRef }
];
};
AppBreadcrumbComponent.propDecorators = {
fixed: [{ type: core.Input }]
};
return AppBreadcrumbComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
// @dynamic
var AppBreadcrumbModule = /** @class */ (function () {
function AppBreadcrumbModule() {
}
/**
* @param {?=} config
* @return {?}
*/
AppBreadcrumbModule.forRoot = /**
* @param {?=} config
* @return {?}
*/
function (config) {
return {
ngModule: AppBreadcrumbModule,
providers: [
AppBreadcrumbService
]
};
};
AppBreadcrumbModule.decorators = [
{ type: core.NgModule, args: [{
imports: [common.CommonModule, router.RouterModule],
exports: [AppBreadcrumbComponent],
declarations: [AppBreadcrumbComponent]
},] }
];
return AppBreadcrumbModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppFooterComponent = /** @class */ (function () {
function AppFooterComponent(document, renderer, el) {
this.document = document;
this.renderer = renderer;
this.el = el;
}
/**
* @return {?}
*/
AppFooterComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
this.isFixed(this.fixed);
};
/**
* @return {?}
*/
AppFooterComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.renderer.removeClass(this.document.body, 'footer-fixed');
};
/**
* @param {?=} fixed
* @return {?}
*/
AppFooterComponent.prototype.isFixed = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
if (fixed) {
this.renderer.addClass(this.document.body, 'footer-fixed');
}
};
AppFooterComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-footer',
template: "\n <ng-container class=\"app-footer\"></ng-container>\n <footer class=\"app-footer\">\n <ng-content></ng-content>\n </footer>\n "
}] }
];
/** @nocollapse */
AppFooterComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 },
{ type: core.ElementRef }
];
};
AppFooterComponent.propDecorators = {
fixed: [{ type: core.Input }]
};
return AppFooterComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppFooterModule = /** @class */ (function () {
function AppFooterModule() {
}
AppFooterModule.decorators = [
{ type: core.NgModule, args: [{
imports: [common.CommonModule],
exports: [AppFooterComponent],
declarations: [AppFooterComponent]
},] }
];
return AppFooterModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppHeaderComponent = /** @class */ (function () {
function AppHeaderComponent(document, renderer, el) {
this.document = document;
this.renderer = renderer;
this.el = el;
this.navbarBrandText = { icon: '🅲', text: '🅲 CoreUI' };
this.navbarBrandHref = '';
}
/**
* @return {?}
*/
AppHeaderComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
this.isFixed(this.fixed);
this.navbarBrandImg = Boolean(this.navbarBrand || this.navbarBrandFull || this.navbarBrandMinimized);
};
/**
* @return {?}
*/
AppHeaderComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.renderer.removeClass(this.document.body, 'header-fixed');
};
/**
* @param {?=} fixed
* @return {?}
*/
AppHeaderComponent.prototype.isFixed = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
if (fixed) {
this.renderer.addClass(this.document.body, 'header-fixed');
}
};
/**
* @param {?} brand
* @return {?}
*/
AppHeaderComponent.prototype.imgSrc = /**
* @param {?} brand
* @return {?}
*/
function (brand) {
return brand.src ? brand.src : '';
};
/**
* @param {?} brand
* @return {?}
*/
AppHeaderComponent.prototype.imgWidth = /**
* @param {?} brand
* @return {?}
*/
function (brand) {
return brand.width ? brand.width : 'auto';
};
/**
* @param {?} brand
* @return {?}
*/
AppHeaderComponent.prototype.imgHeight = /**
* @param {?} brand
* @return {?}
*/
function (brand) {
return brand.height ? brand.height : 'auto';
};
/**
* @param {?} brand
* @return {?}
*/
AppHeaderComponent.prototype.imgAlt = /**
* @param {?} brand
* @return {?}
*/
function (brand) {
return brand.alt ? brand.alt : '';
};
/**
* @param {?} breakpoint
* @return {?}
*/
AppHeaderComponent.prototype.breakpoint = /**
* @param {?} breakpoint
* @return {?}
*/
function (breakpoint) {
console.log(breakpoint);
return breakpoint ? breakpoint : '';
};
AppHeaderComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-header',
template: "\n <header class=\"app-header navbar\">\n <ng-template [ngIf]=\"mobileSidebarToggler != false\">\n <button class=\"navbar-toggler d-lg-none\" type=\"button\" appSidebarToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n </ng-template>\n <a class=\"navbar-brand\" [href]=\"navbarBrandHref\">\n <ng-template [ngIf]=\"navbarBrandImg\">\n <img *ngIf=\"navbarBrand\"\n [src]=\"imgSrc(navbarBrand)\"\n [attr.width]=\"imgWidth(navbarBrand)\"\n [attr.height]=\"imgHeight(navbarBrand)\"\n [attr.alt]=\"imgAlt(navbarBrand)\"\n class=\"navbar-brand\">\n <img *ngIf=\"navbarBrandFull\"\n [src]=\"imgSrc(navbarBrandFull)\"\n [attr.width]=\"imgWidth(navbarBrandFull)\"\n [attr.height]=\"imgHeight(navbarBrandFull)\"\n [attr.alt]=\"imgAlt(navbarBrandFull)\"\n class=\"navbar-brand-full\">\n <img *ngIf=\"navbarBrandMinimized\"\n [src]=\"imgSrc(navbarBrandMinimized)\"\n [attr.width]=\"imgWidth(navbarBrandMinimized)\"\n [attr.height]=\"imgHeight(navbarBrandMinimized)\"\n [attr.alt]=\"imgAlt(navbarBrandMinimized)\"\n class=\"navbar-brand-minimized\">\n </ng-template>\n <ng-template [ngIf]=\"!navbarBrandImg\">\n <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n </ng-template>\n </a>\n <ng-template [ngIf]=\"sidebarToggler != false\">\n <button class=\"navbar-toggler d-md-down-none\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n </ng-template>\n <ng-content></ng-content>\n <ng-template [ngIf]=\"asideMenuToggler != false\">\n <button class=\"navbar-toggler d-md-down-none\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n </ng-template>\n <ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n <button class=\"navbar-toggler d-lg-none\" type=\"button\" appAsideMenuToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n </ng-template>\n </header>\n "
}] }
];
/** @nocollapse */
AppHeaderComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 },
{ type: core.ElementRef }
];
};
AppHeaderComponent.propDecorators = {
fixed: [{ type: core.Input }],
navbarBrand: [{ type: core.Input }],
navbarBrandFull: [{ type: core.Input }],
navbarBrandMinimized: [{ type: core.Input }],
navbarBrandText: [{ type: core.Input }],
navbarBrandHref: [{ type: core.Input }],
sidebarToggler: [{ type: core.Input }],
mobileSidebarToggler: [{ type: core.Input }],
asideMenuToggler: [{ type: core.Input }],
mobileAsideMenuToggler: [{ type: core.Input }]
};
return AppHeaderComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppHeaderModule = /** @class */ (function () {
function AppHeaderModule() {
}
AppHeaderModule.decorators = [
{ type: core.NgModule, args: [{
imports: [
common.CommonModule,
LayoutModule
],
exports: [
AppHeaderComponent,
LayoutModule
],
declarations: [
AppHeaderComponent
]
},] }
];
return AppHeaderModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarFooterComponent = /** @class */ (function () {
function AppSidebarFooterComponent(el) {
this.el = el;
}
/**
* @return {?}
*/
AppSidebarFooterComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
};
AppSidebarFooterComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-footer',
template: "\n <div class=\"sidebar-footer\">\n <ng-content></ng-content>\n </div>"
}] }
];
/** @nocollapse */
AppSidebarFooterComponent.ctorParameters = function () {
return [
{ type: core.ElementRef }
];
};
return AppSidebarFooterComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarFormComponent = /** @class */ (function () {
function AppSidebarFormComponent(el) {
this.el = el;
}
/**
* @return {?}
*/
AppSidebarFormComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
};
AppSidebarFormComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-form',
template: "\n <form class=\"sidebar-form\">\n <ng-content></ng-content>\n </form>\n "
}] }
];
/** @nocollapse */
AppSidebarFormComponent.ctorParameters = function () {
return [
{ type: core.ElementRef }
];
};
return AppSidebarFormComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarHeaderComponent = /** @class */ (function () {
function AppSidebarHeaderComponent(el) {
this.el = el;
}
/**
* @return {?}
*/
AppSidebarHeaderComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
};
AppSidebarHeaderComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-header',
template: "\n <div class=\"sidebar-header\">\n <ng-content></ng-content>\n </div>\n "
}] }
];
/** @nocollapse */
AppSidebarHeaderComponent.ctorParameters = function () {
return [
{ type: core.ElementRef }
];
};
return AppSidebarHeaderComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarMinimizerComponent = /** @class */ (function () {
function AppSidebarMinimizerComponent(el) {
this.el = el;
}
/**
* @return {?}
*/
AppSidebarMinimizerComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
Replace(this.el);
};
AppSidebarMinimizerComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-minimizer',
template: "\n <button class=\"sidebar-minimizer\" type=\"button\" appSidebarMinimizer appBrandMinimizer></button>\n "
}] }
];
/** @nocollapse */
AppSidebarMinimizerComponent.ctorParameters = function () {
return [
{ type: core.ElementRef }
];
};
return AppSidebarMinimizerComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarComponent = /** @class */ (function () {
function AppSidebarComponent(document, renderer) {
this.document = document;
this.renderer = renderer;
}
/**
* @return {?}
*/
AppSidebarComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.displayBreakpoint(this.display);
this.isCompact(this.compact);
this.isFixed(this.fixed);
this.isMinimized(this.minimized);
this.isOffCanvas(this.offCanvas);
};
/**
* @return {?}
*/
AppSidebarComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.renderer.removeClass(this.document.body, 'sidebar-fixed');
};
/**
* @param {?=} compact
* @return {?}
*/
AppSidebarComponent.prototype.isCompact = /**
* @param {?=} compact
* @return {?}
*/
function (compact) {
if (compact === void 0) {
compact = this.compact;
}
if (compact) {
this.renderer.addClass(this.document.body, 'sidebar-compact');
}
};
/**
* @param {?=} fixed
* @return {?}
*/
AppSidebarComponent.prototype.isFixed = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
if (fixed) {
this.renderer.addClass(this.document.body, 'sidebar-fixed');
}
};
/**
* @param {?=} minimized
* @return {?}
*/
AppSidebarComponent.prototype.isMinimized = /**
* @param {?=} minimized
* @return {?}
*/
function (minimized) {
if (minimized === void 0) {
minimized = this.minimized;
}
if (minimized) {
this.renderer.addClass(this.document.body, 'sidebar-minimized');
}
};
/**
* @param {?=} offCanvas
* @return {?}
*/
AppSidebarComponent.prototype.isOffCanvas = /**
* @param {?=} offCanvas
* @return {?}
*/
function (offCanvas) {
if (offCanvas === void 0) {
offCanvas = this.offCanvas;
}
if (offCanvas) {
this.renderer.addClass(this.document.body, 'sidebar-off-canvas');
}
};
/**
* @param {?=} fixed
* @return {?}
*/
AppSidebarComponent.prototype.fixedPosition = /**
* @param {?=} fixed
* @return {?}
*/
function (fixed) {
if (fixed === void 0) {
fixed = this.fixed;
}
console.warn('deprecated fixedPosition(), use isFixed() instead');
if (fixed) {
this.renderer.addClass(this.document.body, 'sidebar-fixed');
}
};
/**
* @param {?=} display
* @return {?}
*/
AppSidebarComponent.prototype.displayBreakpoint = /**
* @param {?=} display
* @return {?}
*/
function (display) {
if (display === void 0) {
display = this.display;
}
if (display !== false) {
/** @type {?} */
var cssClass = display ? "sidebar-" + display + "-show" : sidebarCssClasses[0];
this.renderer.addClass(this.document.body, cssClass);
}
};
AppSidebarComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar',
template: "<ng-content></ng-content>"
}] }
];
/** @nocollapse */
AppSidebarComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
{ type: core.Renderer2 }
];
};
AppSide