ng-tailwind 2.24.327 → 2.24.330

package/bundles/ng-tailwind.umd.js

@@ -1767,6 +1767,8 @@
             this.name = uuid();
             this.isYPositionReversed = false;
             this.isXPositionReversed = false;
+            this.isBindingYPosition = true;
+            this.isBindingXPosition = true;
             this.subscriptions = [];
             if (this.ngtDropdownContainer) {
                 this.subscriptions.push(this.ngtDropdownContainer.onActiveDropdownChange.subscribe(function (activeDropdown) {
@@ -1836,25 +1838,27 @@
             if (this.isOpen) {
                 this.bindContainerXPosition();
                 this.isXPositionReversed = !(this.containerXPosition > document.documentElement.clientWidth);
-                return this.isXPositionReversed;
+                return !this.isBindingXPosition && this.isXPositionReversed;
             }
         };
         NgtDropdownComponent.prototype.shouldReverseYPosition = function () {
             if (!this.autoYReverse || this.reverseYPosition !== undefined) {
                 return this.reverseYPosition;
             }
-            this.bindContainerYPosition();
             if (this.isOpen) {
+                this.bindContainerYPosition();
                 this.isYPositionReversed = this.containerYPosition > (document.documentElement.clientHeight * 0.9);
-                return this.isYPositionReversed;
+                return !this.isBindingYPosition && this.isYPositionReversed;
             }
         };
         NgtDropdownComponent.prototype.bindContainerXPosition = function () {
             var _this = this;
             if (!this.containerXPosition && this.containerRef.nativeElement.offsetWidth) {
+                this.isBindingXPosition = true;
                 setTimeout(function () {
                     _this.containerXPosition = _this.containerRef.nativeElement.getBoundingClientRect().x
                         + _this.containerRef.nativeElement.offsetWidth;
+                    _this.isBindingXPosition = false;
                 });
             }
         };
@@ -1862,9 +1866,11 @@
             var _this = this;
             var _a;
             if (!this.containerYPosition && ((_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetHeight)) {
+                this.isBindingYPosition = true;
                 setTimeout(function () {
                     _this.containerYPosition = _this.containerRef.nativeElement.getBoundingClientRect().y
                         + _this.containerRef.nativeElement.offsetHeight;
+                    _this.isBindingYPosition = false;
                 });
             }
         };
@@ -6931,10 +6937,7 @@
 
     var NgtDropzoneFileViewerComponent = /** @class */ (function () {
         function NgtDropzoneFileViewerComponent() {
-            this.url = '';
-            this.fileName = '';
             this.onClose = new core.EventEmitter();
-            this.canShowViewer = false;
         }
         NgtDropzoneFileViewerComponent.prototype.keyEvent = function (event) {
             var _this = this;
@@ -6946,7 +6949,9 @@
             }
         };
         NgtDropzoneFileViewerComponent.prototype.init = function () {
+            this.loading = true;
             this.canShowViewer = true;
+            this.initReloadInterval();
         };
         NgtDropzoneFileViewerComponent.prototype.close = function () {
             this.canShowViewer = false;
@@ -6959,17 +6964,32 @@
             file.setAttribute("download", this.fileName);
             file.click();
         };
+        NgtDropzoneFileViewerComponent.prototype.initReloadInterval = function () {
+            var _this = this;
+            var reloadInterval = setInterval(function () {
+                var _a;
+                (_a = _this.ngxDocViewer) === null || _a === void 0 ? void 0 : _a.iframes.forEach(function (iframe) {
+                    if (iframe.nativeElement.contentDocument) {
+                        _this.ngxDocViewer.reloadIFrame(iframe.nativeElement);
+                    }
+                    else {
+                        clearInterval(reloadInterval);
+                        _this.loading = false;
+                    }
+                });
+            }, 1000);
+        };
         return NgtDropzoneFileViewerComponent;
     }());
     NgtDropzoneFileViewerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'ngt-dropzone-file-viewer',
-                    template: "<div style=\"width:100%; height: 100%;\">\n    <div style=\"width:100%; height: 100%;\">\n        <div class=\"w-full py-5 pr-10\">\n            <div class=\"w-full flex justify-end text-2xl\">\n                <div class=\"cursor-pointer\" (click)=\"downloadFile()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n                        <path fill=\"#fff\" d=\"M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z\" />\n                    </svg>\n                </div>\n                &nbsp;&nbsp;&nbsp;\n                <div class=\"cursor-pointer\" (click)=\"close()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                        <path fill=\"#fff\"\n                            d=\"M24 2.42l-2.42 -2.42 -9.58 9.58 -9.58 -9.58 -2.42 2.42 9.58 9.58 -9.58 9.58 2.42 2.42 9.58 -9.58 9.58 9.58 2.42 -2.42 -9.58 -9.58 9.58 -9.58z\" />\n                    </svg>\n                </div>\n\n            </div>\n            <div class=\"w-full justify-center text-center text-2xl font-mono text-white\">\n                {{ fileName }}\n            </div>\n        </div>\n        <div class=\"px-10\" style=\"width:100%; height: 83%;\" *ngIf=\"canShowViewer\">\n            <ngx-doc-viewer class=\"h-full w-full\" [url]=\"url\">\n            </ngx-doc-viewer>\n        </div>\n    </div>\n</div>",
-                    styles: [":host{background:rgba(0,0,0,.5);color:#fff;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000000}"]
+                    template: "<div style=\"width:100%; height: 100%;\">\n    <div style=\"width:100%; height: 100%;\">\n        <div class=\"w-full py-5 pr-10\">\n            <div class=\"w-full flex justify-end text-2xl\">\n                <div class=\"cursor-pointer\" (click)=\"downloadFile()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n                        <path fill=\"#fff\" d=\"M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z\" />\n                    </svg>\n                </div>\n                &nbsp;&nbsp;&nbsp;\n                <div class=\"cursor-pointer\" (click)=\"close()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                        <path fill=\"#fff\"\n                            d=\"M24 2.42l-2.42 -2.42 -9.58 9.58 -9.58 -9.58 -2.42 2.42 9.58 9.58 -9.58 9.58 2.42 2.42 9.58 -9.58 9.58 9.58 2.42 -2.42 -9.58 -9.58 9.58 -9.58z\" />\n                    </svg>\n                </div>\n\n            </div>\n            <div class=\"w-full justify-center text-center text-2xl font-mono text-white\">\n                {{ fileName }}\n            </div>\n        </div>\n        <div class=\"px-10\" style=\"width:100%; height: 83%;\" *ngIf=\"canShowViewer\">\n            <ngx-doc-viewer class=\"h-full w-full\" [url]=\"url\">\n            </ngx-doc-viewer>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"loading\" class=\"flex fixed inset-0 justify-center items-center w-full h-full cursor-wait z-50\">\n    <div class=\"div-loader\"></div>\n</div>",
+                    styles: [":host{background:rgba(0,0,0,.5);color:#fff;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000000}.div-loader{width:5rem;height:5rem;border:5px solid #89c43f38;border-top-color:#89c43f;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}"]
                 },] }
     ];
-    NgtDropzoneFileViewerComponent.ctorParameters = function () { return []; };
     NgtDropzoneFileViewerComponent.propDecorators = {
+        ngxDocViewer: [{ type: core.ViewChild, args: [ngxDocViewer.NgxDocViewerComponent,] }],
         url: [{ type: core.Input }],
         fileName: [{ type: core.Input }],
         onClose: [{ type: core.Output }],