ng-boosted - npm Package Compare versions

Comparing version 1.0.0-alpha.2 to 1.0.0-beta

index.d.ts

@@ -13,3 +13,4 @@ /*!
 export { OCarouselComponent } from './o-carousel/o-carousel.component';
+export { ODropdownComponent } from './o-dropdown/o-dropdown.component';
 export declare class NgBoostedModule {
 }

index.js

@@ -17,2 +17,3 @@ /*!
 import { OCarouselComponent } from './o-carousel/o-carousel.component';
+import { ODropdownComponent } from './o-dropdown/o-dropdown.component';
 export { ScrollTopComponent } from './scroll-top/scroll-top.component';
@@ -23,2 +24,3 @@ export { ONavbarComponent, ONavLink } from './o-navbar/o-navbar.component';
 export { OCarouselComponent } from './o-carousel/o-carousel.component';
+export { ODropdownComponent } from './o-dropdown/o-dropdown.component';
 var NG_BOOSTED_DECLARATIONS = [
@@ -31,3 +33,4 @@ ScrollTopComponent,
     OCarouselContainerComponent,
-    OCarouselComponent
+    OCarouselComponent,
+    ODropdownComponent
 ];
@@ -37,14 +40,14 @@ var NgBoostedModule = (function () {
     }
+    NgBoostedModule.decorators = [
+        { type: NgModule, args: [{
+                    imports: [CommonModule, RouterModule, NgbModule],
+                    declarations: NG_BOOSTED_DECLARATIONS,
+                    exports: NG_BOOSTED_DECLARATIONS
+                },] },
+    ];
+    /** @nocollapse */
+    NgBoostedModule.ctorParameters = function () { return []; };
     return NgBoostedModule;
 }());
 export { NgBoostedModule };
-NgBoostedModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, RouterModule, NgbModule],
-                declarations: NG_BOOSTED_DECLARATIONS,
-                exports: NG_BOOSTED_DECLARATIONS
-            },] },
-];
-/** @nocollapse */
-NgBoostedModule.ctorParameters = function () { return []; };
 //# sourceMappingURL=index.js.map

index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"NgBoostedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule"}],"declarations":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"}],"exports":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"}]}]}]}},"exports":[{"from":"./scroll-top/scroll-top.component","export":["ScrollTopComponent"]},{"from":"./o-navbar/o-navbar.component","export":["ONavbarComponent","ONavLink"]},{"from":"./o-switch/o-switch.component","export":["OSwitchComponent"]},{"from":"./o-carousel/o-carousel-container.component","export":["OCarouselContainerComponent"]},{"from":"./o-carousel/o-carousel.component","export":["OCarouselComponent"]}]},{"__symbolic":"module","version":1,"metadata":{"NgBoostedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule"}],"declarations":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"}],"exports":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"}]}]}]}},"exports":[{"from":"./scroll-top/scroll-top.component","export":["ScrollTopComponent"]},{"from":"./o-navbar/o-navbar.component","export":["ONavbarComponent","ONavLink"]},{"from":"./o-switch/o-switch.component","export":["OSwitchComponent"]},{"from":"./o-carousel/o-carousel-container.component","export":["OCarouselContainerComponent"]},{"from":"./o-carousel/o-carousel.component","export":["OCarouselComponent"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{"NgBoostedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule"}],"declarations":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"},{"__symbolic":"reference","module":"./o-dropdown/o-dropdown.component","name":"ODropdownComponent"}],"exports":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"},{"__symbolic":"reference","module":"./o-dropdown/o-dropdown.component","name":"ODropdownComponent"}]}]}]}},"exports":[{"from":"./scroll-top/scroll-top.component","export":["ScrollTopComponent"]},{"from":"./o-navbar/o-navbar.component","export":["ONavbarComponent","ONavLink"]},{"from":"./o-switch/o-switch.component","export":["OSwitchComponent"]},{"from":"./o-carousel/o-carousel-container.component","export":["OCarouselContainerComponent"]},{"from":"./o-carousel/o-carousel.component","export":["OCarouselComponent"]},{"from":"./o-dropdown/o-dropdown.component","export":["ODropdownComponent"]}]},{"__symbolic":"module","version":1,"metadata":{"NgBoostedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule"}],"declarations":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"},{"__symbolic":"reference","module":"./o-dropdown/o-dropdown.component","name":"ODropdownComponent"}],"exports":[{"__symbolic":"reference","module":"./scroll-top/scroll-top.component","name":"ScrollTopComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavbarComponent"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavLink"},{"__symbolic":"reference","module":"./o-navbar/o-navbar.component","name":"ONavMenu"},{"__symbolic":"reference","module":"./o-switch/o-switch.component","name":"OSwitchComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel-container.component","name":"OCarouselContainerComponent"},{"__symbolic":"reference","module":"./o-carousel/o-carousel.component","name":"OCarouselComponent"},{"__symbolic":"reference","module":"./o-dropdown/o-dropdown.component","name":"ODropdownComponent"}]}]}]}},"exports":[{"from":"./scroll-top/scroll-top.component","export":["ScrollTopComponent"]},{"from":"./o-navbar/o-navbar.component","export":["ONavbarComponent","ONavLink"]},{"from":"./o-switch/o-switch.component","export":["OSwitchComponent"]},{"from":"./o-carousel/o-carousel-container.component","export":["OCarouselContainerComponent"]},{"from":"./o-carousel/o-carousel.component","export":["OCarouselComponent"]},{"from":"./o-dropdown/o-dropdown.component","export":["ODropdownComponent"]}]}]

o-carousel/o-carousel-container.component.js

@@ -28,20 +28,20 @@ /*!
     };
+    OCarouselContainerComponent.decorators = [
+        { type: Injectable },
+        { type: Component, args: [{
+                    selector: 'o-carousel-container',
+                    template: "<div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"swiper-pagination\"></div>\n    <div class=\"swiper-button-prev\"></div>\n    <div class=\"swiper-button-next\"></div>\n  </div>"
+                },] },
+    ];
+    /** @nocollapse */
+    OCarouselContainerComponent.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] },] },
+    ]; };
+    OCarouselContainerComponent.propDecorators = {
+        'pager': [{ type: Input },],
+        'options': [{ type: Input },],
+    };
     return OCarouselContainerComponent;
 }());
 export { OCarouselContainerComponent };
-OCarouselContainerComponent.decorators = [
-    { type: Injectable },
-    { type: Component, args: [{
-                selector: 'o-carousel-container',
-                template: "<div class=\"swiper-container\">\n    <div class=\"swiper-wrapper\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"swiper-pagination\"></div>\n    <div class=\"swiper-button-prev\"></div>\n    <div class=\"swiper-button-next\"></div>\n  </div>"
-            },] },
-];
-/** @nocollapse */
-OCarouselContainerComponent.ctorParameters = function () { return [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] },] },
-]; };
-OCarouselContainerComponent.propDecorators = {
-    'pager': [{ type: Input },],
-    'options': [{ type: Input },],
-};
 //# sourceMappingURL=o-carousel-container.component.js.map

o-carousel/o-carousel.component.js

@@ -20,17 +20,17 @@ /*!
     };
+    OCarouselComponent.decorators = [
+        { type: Injectable },
+        { type: Component, args: [{
+                    selector: 'o-carousel-slide',
+                    template: '<div><ng-content></ng-content></div>'
+                },] },
+    ];
+    /** @nocollapse */
+    OCarouselComponent.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] },] },
+        { type: OCarouselContainerComponent, decorators: [{ type: Host }, { type: Inject, args: [OCarouselContainerComponent,] },] },
+    ]; };
     return OCarouselComponent;
 }());
 export { OCarouselComponent };
-OCarouselComponent.decorators = [
-    { type: Injectable },
-    { type: Component, args: [{
-                selector: 'o-carousel-slide',
-                template: '<div><ng-content></ng-content></div>'
-            },] },
-];
-/** @nocollapse */
-OCarouselComponent.ctorParameters = function () { return [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] },] },
-    { type: OCarouselContainerComponent, decorators: [{ type: Host }, { type: Inject, args: [OCarouselContainerComponent,] },] },
-]; };
 //# sourceMappingURL=o-carousel.component.js.map

o-navbar/o-navbar.component.d.ts

@@ -8,7 +8,9 @@ /*!
  */
-import { QueryList } from '@angular/core';
-export declare class ONavLink {
+import { ElementRef, DoCheck } from '@angular/core';
+export declare class ONavLink implements DoCheck {
     route: string;
     title: string;
-    NavLinkClass: string;
+    link: ElementRef;
+    isActive: boolean;
+    ngDoCheck(): void;
 }
@@ -18,3 +20,2 @@ export declare class ONavMenu {
     title: string;
-    NavLinkClass: string;
 }
@@ -28,3 +29,2 @@ export declare class ONavbarComponent {
     brandLabel: string;
-    items: QueryList<ONavLink>;
 }

o-navbar/o-navbar.component.js

@@ -8,45 +8,46 @@ /*!
  */
-import { Component, Input, ContentChildren, HostBinding } from '@angular/core';
+import { Component, Input, HostBinding, ViewChild } from '@angular/core';
 var TEST_PATTERN = /xs|sm|md|lg|xl|xxl/;
 var ONavLink = (function () {
     function ONavLink() {
-        this.NavLinkClass = 'nav-item';
+        this.isActive = false;
     }
+    ONavLink.prototype.ngDoCheck = function () {
+        this.isActive = this.link.nativeElement.classList.contains('active');
+    };
+    ONavLink.decorators = [
+        { type: Component, args: [{
+                    selector: 'li[o-nav-link]',
+                    template: "\n    <a #link [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"\n     [attr.aria-current]=\"isActive\"><ng-content></ng-content></a>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    ONavLink.ctorParameters = function () { return []; };
+    ONavLink.propDecorators = {
+        'route': [{ type: HostBinding, args: ['class.nav-item',] }, { type: Input },],
+        'title': [{ type: Input },],
+        'link': [{ type: ViewChild, args: ['link',] },],
+    };
     return ONavLink;
 }());
 export { ONavLink };
-ONavLink.decorators = [
-    { type: Component, args: [{
-                selector: 'li[o-nav-link]',
-                template: "\n    <a [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"><ng-content></ng-content></a>\n  "
-            },] },
-];
-/** @nocollapse */
-ONavLink.ctorParameters = function () { return []; };
-ONavLink.propDecorators = {
-    'route': [{ type: Input },],
-    'title': [{ type: Input },],
-    'NavLinkClass': [{ type: HostBinding, args: ['class',] },],
-};
 var ONavMenu = (function () {
     function ONavMenu() {
-        this.NavLinkClass = 'nav-item dropdown';
     }
+    ONavMenu.decorators = [
+        { type: Component, args: [{
+                    selector: 'li[o-nav-menu]',
+                    styles: ["\n    a:hover {\n      cursor: pointer;\n    }\n  "],
+                    template: "\n    <a class=\"nav-link\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\"\n    (click)=\"$event.stopPropagation();\">{{menuTitle}}</a>\n    <ng-content></ng-content>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    ONavMenu.ctorParameters = function () { return []; };
+    ONavMenu.propDecorators = {
+        'menuTitle': [{ type: HostBinding, args: ['class.nav-item',] }, { type: Input },],
+        'title': [{ type: Input },],
+    };
     return ONavMenu;
 }());
 export { ONavMenu };
-ONavMenu.decorators = [
-    { type: Component, args: [{
-                selector: 'li[o-nav-menu]',
-                styles: ["\n    a:hover {\n      cursor: pointer;\n    }\n  "],
-                template: "\n    <a class=\"nav-link dropdown-toggle\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\">{{menuTitle}}</a>\n    <ng-content class=\"dropdown-menu\"></ng-content>\n  "
-            },] },
-];
-/** @nocollapse */
-ONavMenu.ctorParameters = function () { return []; };
-ONavMenu.propDecorators = {
-    'menuTitle': [{ type: Input },],
-    'title': [{ type: Input },],
-    'NavLinkClass': [{ type: HostBinding, args: ['class',] },],
-};
 var ONavbarComponent = (function () {
@@ -57,20 +58,20 @@ function ONavbarComponent() {
     }
+    ONavbarComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'o-navbar',
+                    styles: ["\n    .navbar-nav { width: 100%;}\n\n    >>> a:hover {\n      cursor: pointer;\n    }\n  "],
+                    template: "\n    <nav [class]=\"'navbar navbar-dark bg-dark ' +\n     (pattern.test(breakpoint) ? 'navbar-expand-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapsingNavbarHead\">\n              <span class=\"navbar-toggler-icon\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    ONavbarComponent.ctorParameters = function () { return []; };
+    ONavbarComponent.propDecorators = {
+        'homeRoute': [{ type: Input },],
+        'breakpoint': [{ type: Input },],
+        'brandPath': [{ type: Input },],
+        'brandLabel': [{ type: Input },],
+    };
     return ONavbarComponent;
 }());
 export { ONavbarComponent };
-ONavbarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'o-navbar',
-                template: "\n    <nav [class]=\"'navbar navbar-inverse ' + (pattern.test(breakpoint) ? 'navbar-toggleable-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapseExample\">\n              <span class=\"sr-only\">toggle navigation</span>\n              <span class=\"icon-menu\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "
-            },] },
-];
-/** @nocollapse */
-ONavbarComponent.ctorParameters = function () { return []; };
-ONavbarComponent.propDecorators = {
-    'homeRoute': [{ type: Input },],
-    'breakpoint': [{ type: Input },],
-    'brandPath': [{ type: Input },],
-    'brandLabel': [{ type: Input },],
-    'items': [{ type: ContentChildren, args: [ONavLink,] },],
-};
 //# sourceMappingURL=o-navbar.component.js.map

o-navbar/o-navbar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ONavLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-link]","template":"\n    <a [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"><ng-content></ng-content></a>\n  "}]}],"members":{"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavLinkClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}},"ONavMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-menu]","styles":["\n    a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <a class=\"nav-link dropdown-toggle\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\">{{menuTitle}}</a>\n    <ng-content class=\"dropdown-menu\"></ng-content>\n  "}]}],"members":{"menuTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavLinkClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}},"ONavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-navbar","template":"\n    <nav [class]=\"'navbar navbar-inverse ' + (pattern.test(breakpoint) ? 'navbar-toggleable-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapseExample\">\n              <span class=\"sr-only\">toggle navigation</span>\n              <span class=\"icon-menu\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "}]}],"members":{"homeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ONavLink"}]}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"ONavLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-link]","template":"\n    <a [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"><ng-content></ng-content></a>\n  "}]}],"members":{"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavLinkClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}},"ONavMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-menu]","styles":["\n    a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <a class=\"nav-link dropdown-toggle\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\">{{menuTitle}}</a>\n    <ng-content class=\"dropdown-menu\"></ng-content>\n  "}]}],"members":{"menuTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"NavLinkClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}},"ONavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-navbar","template":"\n    <nav [class]=\"'navbar navbar-inverse ' + (pattern.test(breakpoint) ? 'navbar-toggleable-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapseExample\">\n              <span class=\"sr-only\">toggle navigation</span>\n              <span class=\"icon-menu\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "}]}],"members":{"homeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ONavLink"}]}]}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ONavLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-link]","template":"\n    <a #link [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"\n     [attr.aria-current]=\"isActive\"><ng-content></ng-content></a>\n  "}]}],"members":{"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.nav-item"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["link"]}]}],"ngDoCheck":[{"__symbolic":"method"}]}},"ONavMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-menu]","styles":["\n    a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <a class=\"nav-link\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\"\n    (click)=\"$event.stopPropagation();\">{{menuTitle}}</a>\n    <ng-content></ng-content>\n  "}]}],"members":{"menuTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.nav-item"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}},"ONavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-navbar","styles":["\n    .navbar-nav { width: 100%;}\n\n    >>> a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <nav [class]=\"'navbar navbar-dark bg-dark ' +\n     (pattern.test(breakpoint) ? 'navbar-expand-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapsingNavbarHead\">\n              <span class=\"navbar-toggler-icon\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "}]}],"members":{"homeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"ONavLink":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-link]","template":"\n    <a #link [routerLink]=\"route\" class=\"nav-link\" routerLinkActive=\"active\"\n     [attr.title]=\"title === 'undefined' ? null : title\"\n     [attr.aria-current]=\"isActive\"><ng-content></ng-content></a>\n  "}]}],"members":{"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.nav-item"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["link"]}]}],"ngDoCheck":[{"__symbolic":"method"}]}},"ONavMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"li[o-nav-menu]","styles":["\n    a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <a class=\"nav-link\" ngbDropdownToggle [attr.title]=\"title === 'undefined' ? null : title\"\n    (click)=\"$event.stopPropagation();\">{{menuTitle}}</a>\n    <ng-content></ng-content>\n  "}]}],"members":{"menuTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.nav-item"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}},"ONavbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-navbar","styles":["\n    .navbar-nav { width: 100%;}\n\n    >>> a:hover {\n      cursor: pointer;\n    }\n  "],"template":"\n    <nav [class]=\"'navbar navbar-dark bg-dark ' +\n     (pattern.test(breakpoint) ? 'navbar-expand-'+breakpoint : 'navbar-toggleable-sm')\" role=\"navigation\">\n        <div class=\"container\">\n            <a class=\"navbar-brand logo\" [routerLink]=\"homeRoute\">\n                <img [attr.src]=\"brandPath\" [attr.alt]=\"brandLabel\" [attr.title]=\"brandLabel\">\n            </a>\n            <button class=\"navbar-toggler\" type=\"button\" (click)=\"isCollapsed = !isCollapsed\"\n              [attr.aria-expanded]=\"!isCollapsed\" aria-controls=\"collapsingNavbarHead\">\n              <span class=\"navbar-toggler-icon\"></span>\n            </button>\n            <div class=\"navbar-collapse collapse\" id=\"collapsingNavbarHead\" [ngbCollapse]=\"isCollapsed\">\n              <ul class=\"navbar-nav\">\n                <ng-content></ng-content>\n              </ul>\n            </div>\n        </div>\n    </nav>\n  "}]}],"members":{"homeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"brandLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]

o-switch/o-switch.component.d.ts

@@ -15,3 +15,2 @@ /*!
     offLabel: string;
-    toggleSwitch(): void;
 }

o-switch/o-switch.component.js

@@ -7,3 +7,3 @@ /*!
  */
-import { Component, Input } from '@angular/core';
+import { Component, Input, HostBinding } from '@angular/core';
 var OSwitchComponent = (function () {
@@ -18,4 +18,18 @@ function OSwitchComponent() {
     }
-    OSwitchComponent.prototype.toggleSwitch = function () {
-        this.toggled = !this.toggled;
+    OSwitchComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'o-switch',
+                    template: "\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <label [for]=\"inputId\" class=\"toggle form-control-label\" [class.toggle-rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.svg-checkbox-tick]=\"onLabel === 'on'\"><span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span></span>\n        <span class=\"off\" [class.svg-delete]=\"offLabel === 'off'\"><span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span></span>\n      </label>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    OSwitchComponent.ctorParameters = function () { return []; };
+    OSwitchComponent.propDecorators = {
+        'inputId': [{ type: HostBinding, args: ['class.o-switch',] }, { type: Input },],
+        'toggled': [{ type: Input },],
+        'rounded': [{ type: Input },],
+        'successColor': [{ type: Input },],
+        'customWidth': [{ type: Input },],
+        'onLabel': [{ type: Input },],
+        'offLabel': [{ type: Input },],
     };
@@ -25,20 +39,2 @@ return OSwitchComponent;
 export { OSwitchComponent };
-OSwitchComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'o-switch',
-                styles: ["\n    .o-switch {\n      display: inline-block;\n    }\n  "],
-                template: "\n    <div class=\"o-switch\" (click)=\"toggleSwitch()\">\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <div class=\"toggle form-control-label\" [class.rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.icon-checkbox-tick]=\"onLabel === 'on'\" role=\"presentation\">\n          <span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span>\n        </span>\n        <span class=\"off\" [class.icon-delete]=\"offLabel === 'off'\" role=\"presentation\">\n          <span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span>\n        </span>\n      </div>\n    </div>\n  "
-            },] },
-];
-/** @nocollapse */
-OSwitchComponent.ctorParameters = function () { return []; };
-OSwitchComponent.propDecorators = {
-    'inputId': [{ type: Input },],
-    'toggled': [{ type: Input },],
-    'rounded': [{ type: Input },],
-    'successColor': [{ type: Input },],
-    'customWidth': [{ type: Input },],
-    'onLabel': [{ type: Input },],
-    'offLabel': [{ type: Input },],
-};
 //# sourceMappingURL=o-switch.component.js.map

o-switch/o-switch.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"OSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-switch","styles":["\n    .o-switch {\n      display: inline-block;\n    }\n  "],"template":"\n    <div class=\"o-switch\" (click)=\"toggleSwitch()\">\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <div class=\"toggle form-control-label\" [class.rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.icon-checkbox-tick]=\"onLabel === 'on'\" role=\"presentation\">\n          <span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span>\n        </span>\n        <span class=\"off\" [class.icon-delete]=\"offLabel === 'off'\" role=\"presentation\">\n          <span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span>\n        </span>\n      </div>\n    </div>\n  "}]}],"members":{"inputId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"successColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggleSwitch":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"OSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-switch","styles":["\n    .o-switch {\n      display: inline-block;\n    }\n  "],"template":"\n    <div class=\"o-switch\" (click)=\"toggleSwitch()\">\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <div class=\"toggle form-control-label\" [class.rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.icon-checkbox-tick]=\"onLabel === 'on'\" role=\"presentation\">\n          <span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span>\n        </span>\n        <span class=\"off\" [class.icon-delete]=\"offLabel === 'off'\" role=\"presentation\">\n          <span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span>\n        </span>\n      </div>\n    </div>\n  "}]}],"members":{"inputId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"successColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggleSwitch":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"OSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-switch","template":"\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <label [for]=\"inputId\" class=\"toggle form-control-label\" [class.toggle-rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.svg-checkbox-tick]=\"onLabel === 'on'\"><span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span></span>\n        <span class=\"off\" [class.svg-delete]=\"offLabel === 'off'\"><span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span></span>\n      </label>\n  "}]}],"members":{"inputId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.o-switch"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"successColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"OSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-switch","template":"\n      <input class=\"checkbox sr-only\" [class.success]=\"successColor\" [id]=\"inputId\" type=\"checkbox\" [checked]=\"toggled\"/>\n      <label [for]=\"inputId\" class=\"toggle form-control-label\" [class.toggle-rounded]=\"rounded\" aria-hidden=\"true\"\n      [ngStyle]=\"{'width': customWidth}\">\n        <span class=\"on\" [class.svg-checkbox-tick]=\"onLabel === 'on'\"><span [class.sr-only]=\"onLabel === 'on'\">{{onLabel}}</span></span>\n        <span class=\"off\" [class.svg-delete]=\"offLabel === 'off'\"><span [class.sr-only]=\"offLabel === 'off'\">{{offLabel}}</span></span>\n      </label>\n  "}]}],"members":{"inputId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.o-switch"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"successColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]

package.json

 {
   "name": "ng-boosted",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-beta",
   "description": "Orange Boosted with Angular",
@@ -5,0 +5,0 @@ "keywords": [

scroll-top/scroll-top.component.js

@@ -21,18 +21,18 @@ /*!
     };
+    ScrollTopComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'scroll-top',
+                    styles: ['a { display: inline;}'],
+                    template: "\n    <a href=\"javascript:void(0)\" class=\"o-scroll-up\" title=\"{{label}}\"\n    onclick=\"window.scrollTo(0, 0);\" *ngIf=\"showMe\">\n      <span class=\"o-scroll-up-text hidden-sm-down\">{{label}}</span>\n      <span class=\"o-scroll-up-icon\" aria-hidden=\"true\"></span>\n    </a>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    ScrollTopComponent.ctorParameters = function () { return []; };
+    ScrollTopComponent.propDecorators = {
+        'label': [{ type: Input },],
+        'onWindowScroll': [{ type: HostListener, args: ['window:scroll', [],] },],
+    };
     return ScrollTopComponent;
 }());
 export { ScrollTopComponent };
-ScrollTopComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'scroll-top',
-                styles: ['a { display: inline;}'],
-                template: "\n    <a href=\"javascript:void(0)\" class=\"o-scroll-up\" title=\"{{label}}\"\n    onclick=\"window.scrollTo(0, 0);\" *ngIf=\"showMe\">\n      <span class=\"o-scroll-up-text hidden-sm-down\">{{label}}</span>\n      <span class=\"o-scroll-up-icon\" aria-hidden=\"true\"></span>\n    </a>\n  "
-            },] },
-];
-/** @nocollapse */
-ScrollTopComponent.ctorParameters = function () { return []; };
-ScrollTopComponent.propDecorators = {
-    'label': [{ type: Input },],
-    'onWindowScroll': [{ type: HostListener, args: ['window:scroll', [],] },],
-};
 //# sourceMappingURL=scroll-top.component.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

79561

increased by25.65%

Number of package files

30

increased by20%

Lines of code

435

increased by13.87%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes