ngx-feature-toggle - npm Package Compare versions

Comparing version 4.0.0 to 4.1.0

.angular-cli.json

 {
   "project": {
-    "version": "4.0.0",
+    "version": "4.1.0",
     "name": "ngx-feature-toggle"
@@ -5,0 +5,0 @@ },

dist/bundles/ngx-feature-toggle.umd.js

 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@angular/core"));
+		module.exports = factory(require("@angular/core"), require("@angular/common"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@angular/core"], factory);
+		define(["@angular/core", "@angular/common"], factory);
 	else if(typeof exports === 'object')
-		exports["ngx-feature-toggle.umd"] = factory(require("@angular/core"));
+		exports["ngx-feature-toggle.umd"] = factory(require("@angular/core"), require("@angular/common"));
 	else
-		root["ngx-feature-toggle.umd"] = factory(root["@angular/core"]);
-})(this, function(__WEBPACK_EXTERNAL_MODULE_0__) {
+		root["ngx-feature-toggle.umd"] = factory(root["@angular/core"], root["@angular/common"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_6__) {
 return /******/ (function(modules) { // webpackBootstrap
@@ -46,5 +46,2 @@ /******/ 	// The module cache
 /******/
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-/******/
 /******/ 	// define getter function for harmony exports
@@ -77,3 +74,3 @@ /******/ 	__webpack_require__.d = function(exports, name, getter) {
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
 /******/ })
@@ -104,6 +101,7 @@ /************************************************************************/
 var core_1 = __webpack_require__(0);
-var feature_toggle_service_1 = __webpack_require__(3);
+var feature_toggle_service_1 = __webpack_require__(2);
 var FeatureToggleProviderComponent = (function () {
     function FeatureToggleProviderComponent() {
         this.featureToggleService = {};
+        this.currentConfig = {};
     }
@@ -114,2 +112,12 @@ FeatureToggleProviderComponent.prototype.ngOnInit = function () {
         }
+        this.setFeatureToggles();
+    };
+    FeatureToggleProviderComponent.prototype.ngDoCheck = function () {
+        var shouldUpdateFeatureToggles = this.currentConfig !== this.featureToggleService;
+        if (shouldUpdateFeatureToggles) {
+            this.setFeatureToggles();
+        }
+    };
+    FeatureToggleProviderComponent.prototype.setFeatureToggles = function () {
+        this.currentConfig = this.featureToggleService;
         feature_toggle_service_1.setConfigurationObject(this.featureToggleService);
@@ -136,2 +144,46 @@ };
 
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+ * feature-toggle-service.js v2.0.1
+ * https://willmendesneto.github.io/feature-toggle-service.js
+ *
+ * Licensed MIT © Will Mendes
+ */
+(function (global, factory) {
+    if (true) {
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+    } else if (typeof exports !== "undefined") {
+        factory(exports);
+    } else {
+        var mod = {
+            exports: {}
+        };
+        factory(mod.exports);
+        global.FeatureToggleService = mod.exports;
+    }
+})(this, function (exports) {
+    "use strict";
+
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var settings = {};
+    var isOn = function isOn(key) {
+        return !!settings[key];
+    };
+    exports.isOn = isOn;
+    var isOff = function isOff(key) {
+        return !isOn(key);
+    };
+    exports.isOff = isOff;
+    var setConfigurationObject = function setConfigurationObject(obj) {
+        settings = obj;
+    };
+    exports.setConfigurationObject = setConfigurationObject;
+});
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
 "use strict";
@@ -150,7 +202,9 @@
 var core_1 = __webpack_require__(0);
-var feature_toggle_service_1 = __webpack_require__(3);
+var feature_toggle_service_1 = __webpack_require__(2);
 var FeatureToggleComponent = (function () {
-    function FeatureToggleComponent(el) {
-        this.el = el;
+    function FeatureToggleComponent(_el, _zone) {
+        this._el = _el;
+        this._zone = _zone;
         this.isEnabled = false;
+        this.featureIsEnabled = false;
     }
@@ -161,7 +215,16 @@ FeatureToggleComponent.prototype.ngOnInit = function () {
         }
-        var showWhenDisabled = this.el.nativeElement.getAttribute('showWhenDisabled') !== null;
+        this.checkIfContentShouldBeRendered();
+    };
+    FeatureToggleComponent.prototype.ngDoCheck = function () {
+        var _this = this;
+        this._zone.runOutsideAngular(function () {
+            _this.checkIfContentShouldBeRendered();
+        });
+    };
+    FeatureToggleComponent.prototype.checkIfContentShouldBeRendered = function () {
+        var showWhenDisabled = this._el.nativeElement.getAttribute('showWhenDisabled') !== null;
         var toggleState = feature_toggle_service_1.isOn(this.featureName);
-        this.isEnabled = toggleState === !showWhenDisabled;
-        if (!this.isEnabled) {
-            this.el.nativeElement.remove();
+        this.featureIsEnabled = toggleState === !showWhenDisabled;
+        if (this.isEnabled !== this.featureIsEnabled) {
+            this.isEnabled = this.featureIsEnabled;
         }
@@ -178,5 +241,6 @@ };
         selector: 'feature-toggle',
-        template: '<ng-content></ng-content>'
+        template: '<ng-content *ngIf="isEnabled"></ng-content>'
     }),
-    __metadata("design:paramtypes", [core_1.ElementRef])
+    __metadata("design:paramtypes", [core_1.ElementRef,
+        core_1.NgZone])
 ], FeatureToggleComponent);
@@ -187,47 +251,18 @@ exports.FeatureToggleComponent = FeatureToggleComponent;
 /***/ }),
-/* 3 */
+/* 4 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- * feature-toggle-service.js v2.0.1
- * https://willmendesneto.github.io/feature-toggle-service.js
- *
- * Licensed MIT © Will Mendes
- */
-(function (global, factory) {
-    if (true) {
-        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-    } else if (typeof exports !== "undefined") {
-        factory(exports);
-    } else {
-        var mod = {
-            exports: {}
-        };
-        factory(mod.exports);
-        global.FeatureToggleService = mod.exports;
-    }
-})(this, function (exports) {
-    "use strict";
+"use strict";
 
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var settings = {};
-    var isOn = function isOn(key) {
-        return !!settings[key];
-    };
-    exports.isOn = isOn;
-    var isOff = function isOff(key) {
-        return !isOn(key);
-    };
-    exports.isOff = isOff;
-    var setConfigurationObject = function setConfigurationObject(obj) {
-        settings = obj;
-    };
-    exports.setConfigurationObject = setConfigurationObject;
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+var feature_toggle_provider_component_1 = __webpack_require__(1);
+exports.FeatureToggleProviderComponent = feature_toggle_provider_component_1.FeatureToggleProviderComponent;
+var feature_toggle_component_1 = __webpack_require__(3);
+exports.FeatureToggleComponent = feature_toggle_component_1.FeatureToggleComponent;
+var feature_toggle_module_1 = __webpack_require__(5);
+exports.FeatureToggleModule = feature_toggle_module_1.FeatureToggleModule;
 
+
 /***/ }),
-/* 4 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -245,4 +280,5 @@
 var core_1 = __webpack_require__(0);
+var common_1 = __webpack_require__(6);
 var feature_toggle_provider_component_1 = __webpack_require__(1);
-var feature_toggle_component_1 = __webpack_require__(2);
+var feature_toggle_component_1 = __webpack_require__(3);
 var ANGULAR_FEATURE_TOGGLE_DIRECTIVES = [
@@ -262,3 +298,4 @@ feature_toggle_provider_component_1.FeatureToggleProviderComponent,
         exports: ANGULAR_FEATURE_TOGGLE_DIRECTIVES,
-        providers: ANGULAR_FEATURE_TOGGLE_PROVIDERS
+        providers: ANGULAR_FEATURE_TOGGLE_PROVIDERS,
+        imports: [common_1.CommonModule]
     })
@@ -270,16 +307,7 @@ ], FeatureToggleModule);
 /***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 6 */
+/***/ (function(module, exports) {
 
-"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
 
-Object.defineProperty(exports, "__esModule", { value: true });
-var feature_toggle_provider_component_1 = __webpack_require__(1);
-exports.FeatureToggleProviderComponent = feature_toggle_provider_component_1.FeatureToggleProviderComponent;
-var feature_toggle_component_1 = __webpack_require__(2);
-exports.FeatureToggleComponent = feature_toggle_component_1.FeatureToggleComponent;
-var feature_toggle_module_1 = __webpack_require__(4);
-exports.FeatureToggleModule = feature_toggle_module_1.FeatureToggleModule;
-
-
 /***/ })
@@ -286,0 +314,0 @@ /******/ ]);

dist/bundles/ngx-feature-toggle.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core")):"function"==typeof define&&define.amd?define(["@angular/core"],t):"object"==typeof exports?exports["ngx-feature-toggle.umd.min"]=t(require("@angular/core")):e["ngx-feature-toggle.umd.min"]=t(e["@angular/core"])}(this,function(e){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=5)}([function(t,o){t.exports=e},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=o(0),u=o(3),c=function(){function e(){this.featureToggleService={}}return e.prototype.ngOnInit=function(){if("object"!=typeof this.featureToggleService)throw new Error("Attribute `featureToggleService` should not be null or empty");u.setConfigurationObject(this.featureToggleService)},e}();n([i.Input(),r("design:type",Object)],c.prototype,"featureToggleService",void 0),c=n([i.Component({selector:"feature-toggle-provider",template:"<ng-content></ng-content>"})],c),t.FeatureToggleProviderComponent=c},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=o(0),u=o(3),c=function(){function e(e){this.el=e,this.isEnabled=!1}return e.prototype.ngOnInit=function(){if(!this.featureName)throw new Error("Attribute `featureName` should not be null or empty");var e=null!==this.el.nativeElement.getAttribute("showWhenDisabled"),t=u.isOn(this.featureName);this.isEnabled=t===!e,this.isEnabled||this.el.nativeElement.remove()},e}();n([i.Input(),r("design:type",String)],c.prototype,"featureName",void 0),c=n([i.Component({selector:"feature-toggle",template:"<ng-content></ng-content>"}),r("design:paramtypes",[i.ElementRef])],c),t.FeatureToggleComponent=c},function(e,t,o){var n,r,i;/*!
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common"],t):"object"==typeof exports?exports["ngx-feature-toggle.umd.min"]=t(require("@angular/core"),require("@angular/common")):e["ngx-feature-toggle.umd.min"]=t(e["@angular/core"],e["@angular/common"])}(this,function(e,t){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=4)}([function(t,o){t.exports=e},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=o(0),u=o(2),c=function(){function e(){this.featureToggleService={},this.currentConfig={}}return e.prototype.ngOnInit=function(){if("object"!=typeof this.featureToggleService)throw new Error("Attribute `featureToggleService` should not be null or empty");this.setFeatureToggles()},e.prototype.ngDoCheck=function(){this.currentConfig!==this.featureToggleService&&this.setFeatureToggles()},e.prototype.setFeatureToggles=function(){this.currentConfig=this.featureToggleService,u.setConfigurationObject(this.featureToggleService)},e}();n([i.Input(),r("design:type",Object)],c.prototype,"featureToggleService",void 0),c=n([i.Component({selector:"feature-toggle-provider",template:"<ng-content></ng-content>"})],c),t.FeatureToggleProviderComponent=c},function(e,t,o){var n,r,i;/*!
  * feature-toggle-service.js v2.0.1
@@ -7,2 +7,2 @@ * https://willmendesneto.github.io/feature-toggle-service.js
  */
-!function(o,u){r=[t],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t={},o=function(e){return!!t[e]};e.isOn=o;var n=function(e){return!o(e)};e.isOff=n;var r=function(e){t=e};e.setConfigurationObject=r})},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u};Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),i=o(1),u=o(2),c=[i.FeatureToggleProviderComponent,u.FeatureToggleComponent],f=[],a=function(){function e(){}return e}();a=n([r.NgModule({declarations:c,exports:c,providers:f})],a),t.FeatureToggleModule=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.FeatureToggleProviderComponent=n.FeatureToggleProviderComponent;var r=o(2);t.FeatureToggleComponent=r.FeatureToggleComponent;var i=o(4);t.FeatureToggleModule=i.FeatureToggleModule}])});
+!function(o,u){r=[t],n=u,void 0!==(i="function"==typeof n?n.apply(t,r):n)&&(e.exports=i)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t={},o=function(e){return!!t[e]};e.isOn=o;var n=function(e){return!o(e)};e.isOff=n;var r=function(e){t=e};e.setConfigurationObject=r})},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=o(0),u=o(2),c=function(){function e(e,t){this._el=e,this._zone=t,this.isEnabled=!1,this.featureIsEnabled=!1}return e.prototype.ngOnInit=function(){if(!this.featureName)throw new Error("Attribute `featureName` should not be null or empty");this.checkIfContentShouldBeRendered()},e.prototype.ngDoCheck=function(){var e=this;this._zone.runOutsideAngular(function(){e.checkIfContentShouldBeRendered()})},e.prototype.checkIfContentShouldBeRendered=function(){var e=null!==this._el.nativeElement.getAttribute("showWhenDisabled"),t=u.isOn(this.featureName);this.featureIsEnabled=t===!e,this.isEnabled!==this.featureIsEnabled&&(this.isEnabled=this.featureIsEnabled)},e}();n([i.Input(),r("design:type",String)],c.prototype,"featureName",void 0),c=n([i.Component({selector:"feature-toggle",template:'<ng-content *ngIf="isEnabled"></ng-content>'}),r("design:paramtypes",[i.ElementRef,i.NgZone])],c),t.FeatureToggleComponent=c},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.FeatureToggleProviderComponent=n.FeatureToggleProviderComponent;var r=o(3);t.FeatureToggleComponent=r.FeatureToggleComponent;var i=o(5);t.FeatureToggleModule=i.FeatureToggleModule},function(e,t,o){"use strict";var n=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,u=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(u=(i<3?r(u):i>3?r(t,o,u):r(t,o))||u);return i>3&&u&&Object.defineProperty(t,o,u),u};Object.defineProperty(t,"__esModule",{value:!0});var r=o(0),i=o(6),u=o(1),c=o(3),a=[u.FeatureToggleProviderComponent,c.FeatureToggleComponent],f=[],l=function(){function e(){}return e}();l=n([r.NgModule({declarations:a,exports:a,providers:f,imports:[i.CommonModule]})],l),t.FeatureToggleModule=l},function(e,o){e.exports=t}])});

dist/components/feature-toggle-provider.component.d.ts

@@ -1,5 +0,8 @@
-import { OnInit } from '@angular/core';
-export declare class FeatureToggleProviderComponent implements OnInit {
+import { OnInit, DoCheck } from '@angular/core';
+export declare class FeatureToggleProviderComponent implements DoCheck, OnInit {
     featureToggleService: any;
+    private currentConfig;
     ngOnInit(): void;
+    ngDoCheck(): void;
+    private setFeatureToggles();
 }

dist/components/feature-toggle-provider.component.js

@@ -8,2 +8,3 @@ "use strict";
         this.featureToggleService = {};
+        this.currentConfig = {};
     }
@@ -14,2 +15,12 @@ FeatureToggleProviderComponent.prototype.ngOnInit = function () {
         }
+        this.setFeatureToggles();
+    };
+    FeatureToggleProviderComponent.prototype.ngDoCheck = function () {
+        var shouldUpdateFeatureToggles = this.currentConfig !== this.featureToggleService;
+        if (shouldUpdateFeatureToggles) {
+            this.setFeatureToggles();
+        }
+    };
+    FeatureToggleProviderComponent.prototype.setFeatureToggles = function () {
+        this.currentConfig = this.featureToggleService;
         feature_toggle_service_1.setConfigurationObject(this.featureToggleService);
@@ -16,0 +27,0 @@ };

dist/components/feature-toggle-provider.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleProviderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle-provider","template":"<ng-content></ng-content>"}]}],"members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleProviderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle-provider","template":"<ng-content></ng-content>"}]}],"members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleProviderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle-provider","template":"<ng-content></ng-content>"}]}],"members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"setFeatureToggles":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleProviderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle-provider","template":"<ng-content></ng-content>"}]}],"members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"setFeatureToggles":[{"__symbolic":"method"}]}}}}]

dist/components/feature-toggle.component.d.ts

@@ -1,8 +0,12 @@
-import { OnInit, ElementRef } from '@angular/core';
-export declare class FeatureToggleComponent implements OnInit {
-    private el;
+import { OnInit, ElementRef, NgZone, DoCheck } from '@angular/core';
+export declare class FeatureToggleComponent implements DoCheck, OnInit {
+    private _el;
+    private _zone;
     featureName: string;
-    private isEnabled;
-    constructor(el: ElementRef);
+    isEnabled: boolean;
+    private featureIsEnabled;
+    constructor(_el: ElementRef, _zone: NgZone);
     ngOnInit(): void;
+    ngDoCheck(): void;
+    private checkIfContentShouldBeRendered();
 }

dist/components/feature-toggle.component.js

@@ -6,5 +6,7 @@ "use strict";
 var FeatureToggleComponent = (function () {
-    function FeatureToggleComponent(el) {
-        this.el = el;
+    function FeatureToggleComponent(_el, _zone) {
+        this._el = _el;
+        this._zone = _zone;
         this.isEnabled = false;
+        this.featureIsEnabled = false;
     }
@@ -15,7 +17,16 @@ FeatureToggleComponent.prototype.ngOnInit = function () {
         }
-        var showWhenDisabled = this.el.nativeElement.getAttribute('showWhenDisabled') !== null;
+        this.checkIfContentShouldBeRendered();
+    };
+    FeatureToggleComponent.prototype.ngDoCheck = function () {
+        var _this = this;
+        this._zone.runOutsideAngular(function () {
+            _this.checkIfContentShouldBeRendered();
+        });
+    };
+    FeatureToggleComponent.prototype.checkIfContentShouldBeRendered = function () {
+        var showWhenDisabled = this._el.nativeElement.getAttribute('showWhenDisabled') !== null;
         var toggleState = feature_toggle_service_1.isOn(this.featureName);
-        this.isEnabled = toggleState === !showWhenDisabled;
-        if (!this.isEnabled) {
-            this.el.nativeElement.remove();
+        this.featureIsEnabled = toggleState === !showWhenDisabled;
+        if (this.isEnabled !== this.featureIsEnabled) {
+            this.isEnabled = this.featureIsEnabled;
         }
@@ -28,3 +39,3 @@ };
                 selector: 'feature-toggle',
-                template: '<ng-content></ng-content>'
+                template: '<ng-content *ngIf="isEnabled"></ng-content>'
             },] },
@@ -35,2 +46,3 @@ ];
     { type: core_1.ElementRef, },
+    { type: core_1.NgZone, },
 ]; };
@@ -37,0 +49,0 @@ FeatureToggleComponent.propDecorators = {

dist/components/feature-toggle.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle","template":"<ng-content></ng-content>"}]}],"members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle","template":"<ng-content></ng-content>"}]}],"members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle","template":"<ng-content *ngIf=\"isEnabled\"></ng-content>"}]}],"members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"checkIfContentShouldBeRendered":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"feature-toggle","template":"<ng-content *ngIf=\"isEnabled\"></ng-content>"}]}],"members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"checkIfContentShouldBeRendered":[{"__symbolic":"method"}]}}}}]

dist/components/feature-toggle.module.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
 var feature_toggle_provider_component_1 = require("./feature-toggle-provider.component");
@@ -20,3 +21,4 @@ var feature_toggle_component_1 = require("./feature-toggle.component");
                 exports: ANGULAR_FEATURE_TOGGLE_DIRECTIVES,
-                providers: ANGULAR_FEATURE_TOGGLE_PROVIDERS
+                providers: ANGULAR_FEATURE_TOGGLE_PROVIDERS,
+                imports: [common_1.CommonModule]
             },] },
@@ -23,0 +25,0 @@ ];

dist/components/feature-toggle.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"exports":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"providers":[]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"exports":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"providers":[]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"FeatureToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"exports":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"providers":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"FeatureToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"exports":[{"__symbolic":"reference","module":"./feature-toggle-provider.component","name":"FeatureToggleProviderComponent"},{"__symbolic":"reference","module":"./feature-toggle.component","name":"FeatureToggleComponent"}],"providers":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

dist/package.json

 {
   "main": "dist/index.js",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Your module to handle with feature toggles in Angular applications easier.",
@@ -27,8 +27,8 @@ "typings": "dist/index.d.ts",
     "@angular/common": "^2.3.1 || >=4.0.0",
-    "@angular/compiler": "4.1.3",
-    "@angular/core": "^2.3.1 || >=4.0.0",
-    "@angular/forms": "4.1.3"
+    "@angular/compiler": "^4.4.6",
+    "@angular/core": "^4.2.5",
+    "@angular/forms": "^4.4.6"
   },
-  "_id": "ngx-feature-toggle@4.0.0",
+  "_id": "ngx-feature-toggle@4.1.0",
   "devDependencies": {}
 }

dist/README.md

@@ -23,3 +23,3 @@ # NGX Feature Toggle
 - Progressive rendering;
-- Any other that yoy like :)
+- Any other that you like :)
 
@@ -26,0 +26,0 @@ You can integrate with WebSockets or handling this in a EventSourcing architecture. It's totally transparent for you and you can integrate easier in your application.

package.json

@@ -7,3 +7,3 @@ {
   "license": "MIT",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "main": "dist/index.js",
@@ -61,48 +61,45 @@ "typings": "dist/index.d.ts",
   "peerDependencies": {
-    "@angular/core": "^2.3.1 || >=4.0.0",
-    "@angular/common": "^2.3.1 || >=4.0.0"
+    "@angular/common": "^2.3.1 || >=4.0.0",
+    "@angular/core": "^4.2.5"
   },
   "devDependencies": {
-    "@angular/animations": "4.1.3",
-    "@angular/cli": "1.1.0",
-    "@angular/common": "4.1.3",
-    "@angular/compiler": "4.1.3",
-    "@angular/compiler-cli": "4.1.3",
-    "@angular/core": "4.1.3",
-    "@angular/forms": "4.1.3",
-    "@angular/http": "4.1.3",
-    "@angular/language-service": "4.1.3",
-    "@angular/material": "^2.0.0-beta.6",
-    "@angular/platform-browser": "4.1.3",
-    "@angular/platform-browser-dynamic": "4.1.3",
-    "@angular/router": "4.1.3",
+    "@angular/animations": "^4.4.6",
+    "@angular/cdk": "^2.0.0-beta.12",
+    "@angular/cli": "^1.4.9",
+    "@angular/common": "^4.4.6",
+    "@angular/compiler": "^4.4.6",
+    "@angular/compiler-cli": "^4.4.6",
+    "@angular/core": "^4.4.6",
+    "@angular/forms": "^4.4.6",
+    "@angular/http": "^4.4.6",
+    "@angular/language-service": "^4.4.6",
+    "@angular/material": "^2.0.0-beta.12",
+    "@angular/platform-browser": "^4.4.6",
+    "@angular/platform-browser-dynamic": "^4.4.6",
+    "@angular/router": "^4.4.6",
     "@angular/service-worker": "^1.0.0-beta.16",
-    "@angular/tsc-wrapped": "4.1.3",
+    "@angular/tsc-wrapped": "^4.4.6",
     "@types/hammerjs": "^2.0.34",
-    "@types/jasmine": "2.5.51",
-    "@types/marked": "0.0.28",
-    "@types/node": "7.0.28",
-    "@types/webpack": "2.2.15",
-    "angular-highlight-js": "^1.0.2",
-    "chokidar-cli": "1.2.0",
+    "@types/jasmine": "2.5.54",
+    "@types/marked": "0.3.0",
+    "@types/node": "8.0.18",
+    "@types/webpack": "3.0.1",
     "classlist-polyfill": "1.2.0",
-    "codelyzer": "~3.0.1",
+    "codelyzer": "~3.2.0",
     "commitizen": "^2.9.6",
-    "conventional-changelog-cli": "1.3.1",
-    "conventional-github-releaser": "1.1.11",
+    "conventional-changelog-cli": "1.3.3",
+    "conventional-github-releaser": "1.1.12",
     "core-js": "^2.4.1",
-    "coveralls": "^2.13.1",
-    "cpy": "5.0.0",
+    "coveralls": "^3.0.0",
+    "cpy": "5.1.0",
     "cpy-cli": "1.0.1",
     "cz-conventional-changelog": "^2.0.0",
-    "del-cli": "1.0.0",
     "editorconfig-tools": "^0.1.1",
     "gh-pages": "1.0.0",
     "hammerjs": "^2.0.8",
-    "html-loader": "0.4.5",
-    "jasmine": "2.6.0",
-    "jasmine-core": "2.6.2",
+    "jasmine": "2.7.0",
+    "jasmine-core": "2.8.0",
     "jasmine-data-provider": "2.2.0",
-    "jasmine-spec-reporter": "4.1.0",
-    "karma": "1.7.0",
+    "jasmine-spec-reporter": "4.2.0",
+    "karma": "1.7.1",
     "karma-chrome-launcher": "^2.0.0",
@@ -116,23 +113,15 @@ "karma-cli": "^1.0.1",
     "lite-server": "2.3.0",
-    "lodash": "4.17.4",
     "ngm-cli": "0.5.2",
-    "ngx-bootstrap": "1.7.1",
-    "pre-commit": "1.2.2",
-    "protractor": "5.1.2",
-    "reflect-metadata": "0.1.10",
-    "require-dir": "0.3.2",
-    "rxjs": "5.4.0",
-    "semantic-release": "^6.3.6",
+    "protractor": "5.2.0",
+    "semantic-release": "^7.0.1",
     "source-map-explorer": "^1.3.3",
-    "systemjs-builder": "0.16.6",
     "ts-helpers": "^1.1.1",
-    "ts-node": "3.0.6",
-    "tslint": "5.4.3",
-    "tslint-config-valorsoft": "2.0.1",
-    "typedoc": "0.7.1",
+    "ts-node": "3.3.0",
+    "tslint": "5.5.0",
+    "tslint-config-valorsoft": "2.1.1",
+    "typedoc": "0.8.0",
     "typescript": "2.3.4",
-    "wallaby-webpack": "0.0.38",
+    "uglify-js": "^3.0.28",
     "webdriver-manager": "12.0.6",
-    "webpack-bundle-analyzer": "^2.8.1",
-    "zone.js": "0.8.11"
+    "zone.js": "0.8.17"
   },
@@ -139,0 +128,0 @@ "config": {

README.md

@@ -23,3 +23,3 @@ # NGX Feature Toggle
 - Progressive rendering;
-- Any other that yoy like :)
+- Any other that you like :)
 
@@ -26,0 +26,0 @@ You can integrate with WebSockets or handling this in a EventSourcing architecture. It's totally transparent for you and you can integrate easier in your application.

src/package.json

 {
   "name": "ngx-feature-toggle",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "dependencies": {},
@@ -5,0 +5,0 @@ "peerDependencies": {

temp/factories/components/feature-toggle-provider.component.ngsummary.json

@@ -1,1 +0,1 @@
-{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[0]},"isComponent":true,"selector":"feature-toggle-provider","exportAs":null,"inputs":{"featureToggleService":"featureToggleService"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"animations":[],"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":2,"members":[]},"rendererType":{"__symbol":3,"members":[]},"componentFactory":{"__symbol":4,"members":[]}}}],"symbols":[{"__symbol":0,"name":"FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"View_FeatureToggleProviderComponent_0","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"},{"__symbol":3,"name":"RenderType_FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"},{"__symbol":4,"name":"FeatureToggleProviderComponentNgFactory","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"}]}
+{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"featureToggleService":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"setFeatureToggles":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[0,2]},"isComponent":true,"selector":"feature-toggle-provider","exportAs":null,"inputs":{"featureToggleService":"featureToggleService"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":2,"members":[]},"rendererType":{"__symbol":3,"members":[]},"componentFactory":{"__symbol":4,"members":[]}}}],"symbols":[{"__symbol":0,"name":"FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"View_FeatureToggleProviderComponent_0","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"},{"__symbol":3,"name":"RenderType_FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"},{"__symbol":4,"name":"FeatureToggleProviderComponentNgFactory","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.ngfactory.d.ts"}]}

temp/factories/components/feature-toggle.component.ngsummary.json

@@ -1,1 +0,1 @@
-{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":2,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":2,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"feature-toggle","exportAs":null,"inputs":{"featureName":"featureName"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"animations":[],"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":3,"members":[]},"rendererType":{"__symbol":4,"members":[]},"componentFactory":{"__symbol":5,"members":[]}}}],"symbols":[{"__symbol":0,"name":"FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"ElementRef","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":3,"name":"View_FeatureToggleComponent_0","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"},{"__symbol":4,"name":"RenderType_FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"},{"__symbol":5,"name":"FeatureToggleComponentNgFactory","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"}]}
+{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"featureName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":2,"members":[]},{"__symbol":3,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"checkIfContentShouldBeRendered":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":2,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":3,"members":[]}}}}],"lifecycleHooks":[0,2]},"isComponent":true,"selector":"feature-toggle","exportAs":null,"inputs":{"featureName":"featureName"},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":["*"],"encapsulation":2},"componentViewType":{"__symbol":4,"members":[]},"rendererType":{"__symbol":5,"members":[]},"componentFactory":{"__symbol":6,"members":[]}}}],"symbols":[{"__symbol":0,"name":"FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"ElementRef","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":3,"name":"NgZone","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":4,"name":"View_FeatureToggleComponent_0","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"},{"__symbol":5,"name":"RenderType_FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"},{"__symbol":6,"name":"FeatureToggleComponentNgFactory","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.ngfactory.d.ts"}]}

temp/factories/components/feature-toggle.module.ngsummary.json

@@ -1,1 +0,1 @@
-{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":2,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"entryComponents":[],"providers":[],"modules":[{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]}],"exportedDirectives":[{"reference":{"__symbol":1,"members":[]}},{"reference":{"__symbol":2,"members":[]}}],"exportedPipes":[]}}],"symbols":[{"__symbol":0,"name":"FeatureToggleModule","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.module.d.ts"},{"__symbol":1,"name":"FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.d.ts"},{"__symbol":2,"name":"FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.d.ts"}]}
+{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":2,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"entryComponents":[],"providers":[{"provider":{"token":{"identifier":{"reference":{"__symbol":1,"members":[]}}},"useClass":{"reference":{"__symbol":2,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":3,"members":[]}}}}],"lifecycleHooks":[]},"useFactory":null,"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":3,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":4,"members":[]},"diDeps":[],"lifecycleHooks":[]}}],"modules":[{"reference":{"__symbol":4,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]}],"exportedDirectives":[{"reference":{"__symbol":5,"members":[]}},{"reference":{"__symbol":6,"members":[]}}],"exportedPipes":[]}}],"symbols":[{"__symbol":0,"name":"FeatureToggleModule","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.module.d.ts"},{"__symbol":1,"name":"NgLocalization","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/common/common.d.ts"},{"__symbol":2,"name":"NgLocaleLocalization","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/common/common.d.ts"},{"__symbol":3,"name":"LOCALE_ID","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/core/core.d.ts"},{"__symbol":4,"name":"CommonModule","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/node_modules/@angular/common/common.d.ts"},{"__symbol":5,"name":"FeatureToggleProviderComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle-provider.component.d.ts"},{"__symbol":6,"name":"FeatureToggleComponent","filePath":"/Users/willmendesneto/Projects/feature-toggles/ngx-feature-toggle/src/components/feature-toggle.component.d.ts"}]}

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

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

384085

increased by399.21%

Dev dependency count

60

decreased by-15.49%

Lines of code

667

increased by8.99%

Worsened metrics

Number of package files

41

decreased by-4.65%

No dependency changes