ng-tailwind 2.24.301 → 2.24.305
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-tailwind.umd.js +13 -5
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-multi-select/ngt-multi-select.component.d.ts +2 -0
- package/esm2015/components/ngt-datatable/ngt-datatable.component.js +2 -1
- package/esm2015/components/ngt-dropdown/ngt-dropdown.component.js +2 -2
- package/esm2015/components/ngt-input/ngt-input.component.js +3 -3
- package/esm2015/components/ngt-multi-select/ngt-multi-select.component.js +10 -3
- package/fesm2015/ng-tailwind.js +13 -5
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1845,7 +1845,7 @@
|
|
|
1845
1845
|
NgtDropdownComponent.decorators = [
|
|
1846
1846
|
{ type: core.Component, args: [{
|
|
1847
1847
|
selector: 'ngt-dropdown',
|
|
1848
|
-
template: "<div class=\"sm:relative
|
|
1848
|
+
template: "<div class=\"sm:relative\">\r\n <div (mouseenter)=\"onHover(host, container)\" (click)=\"onClick($event)\" (contextmenu)=\"onRightClick($event)\" #host>\r\n <ng-content select='[host]'></ng-content>\r\n </div>\r\n\r\n <div [hidden]='!isOpen'\r\n class=\"{{ shouldReverseYPosition() ? 'mb-12 bottom-0' : 'mt-4' }} {{ shouldReverseXPosition() ? 'left-0': 'right-0' }} ngt-dropdown-container sm:mr-0 mr-3 max-w-xs absolute\"\r\n [@openClose]=\"isOpen ? 'open' : 'closed'\" (mouseenter)=\"onHover(host, container)\"\r\n (click)='closeOnSelectOption()' style=\"z-index: 1100 !important;\" #container>\r\n\r\n <ng-content select='[container]'></ng-content>\r\n </div>\r\n</div>\r\n\r\n<button *ngIf=\"isOpen && openMethod != 'HOVER'\" class=\"fixed z-40 inset-0 h-full w-full opacity-0 cursor-default\"\r\n (click)='toggle()'>\r\n</button>",
|
|
1849
1849
|
animations: [
|
|
1850
1850
|
animations.trigger('openClose', [
|
|
1851
1851
|
animations.state('open', animations.style({ opacity: 1, transform: 'translateY(0px)' })),
|
|
@@ -2308,7 +2308,7 @@
|
|
|
2308
2308
|
},
|
|
2309
2309
|
text: {
|
|
2310
2310
|
htmlType: "text",
|
|
2311
|
-
length:
|
|
2311
|
+
length: 100
|
|
2312
2312
|
},
|
|
2313
2313
|
longText: {
|
|
2314
2314
|
htmlType: "text",
|
|
@@ -2324,7 +2324,7 @@
|
|
|
2324
2324
|
},
|
|
2325
2325
|
email: {
|
|
2326
2326
|
htmlType: "text",
|
|
2327
|
-
length:
|
|
2327
|
+
length: 100,
|
|
2328
2328
|
},
|
|
2329
2329
|
decimal: {
|
|
2330
2330
|
htmlType: "text",
|
|
@@ -3822,6 +3822,7 @@
|
|
|
3822
3822
|
this.cleaningFilter = true;
|
|
3823
3823
|
if (!reference) {
|
|
3824
3824
|
this.currentState.filters.defaultFilters = {};
|
|
3825
|
+
this.currentState.filters.silentFilters = {};
|
|
3825
3826
|
this.filtersTranslated = [];
|
|
3826
3827
|
}
|
|
3827
3828
|
else {
|
|
@@ -6417,6 +6418,8 @@
|
|
|
6417
6418
|
_this.onDataChange = new core.EventEmitter();
|
|
6418
6419
|
_this.searchTerm = '';
|
|
6419
6420
|
_this.searchInputName = uuid();
|
|
6421
|
+
_this.selectAllCheckboxName = uuid();
|
|
6422
|
+
_this.displayOnlySelectedName = uuid();
|
|
6420
6423
|
_this.selectedElements = [];
|
|
6421
6424
|
_this.nativeName = uuid();
|
|
6422
6425
|
_this.selectableElements = [];
|
|
@@ -6513,12 +6516,17 @@
|
|
|
6513
6516
|
var _this = this;
|
|
6514
6517
|
if (!this.loading && !this.isDisabled) {
|
|
6515
6518
|
this.selectAllCheckbox = !this.selectAllCheckbox;
|
|
6519
|
+
this.value = [];
|
|
6520
|
+
this.nativeValue = [];
|
|
6521
|
+
this.selectedElements = [];
|
|
6516
6522
|
this.loadData(this.selectAllCheckbox ? this.pagination.total : this.itemsPerPage)
|
|
6517
6523
|
.then(function () {
|
|
6518
6524
|
var _a, _b;
|
|
6519
6525
|
(_b = (_a = _this.containerRef) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.scrollTo({ top: 0 });
|
|
6520
6526
|
_this.selectableElements.forEach(function (element) { return element.isSelected = _this.selectAllCheckbox; });
|
|
6521
|
-
_this.
|
|
6527
|
+
if (_this.selectAllCheckbox) {
|
|
6528
|
+
_this.selectedElements = _this.selectableElements;
|
|
6529
|
+
}
|
|
6522
6530
|
});
|
|
6523
6531
|
}
|
|
6524
6532
|
};
|
|
@@ -6744,7 +6752,7 @@
|
|
|
6744
6752
|
NgtMultiSelectComponent.decorators = [
|
|
6745
6753
|
{ type: core.Component, args: [{
|
|
6746
6754
|
selector: 'ngt-multi-select',
|
|
6747
|
-
template: "<label *ngIf=\"label && !shining\" class=\"flex text-sm\" [class.mb-2]='!hasValidationErrors()'>\r\n {{ label }}:\r\n\r\n <span *ngIf=\"isRequired\" class=\"text-red-500 font-bold text-md ml-1\">*</span>\r\n\r\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\r\n {{ helpText }}\r\n </ngt-helper>\r\n</label>\r\n\r\n<ngt-validation [hidden]='shining' class=\"block mb-1\" [control]='formControl' [container]='formContainer'>\r\n</ngt-validation>\r\n\r\n<div class=\"{{ shining ? 'hidden' : 'flex flex-col' }} border w-full rounded {{ ngtStyle.compile(['h']) }}\"\r\n style=\"min-height: 16rem;\" [class.border-red-500]='hasValidationErrors()' [class.disabled-background]='isDisabled'>\r\n <div class=\"flex items-center w-full p-2 border-b\">\r\n <ngt-checkbox class=\"flex\" title=\"Selecionar todos\" [label]=\"!searchable ? 'Selecionar todos' : ''\"\r\n [(ngModel)]=\"selectAllCheckbox\" name=\"
|
|
6755
|
+
template: "<label *ngIf=\"label && !shining\" class=\"flex text-sm\" [class.mb-2]='!hasValidationErrors()'>\r\n {{ label }}:\r\n\r\n <span *ngIf=\"isRequired\" class=\"text-red-500 font-bold text-md ml-1\">*</span>\r\n\r\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\r\n {{ helpText }}\r\n </ngt-helper>\r\n</label>\r\n\r\n<ngt-validation [hidden]='shining' class=\"block mb-1\" [control]='formControl' [container]='formContainer'>\r\n</ngt-validation>\r\n\r\n<div class=\"{{ shining ? 'hidden' : 'flex flex-col' }} border w-full rounded {{ ngtStyle.compile(['h']) }}\"\r\n style=\"min-height: 16rem;\" [class.border-red-500]='hasValidationErrors()' [class.disabled-background]='isDisabled'>\r\n <div class=\"flex items-center w-full p-2 border-b\">\r\n <ngt-checkbox class=\"flex\" title=\"Selecionar todos\" [label]=\"!searchable ? 'Selecionar todos' : ''\"\r\n [(ngModel)]=\"selectAllCheckbox\" [name]=\"selectAllCheckboxName\" [isClickDisabled]='true'\r\n [isDisabled]='loading || isDisabled' h='h-5' w='w-5' (click)='selectAll()' ngt-stylizable>\r\n </ngt-checkbox>\r\n\r\n <ngt-input *ngIf=\"searchable\" class=\"block w-full pl-2\" [name]='searchInputName' [(ngModel)]='searchTerm'\r\n placeholder='Buscar...' [allowClear]='true' [jit]='true' h='h-10' (ngModelChange)='search($event)'\r\n [loading]='loading' [isDisabled]='isDisabled' ngt-stylizable #inputSearch>\r\n </ngt-input>\r\n </div>\r\n\r\n <div *ngIf=\"loading\" class=\"flex justify-center items-center h-full w-full cursor-wait\">\r\n <div class=\"div-loader\"></div>\r\n </div>\r\n\r\n <div class=\"w-full overflow-y-auto text-sm {{ loading ? 'hidden' : 'flex flex-col' }}\" (scroll)='onScroll($event)'\r\n #containerRef>\r\n <ng-container *ngIf=\"customHeaderTemplate\" [ngTemplateOutlet]=\"customHeaderTemplate\">\r\n </ng-container>\r\n\r\n <ng-container *ngFor=\"let element of getSelectableElements(); let i = index\">\r\n <div class=\"flex w-full items-center hover:bg-gray-200 {{ isDisabled ? 'cursor-not-allowed' : 'cursor-pointer' }}\"\r\n [class.p-2]='!customOptionTemplate' (click)='toggleItem($event, element)'>\r\n <ng-template let-element #elementCheckboxTemplate>\r\n <ngt-checkbox class=\"flex pr-2\" [name]='element.uuid' [(ngModel)]=\"element.isSelected\"\r\n (ngModelChange)='onNativeChange(element)' [isClickDisabled]='true' [isDisabled]='isDisabled'\r\n h='h-5' w='w-5' (click)='toggleItem($event, element)' ngt-stylizable>\r\n </ngt-checkbox>\r\n </ng-template>\r\n\r\n <ng-template let-element #defaultOptionTemplate>\r\n {{ getSelectableElementValue(element) }}\r\n </ng-template>\r\n\r\n <ng-container *ngIf=\"!customOptionTemplate\" [ngTemplateOutlet]=\"elementCheckboxTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: element }\">\r\n </ng-container>\r\n\r\n <ng-container [ngTemplateOutlet]=\"customOptionTemplate || defaultOptionTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: element, index: i }\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n\r\n <p *ngIf=\"!getSelectableElements()?.length\" class=\"text-center mt-4\">\r\n {{ ngtTranslateService.ngtMultiSelectNoDataFound }}\r\n </p>\r\n </div>\r\n</div>\r\n\r\n<div class=\"{{ shining ? 'hidden' : 'flex' }} w-full items-center mt-2\">\r\n <span class=\"text-sm mr-4\">\r\n {{ selectedElements?.length || 0 }} / {{ itemsTotal || 0 }}\r\n </span>\r\n\r\n <ngt-checkbox class=\"flex\" label=\"Visualizar selecionados\" [name]='displayOnlySelectedName'\r\n [(ngModel)]=\"displayOnlySelected\" [isDisabled]='loading' h='h-5' w='w-5' ngt-stylizable>\r\n </ngt-checkbox>\r\n</div>\r\n\r\n<ngt-shining *ngIf='shining' class=\"block w-full {{ ngtStyle.compile(['h']) }}\" style=\"min-height: 16rem;\"\r\n rounded='rounded' ngt-stylizable>\r\n</ngt-shining>\r\n\r\n<input *ngIf='componentReady' type='hidden' [ngModel]='value' [name]='name' [value]='value'>",
|
|
6748
6756
|
encapsulation: core.ViewEncapsulation.None,
|
|
6749
6757
|
providers: [
|
|
6750
6758
|
NgtMakeProvider(NgtMultiSelectComponent)
|