@indice/ng-components 0.2.4 → 0.2.8

package/_styles.css

@@ -1081,21 +1081,6 @@
   border-radius: 0.3rem;
   outline: 0;
 }
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1040;
-  width: 100vw;
-  height: 100vh;
-  background-color: #000;
-}
-.modal-backdrop.fade {
-  opacity: 0;
-}
-.modal-backdrop.show {
-  opacity: 0.5;
-}
 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;

package/bundles/indice-ng-components.umd.js

@@ -655,8 +655,8 @@
     }());
     var ExternalNavLink = /** @class */ (function (_super) {
         __extends(ExternalNavLink, _super);
-        function ExternalNavLink(text, path, icon, newTab) {
-            return _super.call(this, text, path, true, newTab, icon) || this;
+        function ExternalNavLink(text, path, openInNewTab, icon) {
+            return _super.call(this, text, path, true, openInNewTab, icon) || this;
         }
         return ExternalNavLink;
     }(NavLink));
@@ -2720,9 +2720,7 @@
     ]; };
 
     var cssClassNames = {
-        backdrop: 'modal-backdrop',
         show: 'show',
-        fade: 'fade',
         modalOpen: 'modal-open'
     };
     var animationTime = {
@@ -2730,50 +2728,6 @@
         modal: 300,
     };
 
-    /**
-     * Background layer for modals.
-     * Override class name to theme it.
-     * @see {@link cssClassNames}
-     * @internal
-     */
-    var ModalBackdropComponent = /** @class */ (function () {
-        function ModalBackdropComponent(element, renderer) {
-            this.element = element;
-            this.renderer = renderer;
-            this.animationsEnabled = false;
-        }
-        ModalBackdropComponent.prototype.ngOnInit = function () {
-            if (this.animationsEnabled) {
-                this.renderer.addClass(this.element.nativeElement, cssClassNames.fade);
-                this.reflow(this.element.nativeElement);
-            }
-            this.renderer.addClass(this.element.nativeElement, cssClassNames.show);
-        };
-        ModalBackdropComponent.prototype.hide = function () {
-            var _this = this;
-            this.renderer.removeClass(this.element.nativeElement, cssClassNames.show);
-            setTimeout(function () { var _a; return (_a = _this.backdropLoader) === null || _a === void 0 ? void 0 : _a.hide(); }, this.animationsEnabled ? animationTime.backdrop : 0);
-        };
-        ModalBackdropComponent.prototype.reflow = function (element) {
-            (function (bs) { return bs; })(element.offsetHeight);
-        };
-        return ModalBackdropComponent;
-    }());
-    ModalBackdropComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lib-modal-backdrop',
-                    encapsulation: i0.ViewEncapsulation.None,
-                    template: '',
-                    host: {
-                        class: cssClassNames.backdrop,
-                    }
-                },] }
-    ];
-    ModalBackdropComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 }
-    ]; };
-
     /**
      * Modals option can be passed to a specific modal from {@link ModalService.show} or set globbaly using the injection token {@link MODAL_CONFIG_DEFAULT_OVERRIDE}.
      * @remarks
@@ -2826,9 +2780,6 @@
         }
         ModalContainerComponent.prototype.ngOnInit = function () {
             var _this = this;
-            if (this.animationsEnabled) {
-                this.renderer.addClass(this._element.nativeElement, cssClassNames.fade);
-            }
             this.renderer.setStyle(this._element.nativeElement, 'display', 'block');
             setTimeout(function () {
                 _this.isShown = true;
@@ -2838,17 +2789,6 @@
                 this._element.nativeElement.focus();
             }
         };
-        ModalContainerComponent.prototype.onClickStarted = function (event) {
-            this.clickStartedInContent = event.target !== this._element.nativeElement;
-        };
-        ModalContainerComponent.prototype.onClickStop = function (event) {
-            var clickedInBackdrop = event.target === this._element.nativeElement && !this.clickStartedInContent;
-            if (this.config.ignoreBackdropClick || this.config.backdrop === 'static' || !clickedInBackdrop) {
-                this.clickStartedInContent = false;
-                return;
-            }
-            this.hide();
-        };
         ModalContainerComponent.prototype.onPopState = function () {
             this.hide();
         };
@@ -2913,8 +2853,6 @@
         { type: i0.Renderer2 }
     ]; };
     ModalContainerComponent.propDecorators = {
-        onClickStarted: [{ type: i0.HostListener, args: ['mousedown', ['$event'],] }],
-        onClickStop: [{ type: i0.HostListener, args: ['click', ['$event'],] }],
         onPopState: [{ type: i0.HostListener, args: ['window:popstate',] }],
         onEsc: [{ type: i0.HostListener, args: ['window:keydown.esc', ['$event'],] }]
     };
@@ -2959,7 +2897,6 @@
             this.loaders = [];
             this.modalsCount = 0;
             this.initialPadding = '0px';
-            this.backdropLoader = this.clf.createLoader();
             this.defaultConfig = Object.assign(Object.assign({}, modalConfigDefaults), modalDefaultOption);
             this.renderer = rendererFactory.createRenderer(null, null);
         }
@@ -2982,7 +2919,6 @@
             if (this.modalsCount === 1) {
                 this.renderer.addClass(this.document.body, cssClassNames.modalOpen);
             }
-            this.showBackdrop(combinedConfig);
             return this.showModal(content, combinedConfig);
         };
         /**
@@ -2993,7 +2929,6 @@
         ModalService.prototype.hide = function (id, result) {
             var _this = this;
             if (this.modalsCount === 1 || id == null) {
-                this.hideBackdrop();
                 this.revertScrollbar();
                 this.renderer.removeClass(this.document.body, cssClassNames.modalOpen);
             }
@@ -3063,24 +2998,6 @@
                 });
             }
         };
-        ModalService.prototype.showBackdrop = function (combinedConfig) {
-            var isBackdropEnabled = combinedConfig.backdrop === true || combinedConfig.backdrop === 'static';
-            var isBackdropInDOM = this.backdropRef != null;
-            if (isBackdropEnabled && !isBackdropInDOM) {
-                this.backdropLoader
-                    .attach(ModalBackdropComponent)
-                    .to('body')
-                    .show({ animationsEnabled: combinedConfig.animated, backdropLoader: this.backdropLoader });
-                this.backdropRef = this.backdropLoader.componentRef;
-            }
-        };
-        ModalService.prototype.hideBackdrop = function () {
-            if (!this.backdropRef) {
-                return;
-            }
-            this.backdropRef.instance.hide();
-            this.backdropRef = void 0;
-        };
         ModalService.prototype.removeLoaders = function (id) {
             if (id != null) {
                 var indexToRemove = this.loaders.findIndex(function (loader) { var _a; return ((_a = loader.instance) === null || _a === void 0 ? void 0 : _a.config.id) === id; });