ng-tailwind 2.24.328 → 2.24.331

package/bundles/ng-tailwind.umd.js

@@ -6726,6 +6726,8 @@
             }
             else if (!selectableElement.isSelected && this.isSelectedElement(selectableElement)) {
                 this.selectedElements = this.selectedElements.filter(function (selectedElement) { return selectedElement.uuid !== selectableElement.uuid; });
+                ;
+                this.onNativeChange(selectableElement);
                 if (this.displayOnlySelected && !this.selectedElements.length) {
                     this.displayOnlySelected = false;
                 }
@@ -6937,10 +6939,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;
@@ -6952,7 +6951,9 @@
             }
         };
         NgtDropzoneFileViewerComponent.prototype.init = function () {
+            this.loading = true;
             this.canShowViewer = true;
+            this.initReloadInterval();
         };
         NgtDropzoneFileViewerComponent.prototype.close = function () {
             this.canShowViewer = false;
@@ -6965,17 +6966,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 }],