diff --git a/CHANGELOG.md b/CHANGELOG.md
index a6fee29d..940e45b5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,15 @@
### [@coreui/angular](https://coreui.io/) changelog
+##### `v2.3.0`
+- feat(app-header): navbarBrand img use appHtmlAttr instead of attr.*
+- refactor: directive appLinkAttributes -> appHtmlAttr, moved to layout
+- refactor(app-header): drop unused methods
+- refactor(sidebar-nav): directive appLinkAttributes -> appHtmlAttr
+- refactor(app-footer): drop Replace footer
+- update: `@angular-devkit/build-angular` to `^0.13.0`
+- update: `@angular-devkit/build-ng-packagr` to `^0.13.0`
+- update: `@types/node` to `^10.12.21`
+
##### `v2.2.5`
- refactor: use Renderer2 instead of direct DOM manipulation
- refactor: use DOCUMENT dependency injection
diff --git a/dist/@coreui/angular/bundles/coreui-angular.umd.js b/dist/@coreui/angular/bundles/coreui-angular.umd.js
index 85bab8bd..ddf038b3 100644
--- a/dist/@coreui/angular/bundles/coreui-angular.umd.js
+++ b/dist/@coreui/angular/bundles/coreui-angular.umd.js
@@ -6,7 +6,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var sidebarCssClasses = [
@@ -27,27 +27,40 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
- var RemoveClasses = function (NewClassNames) {
+ var RemoveClasses = ( /**
+ * @param {?} NewClassNames
+ * @return {?}
+ */function (NewClassNames) {
/** @type {?} */
- var MatchClasses = NewClassNames.map(function (Class) { return document.body.classList.contains(Class); });
+ var MatchClasses = NewClassNames.map(( /**
+ * @param {?} Class
+ * @return {?}
+ */function (Class) { return document.body.classList.contains(Class); }));
return MatchClasses.indexOf(true) !== -1;
- };
+ });
/** @type {?} */
- var ToggleClasses = function (Toggle, ClassNames) {
+ var ToggleClasses = ( /**
+ * @param {?} Toggle
+ * @param {?} ClassNames
+ * @return {?}
+ */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); });
+ NewClassNames.map(( /**
+ * @param {?} Class
+ * @return {?}
+ */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;
@@ -64,7 +77,10 @@
function (NewClassNames) {
var _this = this;
/** @type {?} */
- var MatchClasses = NewClassNames.map(function (Class) { return _this.document.body.classList.contains(Class); });
+ var MatchClasses = NewClassNames.map(( /**
+ * @param {?} Class
+ * @return {?}
+ */function (Class) { return _this.document.body.classList.contains(Class); }));
return MatchClasses.indexOf(true) !== -1;
};
/**
@@ -84,7 +100,10 @@
/** @type {?} */
var NewClassNames = ClassNames.slice(0, Level + 1);
if (this.removeClasses(NewClassNames)) {
- NewClassNames.map(function (Class) { return _this.renderer.removeClass(_this.document.body, Class); });
+ NewClassNames.map(( /**
+ * @param {?} Class
+ * @return {?}
+ */function (Class) { return _this.renderer.removeClass(_this.document.body, Class); }));
}
else {
this.renderer.addClass(this.document.body, Toggle);
@@ -105,7 +124,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* Allows the sidebar to be toggled via click.
@@ -426,10 +445,109 @@
};
return AsideToggleDirective;
}());
+ var HtmlAttributesDirective = /** @class */ (function () {
+ function HtmlAttributesDirective(document, renderer, el) {
+ this.document = document;
+ this.renderer = renderer;
+ this.el = el;
+ }
+ /**
+ * @return {?}
+ */
+ HtmlAttributesDirective.prototype.ngOnInit = /**
+ * @return {?}
+ */
+ function () {
+ /** @type {?} */
+ var attribs = this.appHtmlAttr;
+ for (var attr in attribs) {
+ if (attr === 'style' && typeof (attribs[attr]) === 'object') {
+ this.setStyle(attribs[attr]);
+ }
+ else if (attr === 'class') {
+ this.addClass(attribs[attr]);
+ }
+ else {
+ this.setAttrib(attr, attribs[attr]);
+ }
+ }
+ };
+ /**
+ * @private
+ * @param {?} styles
+ * @return {?}
+ */
+ HtmlAttributesDirective.prototype.setStyle = /**
+ * @private
+ * @param {?} styles
+ * @return {?}
+ */
+ function (styles) {
+ for (var style in styles) {
+ this.renderer.setStyle(this.el.nativeElement, style, styles[style]);
+ }
+ };
+ /**
+ * @private
+ * @param {?} classes
+ * @return {?}
+ */
+ HtmlAttributesDirective.prototype.addClass = /**
+ * @private
+ * @param {?} classes
+ * @return {?}
+ */
+ function (classes) {
+ var _this = this;
+ /** @type {?} */
+ var classArray = (Array.isArray(classes) ? classes : classes.split(' '));
+ classArray.filter(( /**
+ * @param {?} element
+ * @return {?}
+ */function (element) { return element.length > 0; })).forEach(( /**
+ * @param {?} element
+ * @return {?}
+ */function (element) {
+ _this.renderer.addClass(_this.el.nativeElement, element);
+ }));
+ };
+ /**
+ * @private
+ * @param {?} key
+ * @param {?} value
+ * @return {?}
+ */
+ HtmlAttributesDirective.prototype.setAttrib = /**
+ * @private
+ * @param {?} key
+ * @param {?} value
+ * @return {?}
+ */
+ function (key, value) {
+ this.renderer.setAttribute(this.el.nativeElement, key, value);
+ };
+ HtmlAttributesDirective.decorators = [
+ { type: core.Directive, args: [{
+ selector: '[appHtmlAttr]'
+ },] }
+ ];
+ /** @nocollapse */
+ HtmlAttributesDirective.ctorParameters = function () {
+ return [
+ { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
+ { type: core.Renderer2 },
+ { type: core.ElementRef }
+ ];
+ };
+ HtmlAttributesDirective.propDecorators = {
+ appHtmlAttr: [{ type: core.Input }]
+ };
+ return HtmlAttributesDirective;
+ }());
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var LayoutModule = /** @class */ (function () {
function LayoutModule() {
@@ -445,7 +563,8 @@
MobileSidebarToggleDirective,
SidebarToggleDirective,
SidebarMinimizeDirective,
- SidebarOffCanvasCloseDirective
+ SidebarOffCanvasCloseDirective,
+ HtmlAttributesDirective
],
declarations: [
AsideToggleDirective,
@@ -453,7 +572,8 @@
MobileSidebarToggleDirective,
SidebarToggleDirective,
SidebarMinimizeDirective,
- SidebarOffCanvasCloseDirective
+ SidebarOffCanvasCloseDirective,
+ HtmlAttributesDirective
],
providers: [
ClassToggler
@@ -465,12 +585,12 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @param {?} el
@@ -491,12 +611,12 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppAsideComponent = /** @class */ (function () {
function AppAsideComponent(document, renderer, el) {
@@ -599,7 +719,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppAsideModule = /** @class */ (function () {
function AppAsideModule() {
@@ -624,12 +744,12 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppBreadcrumbService = /** @class */ (function () {
function AppBreadcrumbService(router$$1, route) {
@@ -638,7 +758,13 @@
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) {
+ this.router.events.pipe(operators.filter(( /**
+ * @param {?} event
+ * @return {?}
+ */function (event) { return event instanceof router.NavigationEnd; }))).subscribe(( /**
+ * @param {?} event
+ * @return {?}
+ */function (event) {
/** @type {?} */
var breadcrumbs = [];
/** @type {?} */
@@ -650,22 +776,28 @@
var childrenRoutes = currentRoute.children;
currentRoute = null;
// tslint:disable-next-line:no-shadowed-variable
- childrenRoutes.forEach(function (route) {
+ childrenRoutes.forEach(( /**
+ * @param {?} route
+ * @return {?}
+ */function (route) {
if (route.outlet === 'primary') {
/** @type {?} */
var routeSnapshot = route.snapshot;
- url += '/' + routeSnapshot.url.map(function (segment) { return segment.path; }).join('/');
+ url += '/' + routeSnapshot.url.map(( /**
+ * @param {?} segment
+ * @return {?}
+ */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 }
@@ -682,7 +814,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppBreadcrumbComponent = /** @class */ (function () {
function AppBreadcrumbComponent(document, renderer, service, el) {
@@ -750,7 +882,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
// @dynamic
var AppBreadcrumbModule = /** @class */ (function () {
@@ -784,18 +916,18 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppFooterComponent = /** @class */ (function () {
- function AppFooterComponent(document, renderer, el) {
+ function AppFooterComponent(document, renderer) {
this.document = document;
this.renderer = renderer;
- this.el = el;
+ this.fixedClass = 'footer-fixed';
}
/**
* @return {?}
@@ -804,7 +936,6 @@
* @return {?}
*/
function () {
- Replace(this.el);
this.isFixed(this.fixed);
};
/**
@@ -814,7 +945,7 @@
* @return {?}
*/
function () {
- this.renderer.removeClass(this.document.body, 'footer-fixed');
+ this.renderer.removeClass(this.document.body, this.fixedClass);
};
/**
* @param {?=} fixed
@@ -829,32 +960,32 @@
fixed = this.fixed;
}
if (fixed) {
- this.renderer.addClass(this.document.body, 'footer-fixed');
+ this.renderer.addClass(this.document.body, this.fixedClass);
}
};
AppFooterComponent.decorators = [
{ type: core.Component, args: [{
- selector: 'app-footer',
- template: "\n \n \n "
+ selector: 'app-footer, cui-footer',
+ template: ""
}] }
];
/** @nocollapse */
AppFooterComponent.ctorParameters = function () {
return [
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
- { type: core.Renderer2 },
- { type: core.ElementRef }
+ { type: core.Renderer2 }
];
};
AppFooterComponent.propDecorators = {
- fixed: [{ type: core.Input }]
+ fixed: [{ type: core.Input }],
+ true: [{ type: core.HostBinding, args: ['class.app-footer',] }]
};
return AppFooterComponent;
}());
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppFooterModule = /** @class */ (function () {
function AppFooterModule() {
@@ -871,12 +1002,12 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppHeaderComponent = /** @class */ (function () {
function AppHeaderComponent(document, renderer, el) {
@@ -885,6 +1016,7 @@
this.el = el;
this.navbarBrandText = { icon: '🅲', text: '🅲 CoreUI' };
this.navbarBrandHref = '';
+ this.fixedClass = 'header-fixed';
}
/**
* @return {?}
@@ -904,7 +1036,7 @@
* @return {?}
*/
function () {
- this.renderer.removeClass(this.document.body, 'header-fixed');
+ this.renderer.removeClass(this.document.body, this.fixedClass);
};
/**
* @param {?=} fixed
@@ -919,69 +1051,13 @@
fixed = this.fixed;
}
if (fixed) {
- this.renderer.addClass(this.document.body, 'header-fixed');
+ this.renderer.addClass(this.document.body, this.fixedClass);
}
};
- /**
- * @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 \n "
+ template: "\n \n "
}] }
];
/** @nocollapse */
@@ -1009,7 +1085,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppHeaderModule = /** @class */ (function () {
function AppHeaderModule() {
@@ -1034,12 +1110,12 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarFooterComponent = /** @class */ (function () {
function AppSidebarFooterComponent(el) {
@@ -1071,7 +1147,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarFormComponent = /** @class */ (function () {
function AppSidebarFormComponent(el) {
@@ -1103,7 +1179,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarHeaderComponent = /** @class */ (function () {
function AppSidebarHeaderComponent(el) {
@@ -1135,7 +1211,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarMinimizerComponent = /** @class */ (function () {
function AppSidebarMinimizerComponent(el) {
@@ -1167,7 +1243,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarComponent = /** @class */ (function () {
function AppSidebarComponent(document, renderer) {
@@ -1321,7 +1397,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NavDropdownDirective = /** @class */ (function () {
function NavDropdownDirective(el) {
@@ -1384,102 +1460,6 @@
};
return NavDropdownToggleDirective;
}());
- var LinkAttributesDirective = /** @class */ (function () {
- function LinkAttributesDirective(document, renderer, el) {
- this.document = document;
- this.renderer = renderer;
- this.el = el;
- }
- /**
- * @return {?}
- */
- LinkAttributesDirective.prototype.ngOnInit = /**
- * @return {?}
- */
- function () {
- /** @type {?} */
- var attribs = this.appLinkAttributes;
- for (var attr in attribs) {
- if (attr === 'style' && typeof (attribs[attr]) === 'object') {
- this.setStyle(attribs[attr]);
- }
- else if (attr === 'class') {
- this.addClass(attribs[attr]);
- }
- else {
- this.setAttrib(attr, attribs[attr]);
- }
- }
- };
- /**
- * @private
- * @param {?} styles
- * @return {?}
- */
- LinkAttributesDirective.prototype.setStyle = /**
- * @private
- * @param {?} styles
- * @return {?}
- */
- function (styles) {
- for (var style in styles) {
- this.renderer.setStyle(this.el.nativeElement, style, styles[style]);
- }
- };
- /**
- * @private
- * @param {?} classes
- * @return {?}
- */
- LinkAttributesDirective.prototype.addClass = /**
- * @private
- * @param {?} classes
- * @return {?}
- */
- function (classes) {
- var _this = this;
- /** @type {?} */
- var classArray = Array.isArray(classes) ? classes : classes.split(' ');
- classArray.forEach(function (element) {
- _this.renderer.addClass(_this.el.nativeElement, element);
- });
- };
- /**
- * @private
- * @param {?} key
- * @param {?} value
- * @return {?}
- */
- LinkAttributesDirective.prototype.setAttrib = /**
- * @private
- * @param {?} key
- * @param {?} value
- * @return {?}
- */
- function (key, value) {
- /** @type {?} */
- var newAttr = this.document.createAttribute(key);
- newAttr.value = value;
- this.renderer.setAttribute(this.el.nativeElement, key, value);
- };
- LinkAttributesDirective.decorators = [
- { type: core.Directive, args: [{
- selector: '[appLinkAttributes]'
- },] }
- ];
- /** @nocollapse */
- LinkAttributesDirective.ctorParameters = function () {
- return [
- { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
- { type: core.Renderer2 },
- { type: core.ElementRef }
- ];
- };
- LinkAttributesDirective.propDecorators = {
- appLinkAttributes: [{ type: core.Input }]
- };
- return LinkAttributesDirective;
- }());
var AppSidebarNavComponent = /** @class */ (function () {
function AppSidebarNavComponent() {
this.role = 'nav';
@@ -1520,7 +1500,7 @@
AppSidebarNavComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-nav',
- template: "\n
\n \n \n \n \n \n \n \n \n \n
"
+ template: "\n \n \n \n \n \n \n \n \n \n \n
\n "
}] }
];
/** @nocollapse */
@@ -1706,7 +1686,7 @@
AppSidebarNavLinkComponent.decorators = [
{ type: core.Component, args: [{
selector: 'app-sidebar-nav-link',
- template: "\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n "
+ template: "\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n \n {{ link.name }}\n {{ link.badge.text }}\n \n \n "
}] }
];
/** @nocollapse */
@@ -1831,7 +1811,7 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AppSidebarModule = /** @class */ (function () {
function AppSidebarModule() {
@@ -1856,7 +1836,6 @@
AppSidebarNavTitleComponent,
NavDropdownDirective,
NavDropdownToggleDirective,
- LinkAttributesDirective,
LayoutModule
],
declarations: [
@@ -1872,8 +1851,7 @@
AppSidebarNavLinkComponent,
AppSidebarNavTitleComponent,
NavDropdownDirective,
- NavDropdownToggleDirective,
- LinkAttributesDirective
+ NavDropdownToggleDirective
]
},] }
];
@@ -1882,17 +1860,17 @@
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
exports.AppAsideModule = AppAsideModule;
@@ -1900,32 +1878,33 @@
exports.AppFooterModule = AppFooterModule;
exports.AppHeaderModule = AppHeaderModule;
exports.AppSidebarModule = AppSidebarModule;
- exports.ɵi = AppAsideComponent;
- exports.ɵj = AppBreadcrumbComponent;
- exports.ɵk = AppBreadcrumbService;
- exports.ɵl = AppFooterComponent;
- exports.ɵm = AppHeaderComponent;
+ exports.ɵj = AppAsideComponent;
+ exports.ɵk = AppBreadcrumbComponent;
+ exports.ɵl = AppBreadcrumbService;
+ exports.ɵm = AppFooterComponent;
+ exports.ɵo = AppHeaderComponent;
+ exports.ɵn = LayoutModule;
exports.ɵg = AsideToggleDirective;
exports.ɵf = BrandMinimizeDirective;
+ exports.ɵh = HtmlAttributesDirective;
exports.ɵd = MobileSidebarToggleDirective;
exports.ɵc = SidebarMinimizeDirective;
exports.ɵe = SidebarOffCanvasCloseDirective;
exports.ɵb = SidebarToggleDirective;
exports.ɵa = LayoutModule;
- exports.ɵh = ClassToggler;
- exports.ɵn = AppSidebarFooterComponent;
- exports.ɵo = AppSidebarFormComponent;
- exports.ɵp = AppSidebarHeaderComponent;
- exports.ɵq = AppSidebarMinimizerComponent;
- exports.ɵv = AppSidebarNavComponent;
- exports.ɵy = AppSidebarNavDropdownComponent;
- exports.ɵw = AppSidebarNavItemComponent;
- exports.ɵx = AppSidebarNavLinkComponent;
- exports.ɵz = AppSidebarNavTitleComponent;
- exports.ɵu = LinkAttributesDirective;
- exports.ɵs = NavDropdownDirective;
- exports.ɵt = NavDropdownToggleDirective;
- exports.ɵr = AppSidebarComponent;
+ exports.ɵi = ClassToggler;
+ exports.ɵp = AppSidebarFooterComponent;
+ exports.ɵq = AppSidebarFormComponent;
+ exports.ɵr = AppSidebarHeaderComponent;
+ exports.ɵs = AppSidebarMinimizerComponent;
+ exports.ɵw = AppSidebarNavComponent;
+ exports.ɵz = AppSidebarNavDropdownComponent;
+ exports.ɵx = AppSidebarNavItemComponent;
+ exports.ɵy = AppSidebarNavLinkComponent;
+ exports.ɵba = AppSidebarNavTitleComponent;
+ exports.ɵu = NavDropdownDirective;
+ exports.ɵv = NavDropdownToggleDirective;
+ exports.ɵt = AppSidebarComponent;
Object.defineProperty(exports, '__esModule', { value: true });
diff --git a/dist/@coreui/angular/bundles/coreui-angular.umd.js.map b/dist/@coreui/angular/bundles/coreui-angular.umd.js.map
index 7a555255..f3eda333 100644
--- a/dist/@coreui/angular/bundles/coreui-angular.umd.js.map
+++ b/dist/@coreui/angular/bundles/coreui-angular.umd.js.map
@@ -1 +1 @@
-{"version":3,"file":"coreui-angular.umd.js.map","sources":["ng://@coreui/angular/lib/shared/classes.ts","ng://@coreui/angular/lib/shared/toggle-classes.ts","ng://@coreui/angular/lib/shared/layout/layout.directive.ts","ng://@coreui/angular/lib/shared/layout/layout.module.ts","ng://@coreui/angular/lib/shared/replace.ts","ng://@coreui/angular/lib/aside/app-aside.component.ts","ng://@coreui/angular/lib/aside/app-aside.module.ts","ng://@coreui/angular/lib/breadcrumb/app-breadcrumb.service.ts","ng://@coreui/angular/lib/breadcrumb/app-breadcrumb.component.ts","ng://@coreui/angular/lib/breadcrumb/app-breadcrumb.module.ts","ng://@coreui/angular/lib/footer/app-footer.component.ts","ng://@coreui/angular/lib/footer/app-footer.module.ts","ng://@coreui/angular/lib/header/app-header.component.ts","ng://@coreui/angular/lib/header/app-header.module.ts","ng://@coreui/angular/lib/sidebar/app-sidebar-footer.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar-form.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar-header.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar-minimizer.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar-nav.component.ts","ng://@coreui/angular/lib/sidebar/app-sidebar.module.ts"],"sourcesContent":["export const sidebarCssClasses: Array = [\r\n 'sidebar-show',\r\n 'sidebar-sm-show',\r\n 'sidebar-md-show',\r\n 'sidebar-lg-show',\r\n 'sidebar-xl-show'\r\n];\r\n\r\nexport const asideMenuCssClasses: Array = [\r\n 'aside-menu-show',\r\n 'aside-menu-sm-show',\r\n 'aside-menu-md-show',\r\n 'aside-menu-lg-show',\r\n 'aside-menu-xl-show'\r\n];\r\n","import {Inject, Injectable, Renderer2} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\nconst RemoveClasses = (NewClassNames) => {\n const MatchClasses = NewClassNames.map((Class) => document.body.classList.contains(Class));\n return MatchClasses.indexOf(true) !== -1;\n};\n\nexport const ToggleClasses = (Toggle, ClassNames) => {\n const Level = ClassNames.indexOf(Toggle);\n const NewClassNames = ClassNames.slice(0, Level + 1);\n\n if (RemoveClasses(NewClassNames)) {\n NewClassNames.map((Class) => document.body.classList.remove(Class));\n } else {\n document.body.classList.add(Toggle);\n }\n};\n\n@Injectable()\nexport class ClassToggler {\n\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n ) {}\n\n removeClasses(NewClassNames) {\n const MatchClasses = NewClassNames.map((Class) => this.document.body.classList.contains(Class));\n return MatchClasses.indexOf(true) !== -1;\n }\n\n toggleClasses(Toggle, ClassNames) {\n const Level = ClassNames.indexOf(Toggle);\n const NewClassNames = ClassNames.slice(0, Level + 1);\n\n if (this.removeClasses(NewClassNames)) {\n NewClassNames.map((Class) => this.renderer.removeClass(this.document.body, Class));\n } else {\n this.renderer.addClass(this.document.body, Toggle);\n }\n }\n}\n","import {Directive, HostListener, Inject, Input, OnInit, Renderer2} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\nimport { asideMenuCssClasses, sidebarCssClasses } from '../classes';\nimport { ClassToggler, ToggleClasses } from '../toggle-classes';\n\n/**\n* Allows the sidebar to be toggled via click.\n*/\n@Directive({\n selector: '[appSidebarToggler]'\n})\nexport class SidebarToggleDirective implements OnInit {\n @Input('appSidebarToggler') breakpoint: string;\n public bp;\n constructor() {}\n ngOnInit(): void {\n this.bp = this.breakpoint;\n }\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n let cssClass;\n this.bp ? cssClass = `sidebar-${this.bp}-show` : cssClass = sidebarCssClasses[0];\n ToggleClasses(cssClass, sidebarCssClasses);\n }\n}\n\n@Directive({\n selector: '[appSidebarMinimizer]'\n})\nexport class SidebarMinimizeDirective {\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n ) { }\n\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n const body = this.document.body;\n body.classList.contains('sidebar-minimized') ?\n this.renderer.removeClass(body, 'sidebar-minimized') :\n this.renderer.addClass(body, 'sidebar-minimized');\n // document.body.classList.toggle('sidebar-minimized');\n }\n}\n\n@Directive({\n selector: '[appMobileSidebarToggler]'\n})\nexport class MobileSidebarToggleDirective {\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n ) { }\n\n // Check if element has class\n private hasClass(target: any, elementClassName: string) {\n return new RegExp('(\\\\s|^)' + elementClassName + '(\\\\s|$)').test(target.className);\n }\n\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n const body = this.document.body;\n body.classList.contains('sidebar-show') ?\n this.renderer.removeClass(body, 'sidebar-show') :\n this.renderer.addClass(body, 'sidebar-show');\n // document.body.classList.toggle('sidebar-show');\n }\n}\n\n/**\n* Allows the off-canvas sidebar to be closed via click.\n*/\n@Directive({\n selector: '[appSidebarClose]'\n})\nexport class SidebarOffCanvasCloseDirective {\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n ) { }\n\n // Check if element has class\n private hasClass(target: any, elementClassName: string) {\n return new RegExp('(\\\\s|^)' + elementClassName + '(\\\\s|$)').test(target.className);\n }\n\n // Toggle element class\n private toggleClass(elem: any, elementClassName: string) {\n let newClass = ' ' + elem.className.replace( /[\\t\\r\\n]/g, ' ' ) + ' ';\n if (this.hasClass(elem, elementClassName)) {\n while (newClass.indexOf(' ' + elementClassName + ' ') >= 0 ) {\n newClass = newClass.replace( ' ' + elementClassName + ' ' , ' ' );\n }\n elem.className = newClass.replace(/^\\s+|\\s+$/g, '');\n } else {\n elem.className += ' ' + elementClassName;\n }\n }\n\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n\n const body = this.document.body;\n if (this.hasClass(body, 'sidebar-off-canvas')) {\n body.classList.contains('sidebar-show') ?\n this.renderer.removeClass(body, 'sidebar-show') :\n this.renderer.addClass(body, 'sidebar-show');\n // this.toggleClass(document.body, 'sidebar-opened');\n }\n }\n}\n\n@Directive({\n selector: '[appBrandMinimizer]'\n})\nexport class BrandMinimizeDirective {\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n ) { }\n\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n const body = this.document.body;\n body.classList.contains('brand-minimized') ?\n this.renderer.removeClass(body, 'brand-minimized') :\n this.renderer.addClass(body, 'brand-minimized');\n // document.body.classList.toggle('brand-minimized');\n }\n}\n\n\n/**\n* Allows the aside to be toggled via click.\n*/\n@Directive({\n selector: '[appAsideMenuToggler]',\n providers: [ClassToggler]\n})\nexport class AsideToggleDirective implements OnInit {\n @Input('appAsideMenuToggler') breakpoint: string;\n public bp;\n constructor(private classToggler: ClassToggler) {}\n ngOnInit(): void {\n this.bp = this.breakpoint;\n }\n @HostListener('click', ['$event'])\n toggleOpen($event: any) {\n $event.preventDefault();\n const cssClass = this.bp ? `aside-menu-${this.bp}-show` : asideMenuCssClasses[0];\n this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule} from '@angular/core';\nimport {\n AsideToggleDirective,\n BrandMinimizeDirective,\n MobileSidebarToggleDirective,\n SidebarToggleDirective,\n SidebarMinimizeDirective,\n SidebarOffCanvasCloseDirective\n} from './layout.directive';\nimport { ClassToggler } from '../toggle-classes';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n exports: [\n AsideToggleDirective,\n BrandMinimizeDirective,\n MobileSidebarToggleDirective,\n SidebarToggleDirective,\n SidebarMinimizeDirective,\n SidebarOffCanvasCloseDirective\n ],\n declarations: [\n AsideToggleDirective,\n BrandMinimizeDirective,\n MobileSidebarToggleDirective,\n SidebarToggleDirective,\n SidebarMinimizeDirective,\n SidebarOffCanvasCloseDirective\n ],\n providers: [\n ClassToggler\n ]\n})\nexport class LayoutModule { }\n","export function Replace(el: any): any {\r\n const nativeElement: HTMLElement = el.nativeElement;\r\n const parentElement: HTMLElement = nativeElement.parentElement;\r\n // move all children out of the element\r\n while (nativeElement.firstChild) {\r\n parentElement.insertBefore(nativeElement.firstChild, nativeElement);\r\n }\r\n // remove the empty element(the host)\r\n parentElement.removeChild(nativeElement);\r\n}\r\n","import {Component, ElementRef, Input, OnInit, OnDestroy, Inject, Renderer2} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\nimport { asideMenuCssClasses, Replace } from '../shared';\n\n@Component({\n selector: 'app-aside',\n template: `\n \n `\n})\nexport class AppAsideComponent implements OnInit, OnDestroy {\n @Input() display: any;\n @Input() fixed: boolean;\n @Input() offCanvas: boolean;\n\n constructor(\n @Inject(DOCUMENT) private document: any,\n private renderer: Renderer2,\n private el: ElementRef\n ) {}\n\n ngOnInit(): void {\n Replace(this.el);\n this.isFixed(this.fixed);\n this.isOffCanvas(this.offCanvas);\n this.displayBreakpoint(this.display);\n }\n\n ngOnDestroy(): void {\n this.renderer.removeClass(this.document.body, 'aside-menu-fixed');\n }\n\n isFixed(fixed: boolean = this.fixed): void {\n if (fixed) {\n this.renderer.addClass(this.document.body, 'aside-menu-fixed');\n }\n }\n\n isOffCanvas(offCanvas: boolean = this.offCanvas): void {\n if (offCanvas) {\n this.renderer.addClass(this.document.body, 'aside-menu-off-canvas');\n }\n }\n\n displayBreakpoint(display: any = this.display): void {\n if (display !== false ) {\n const cssClass = this.display ? `aside-menu-${this.display}-show` : asideMenuCssClasses[0];\n this.renderer.addClass(this.document.body, cssClass);\n }\n }\n}\n","import { CommonModule} from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { LayoutModule } from './../shared/layout/layout.module';\r\n\r\nimport { AppAsideComponent } from './app-aside.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n LayoutModule\r\n ],\r\n exports: [\r\n AppAsideComponent,\r\n LayoutModule\r\n ],\r\n declarations: [\r\n AppAsideComponent\r\n ]\r\n})\r\nexport class AppAsideModule {}\r\n","import { Injectable } from '@angular/core';\nimport { Router, ActivatedRoute, NavigationEnd } from '@angular/router';\nimport { BehaviorSubject, Observable } from 'rxjs/index';\nimport { filter } from 'rxjs/operators';\n\n@Injectable()\nexport class AppBreadcrumbService {\n\n breadcrumbs: Observable>;\n\n private _breadcrumbs: BehaviorSubject>;\n\n constructor(private router: Router, private route: ActivatedRoute) {\n\n this._breadcrumbs = new BehaviorSubject