ng-tailwind 3.31.370 → 3.32.371

package/bundles/ng-tailwind.umd.js

@@ -1707,6 +1707,7 @@
             this.ngtTranslateService = ngtTranslateService;
             this.injector = injector;
             this.tooltipSize = 'max-w-xs';
+            this.autoXReverse = true;
             if (this.ngtStylizableDirective) {
                 this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
             }
@@ -1728,7 +1729,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 rounded-full {{ iconColor ?? 'text-green-500'}} {{ ngtStyle.compile(['px', 'text']) }}\" style=\"cursor: help;\"\n        host>\n        <ngt-svg *ngIf=\"icon\" [class]=\"iconSize\" [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 rounded-lg hover:opacity-100 text-gray-800 {{tooltipSize}} 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",
+                    template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"true\" [autoXReverse]=\"autoXReverse\" #dropdownRef>\n    <div class=\"flex rounded-full {{ iconColor ?? 'text-green-500'}} {{ ngtStyle.compile(['px', 'text']) }}\" style=\"cursor: help;\"\n        host>\n        <ngt-svg *ngIf=\"icon\" [class]=\"iconSize\" [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 rounded-lg hover:opacity-100 text-gray-800 {{tooltipSize}} 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
                 },] }
     ];
@@ -1746,7 +1747,8 @@
         iconSize: [{ type: core.Input }],
         iconColor: [{ type: core.Input }],
         iconTitle: [{ type: core.Input }],
-        tooltipSize: [{ type: core.Input }]
+        tooltipSize: [{ type: core.Input }],
+        autoXReverse: [{ type: core.Input }]
     };
 
     function uuid() {
@@ -7235,6 +7237,7 @@
             });
             return _this;
         }
+        ;
         NgtDropzoneComponent.prototype.ngOnChanges = function (changes) {
             if (changes.previewType) {
                 this.previewType = getEnumFromString(changes.previewType.currentValue, exports.NgtDropzonePreviewType);
@@ -7357,16 +7360,20 @@
         };
         NgtDropzoneComponent.prototype.uploadFiles = function (files) {
             return __awaiter(this, void 0, void 0, function () {
-                var temporaryFiles_1, temporaryAttachments_1, observables_1;
+                var temporaryFiles_1, temporaryAttachments_1, observables_1, unacceptedFiles_1;
                 var _this = this;
                 return __generator(this, function (_a) {
                     if (files && files.length) {
                         temporaryFiles_1 = [];
                         temporaryAttachments_1 = [];
                         observables_1 = [];
+                        unacceptedFiles_1 = [];
                         this.loading = true;
                         this.onFileUploadInit.emit();
                         files.forEach(function (file) {
+                            if (file.type.includes(_this.unacceptedFiles)) {
+                                return unacceptedFiles_1.push(file);
+                            }
                             observables_1.push(_this.ngtAttachmentHttpService.upload(_this.remoteResource, file).pipe(operators.map(function (response) {
                                 if (response && response.data) {
                                     if (response.data.attributes && response.data.attributes.data) {
@@ -7382,6 +7389,10 @@
                                 }
                             })));
                         });
+                        if (!observables_1.length && unacceptedFiles_1.length) {
+                            this.loading = false;
+                            return [2 /*return*/, this.onFileSelectError.emit(exports.NgtDropzoneErrorType.TYPE)];
+                        }
                         this.subscriptions.push(rxjs.forkJoin(observables_1).subscribe(function (response) {
                             var _a;
                             (_a = _this.uploadedResources).push.apply(_a, __spreadArray([], __read(temporaryFiles_1)));
@@ -7393,6 +7404,9 @@
                             }
                             _this.onFileUploaded.emit();
                             _this.loading = false;
+                            if (unacceptedFiles_1.length) {
+                                _this.onFileSelectError.emit(exports.NgtDropzoneErrorType.TYPE);
+                            }
                         }, function (error) {
                             _this.onFileUploadFail.emit(error);
                             _this.loading = false;
@@ -7594,6 +7608,7 @@
         canDownloadFile: [{ type: core.Input }],
         verticalExpandable: [{ type: core.Input }],
         acceptedFiles: [{ type: core.Input }],
+        unacceptedFiles: [{ type: core.Input }],
         maxFileSize: [{ type: core.Input }],
         previewType: [{ type: core.Input }],
         isRequired: [{ type: core.Input }],