monkey-front-core 0.0.34 → 0.0.35

package/bundles/monkey-front-core.umd.js

@@ -3145,6 +3145,7 @@
         function MonkeyEcxTooltipDirective(el, renderer) {
             this.el = el;
             this.renderer = renderer;
+            this.enableToShow = true;
             this.offset = 10;
             // not to do
         }
@@ -3164,12 +3165,20 @@
             }
         };
         MonkeyEcxTooltipDirective.prototype.show = function () {
-            this.create();
-            this.setPosition();
-            this.renderer.addClass(this.tooltip, 'monkey-tooltip-show');
+            var _this = this;
+            if (this.enableToShow) {
+                this.create();
+                this.setPosition();
+                this.renderer.addClass(this.tooltip, 'monkeyecx-tooltip-show');
+                setTimeout(function () {
+                    _this.hide();
+                }, 5000);
+            }
         };
         MonkeyEcxTooltipDirective.prototype.hide = function () {
-            this.renderer.removeClass(this.tooltip, 'monkey-tooltip-show');
+            if (!this.tooltip)
+                return;
+            this.renderer.removeClass(this.tooltip, 'monkeyecx-tooltip-show');
             this.renderer.removeChild(document.body, this.tooltip);
             this.tooltip = null;
         };
@@ -3179,19 +3188,19 @@
             if (this.tooltipTitle) {
                 var tooltipTitleElement = document.createElement('span');
                 tooltipTitleElement.innerText = "" + this.tooltipTitle;
-                tooltipTitleElement.className = 'monkey-tooltip-title';
+                tooltipTitleElement.className = 'monkeyecx-tooltip-title';
                 tooltipElement.appendChild(tooltipTitleElement);
             }
             if (this.tooltipText) {
                 var tooltipTextElement = document.createElement('span');
                 tooltipTextElement.innerText = "" + this.tooltipText;
-                tooltipTextElement.className = 'monkey-tooltip-description';
+                tooltipTextElement.className = 'monkeyecx-tooltip-description';
                 tooltipElement.appendChild(tooltipTextElement);
             }
             this.renderer.appendChild(this.tooltip, tooltipElement);
             this.renderer.appendChild(document.body, this.tooltip);
-            this.renderer.addClass(this.tooltip, 'monkey-tooltip');
-            this.renderer.addClass(this.tooltip, "monkey-tooltip-" + this.tooltipPosition);
+            this.renderer.addClass(this.tooltip, 'monkeyecx-tooltip');
+            this.renderer.addClass(this.tooltip, "monkeyecx-tooltip-" + this.tooltipPosition);
             this.renderer.setStyle(this.tooltip, '-webkit-transition', "opacity " + this.tooltipDelay + "ms");
             this.renderer.setStyle(this.tooltip, '-moz-transition', "opacity " + this.tooltipDelay + "ms");
             this.renderer.setStyle(this.tooltip, '-o-transition', "opacity " + this.tooltipDelay + "ms");
@@ -3225,7 +3234,7 @@
         return MonkeyEcxTooltipDirective;
     }());
     MonkeyEcxTooltipDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyEcxTooltipDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    MonkeyEcxTooltipDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: MonkeyEcxTooltipDirective, selector: "[monkeyecxTooltip]", inputs: { tooltipDelay: "tooltipDelay", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "clickout()" } }, ngImport: i0__namespace });
+    MonkeyEcxTooltipDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: MonkeyEcxTooltipDirective, selector: "[monkeyecxTooltip]", inputs: { tooltipDelay: "tooltipDelay", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", tooltipTitle: "tooltipTitle", enableToShow: "enableToShow" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "clickout()" } }, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyEcxTooltipDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
@@ -3239,6 +3248,8 @@
                     type: i0.Input
                 }], tooltipTitle: [{
                     type: i0.Input
+                }], enableToShow: [{
+                    type: i0.Input
                 }], onMouseEnter: [{
                     type: i0.HostListener,
                     args: ['mouseenter']
@@ -3250,6 +3261,68 @@
                     args: ['click']
                 }] } });
 
+    var MonkeyFeatureDirective = /** @class */ (function () {
+        function MonkeyFeatureDirective(cdr, elementRef, monkeyecxFeatureToggleService) {
+            this.cdr = cdr;
+            this.elementRef = elementRef;
+            this.monkeyecxFeatureToggleService = monkeyecxFeatureToggleService;
+            this.unsubscribeAll = new rxjs.Subject();
+            // not to do
+        }
+        MonkeyFeatureDirective.prototype.getFeature = function (feature) {
+            var monkeyecxFeatureToggleService = this.monkeyecxFeatureToggleService;
+            if (!monkeyecxFeatureToggleService) {
+                return false;
+            }
+            return monkeyecxFeatureToggleService.getFlag(feature);
+        };
+        MonkeyFeatureDirective.prototype.handleDisplay = function () {
+            var flag = this.getFeature(this.feature);
+            var display = 'none';
+            if (!MonkeyEcxUtils.persistNullEmptyUndefined(flag)) {
+                return;
+            }
+            if (flag) {
+                display = 'block';
+            }
+            if (display === 'none') {
+                this.elementRef.nativeElement.remove();
+            }
+            this.elementRef.nativeElement.style.display = display;
+            this.cdr.detectChanges();
+        };
+        MonkeyFeatureDirective.prototype.ngOnDestroy = function () {
+            this.unsubscribeAll.next();
+            this.unsubscribeAll.complete();
+        };
+        MonkeyFeatureDirective.prototype.ngOnInit = function () {
+            var _this = this;
+            if (!this.feature)
+                return;
+            this.elementRef.nativeElement.style.display = 'none';
+            this.cdr.detectChanges();
+            this.monkeyecxFeatureToggleService.onFlags
+                .pipe(operators.takeUntil(this.unsubscribeAll))
+                .subscribe(function (val) {
+                if (val) {
+                    _this.handleDisplay();
+                }
+            });
+        };
+        return MonkeyFeatureDirective;
+    }());
+    MonkeyFeatureDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyFeatureDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: MonkeyEcxFeatureToggleService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    MonkeyFeatureDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: MonkeyFeatureDirective, selector: "[monkeyecxFeature]", inputs: { feature: ["featureName", "feature"] }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyFeatureDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[monkeyecxFeature]'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: MonkeyEcxFeatureToggleService }]; }, propDecorators: { feature: [{
+                    type: i0.Input,
+                    args: ['featureName']
+                }] } });
+
     var MonkeyEcxDirectivesModule = /** @class */ (function () {
         function MonkeyEcxDirectivesModule() {
         }
@@ -3258,12 +3331,14 @@
     MonkeyEcxDirectivesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyEcxDirectivesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     MonkeyEcxDirectivesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MonkeyEcxDirectivesModule, declarations: [MonkeyEcxDragDropDirective,
             MonkeyEcxFormatCurrency,
+            MonkeyFeatureDirective,
             MonkeyEcxFormatUpper,
             MonkeyEcxOnlyAlphaNumericDirective,
             MonkeyEcxOnlyNumbersDirective,
             MonkeyEcxSecurityDirective,
             MonkeyEcxTooltipDirective], exports: [MonkeyEcxDragDropDirective,
             MonkeyEcxFormatCurrency,
+            MonkeyFeatureDirective,
             MonkeyEcxFormatUpper,
             MonkeyEcxOnlyAlphaNumericDirective,
             MonkeyEcxOnlyNumbersDirective,
@@ -3276,6 +3351,7 @@
                         declarations: [
                             MonkeyEcxDragDropDirective,
                             MonkeyEcxFormatCurrency,
+                            MonkeyFeatureDirective,
                             MonkeyEcxFormatUpper,
                             MonkeyEcxOnlyAlphaNumericDirective,
                             MonkeyEcxOnlyNumbersDirective,
@@ -3285,6 +3361,7 @@
                         exports: [
                             MonkeyEcxDragDropDirective,
                             MonkeyEcxFormatCurrency,
+                            MonkeyFeatureDirective,
                             MonkeyEcxFormatUpper,
                             MonkeyEcxOnlyAlphaNumericDirective,
                             MonkeyEcxOnlyNumbersDirective,
@@ -4536,6 +4613,7 @@
     exports.MonkeyEcxTruncateQtdPipe = MonkeyEcxTruncateQtdPipe;
     exports.MonkeyEcxUtils = MonkeyEcxUtils;
     exports.MonkeyEcxi18nConfigService = MonkeyEcxi18nConfigService;
+    exports.MonkeyFeatureDirective = MonkeyFeatureDirective;
     exports.MonkeyFrontCoreModuleModule = MonkeyFrontCoreModuleModule;
     exports.Statics = statics;
     exports.ValidateUtils = validateUtils;