ng-tailwind 2.24.326 → 2.24.329

package/bundles/ng-tailwind.umd.js

@@ -1708,7 +1708,7 @@
     NgtHelperComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'ngt-helper',
-                    template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"true\" [autoXReverse]='true' #dropdownRef>\n    <div class=\"flex px-2 text-s rounded-full {{ iconColor ?? 'text-green-500'}}\" style=\"cursor: help;\"\n        host>\n        <ngt-svg *ngIf=\"icon\" [src]=\"icon\" style=\"cursor: help;\"></ngt-svg>\n\n        <div *ngIf=\"!icon\" style=\"cursor: help;\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n                <path class=\"fill-current\"\n                    d=\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z\" />\n            </svg>\n        </div>\n\n        <p *ngIf=\"helpText\" class=\"cursor-pointer {{helpTextColor}}\" style=\"margin-left: 2px\">{{helpText}}</p>\n    </div>\n\n    <div class=\"bg-gray-100 text-sm rounded-lg hover:opacity-100 text-gray-800 max-w-xs shadow-lg {{ ngtStyle.compile(['text', 'fontCase']) }}\"\n        [class.-mb-4]='dropdownRef.isYPositionReversed' container>\n        <div\n            class=\"{{ ngtStyle.compile(['color.bg', 'color.text']) }} rounded-t-lg hover:opacity-100 font-semibold border-b border-dashed border-gray-400 text-center px-6 py-1\">\n            {{ helpTitle || ngtTranslateService.ngtStandardHelperTitle }}\n        </div>\n        <div class=\"px-2 py-1 text-center hover:opacity-100\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ngt-dropdown>\n",
+                    template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"true\" [autoXReverse]='true' #dropdownRef>\n    <div class=\"flex px-2 text-s rounded-full {{ iconColor ?? 'text-green-500'}}\" style=\"cursor: help;\"\n        host>\n        <ngt-svg *ngIf=\"icon\" [src]=\"icon\" style=\"cursor: help;\"></ngt-svg>\n\n        <div *ngIf=\"!icon\" style=\"cursor: help;\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n                <path class=\"fill-current\"\n                    d=\"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z\" />\n            </svg>\n        </div>\n\n        <p *ngIf=\"helpText\" class=\"cursor-pointer {{helpTextColor}}\" style=\"margin-left: 2px\">{{helpText}}</p>\n    </div>\n\n    <div class=\"bg-gray-100 text-sm rounded-lg hover:opacity-100 text-gray-800 max-w-xs shadow-lg {{ ngtStyle.compile(['text', 'fontCase']) }}\"\n        [class.-mb-4]='dropdownRef.isYPositionReversed' container>\n        <div\n            class=\"{{ ngtStyle.compile(['color.bg', 'color.text']) }} flex justify-center rounded-t-lg hover:opacity-100 font-semibold border-b border-dashed border-gray-400 text-center px-6 py-1\">\n            <ngt-svg *ngIf=\"iconTitle\" [src]=\"iconTitle\" style=\"margin-right: 3px\"></ngt-svg>\n            {{ helpTitle || ngtTranslateService.ngtStandardHelperTitle }}\n        </div>\n        <div class=\"px-2 py-1 text-center hover:opacity-100\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</ngt-dropdown>\n",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -1723,7 +1723,8 @@
         helpText: [{ type: core.Input }],
         icon: [{ type: core.Input }],
         helpTitle: [{ type: core.Input }],
-        iconColor: [{ type: core.Input }]
+        iconColor: [{ type: core.Input }],
+        iconTitle: [{ type: core.Input }]
     };
 
     function uuid() {
@@ -1766,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) {
@@ -1835,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;
                 });
             }
         };
@@ -1861,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;
                 });
             }
         };
@@ -6946,6 +6953,7 @@
         };
         NgtDropzoneFileViewerComponent.prototype.init = function () {
             this.canShowViewer = true;
+            this.initReloadInterval();
         };
         NgtDropzoneFileViewerComponent.prototype.close = function () {
             this.canShowViewer = false;
@@ -6958,6 +6966,20 @@
             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);
+                    }
+                });
+            }, 1000);
+        };
         return NgtDropzoneFileViewerComponent;
     }());
     NgtDropzoneFileViewerComponent.decorators = [
@@ -6967,8 +6989,8 @@
                     styles: [":host{background:rgba(0,0,0,.5);color:#fff;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000000}"]
                 },] }
     ];
-    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 }],