ng-tailwind 2.24.320 → 2.24.323
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 +6 -2
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-date/ngt-date.component.d.ts +1 -0
- package/components/ngt-select/ngt-select.component.d.ts +1 -0
- package/esm2015/components/ngt-date/ngt-date.component.js +4 -2
- package/esm2015/components/ngt-select/ngt-select.component.js +4 -2
- package/fesm2015/ng-tailwind.js +6 -2
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -3011,6 +3011,7 @@
|
|
|
3011
3011
|
_this.allowCreate = false;
|
|
3012
3012
|
_this.allowOriginalItemsUnselect = true;
|
|
3013
3013
|
_this.isDisabled = false;
|
|
3014
|
+
_this.isReadonly = false;
|
|
3014
3015
|
_this.bindLabel = 'name';
|
|
3015
3016
|
_this.items = [];
|
|
3016
3017
|
_this.closeOnSelect = true;
|
|
@@ -3376,7 +3377,7 @@
|
|
|
3376
3377
|
NgtSelectComponent.decorators = [
|
|
3377
3378
|
{ type: core.Component, args: [{
|
|
3378
3379
|
selector: 'ngt-select',
|
|
3379
|
-
template: "<label *ngIf=\"label\" [hidden]='shining'\r\n class=\"{{ shining ? '' : 'block' }} {{ ngtStyle.compile(['color.text', 'text', 'fontCase']) }} mb-2 flex\" >\r\n <ngt-svg *ngIf=\"labelIcon\" class=\"mr-1 {{labelIconColor}}\" src=\"{{labelIcon}}\"></ngt-svg>\r\n {{ label }}:\r\n\r\n <span class=\"text-red-500 font-bold text-md ml-1\" *ngIf=\"isRequired\">*</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<div [hidden]='shining' class=\"{{ getSelectClass() }} normal-case\" style=\"min-height: 3rem;\">\r\n <ng-select class=\"custom\" [(ngModel)]='nativeValue' [name]='nativeName' (change)=\"onNativeChange($event)\"\r\n [addTag]='allowCreate' [addTagText]=\"createText || ngtTranslateService.ngtSelectCreateText\"\r\n [bindLabel]=\"bindLabel\" [multiple]=\"multiple\" [hideSelected]=\"hideSelected\" [typeahead]=\"typeahead\"\r\n [notFoundText]=\"notFoundText || ngtTranslateService.ngtSelectNotFoundText\" [searchable]=\"searchable\"\r\n [disabled]='isDisabled' [clearable]=\"clearable && hasSelectedValue()\" [closeOnSelect]=\"closeOnSelect\"\r\n [trackByFn]=\"trackBy\" [labelForId]=\"labelForId\" [clearSearchOnAdd]=\"clearSearchOnAdd\"\r\n [typeToSearchText]=\"typeToSearchText || ngtTranslateService.ngtSelectTypeToSearchText\"\r\n [placeholder]=\"placeholder || ngtTranslateService.ngtSelectPlaceholder\" [dropdownPosition]=\"dropdownPosition\"\r\n [groupBy]=\"groupBy\" [clearAllText]=\"clearAllTooltip || ngtTranslateService.ngtSelectClearAllTooltip\"\r\n [virtualScroll]=\"virtualScroll\" [tabIndex]=\"tabIndex\" [items]=\"ngSelectItems | async\"\r\n (scroll)=\"onScroll($event)\" [bindValue]=\"bindValue\" [groupValue]=\"groupValue\" [loading]=\"loading\"\r\n [loadingText]=\"loadingText || ngtTranslateService.ngtSelectLoadingText\" [maxSelectedItems]=\"maxSelectedItems\"\r\n [compareWith]='compareWith' (clear)='onClearSelect()' (remove)='onRemoveSelectedItem($event)'>\r\n\r\n <ng-template *ngIf='ngtSelectHeaderTemplate' ng-header-tmp>\r\n <ng-template [ngTemplateOutlet]=\"ngtSelectHeaderTemplate\">\r\n </ng-template>\r\n </ng-template>\r\n\r\n <ng-template ng-label-tmp let-item=\"item\">\r\n <div class=\"flex w-full items-center pr-1\">\r\n <ng-container *ngIf=\"multiple\">\r\n <div class=\"ng-value-icon px-1 h-full border-r mr-2 {{ ngtStyle.compile(['color.text', 'text']) }} cursor-pointer\"\r\n (click)='removeItem($event, item)'>\r\n <svg class=\"ng-value-icon fill-current self-center\" xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19.1 17.2l-5.3-5.3 5.3-5.3-1.8-1.8-5.3 5.4-5.3-5.3-1.8 1.7 5.3 5.3-5.3 5.3L6.7 19l5.3-5.3 5.3 5.3 1.8-1.8z\" />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template *ngIf='ngtOptionSelectedTemplate' [ngTemplateOutlet]=\"ngtOptionSelectedTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item }\">\r\n </ng-template>\r\n\r\n <ng-template *ngIf='!ngtOptionSelectedTemplate' [ngTemplateOutlet]=\"ngtOptionTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item }\">\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n <ng-template [ngTemplateOutlet]=\"ngtOptionTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item, index: index, searchTerm: search }\">\r\n </ng-template>\r\n </ng-template>\r\n </ng-select>\r\n</div>\r\n\r\n<ng-container *ngIf='shining'>\r\n <div class=\"flex\">\r\n <ngt-shining class=\"{{ ngtStyle.compile(['h']) }} w-full\"></ngt-shining>\r\n </div>\r\n</ng-container>\r\n\r\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\"></ngt-validation>\r\n\r\n<input *ngIf='componentReady' type='hidden' [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\r\n",
|
|
3380
|
+
template: "<label *ngIf=\"label\" [hidden]='shining'\r\n class=\"{{ shining ? '' : 'block' }} {{ ngtStyle.compile(['color.text', 'text', 'font', 'fontCase']) }} mb-2 flex\" >\r\n <ngt-svg *ngIf=\"labelIcon\" class=\"mr-1 {{labelIconColor}}\" src=\"{{labelIcon}}\"></ngt-svg>\r\n {{ label }}:\r\n\r\n <span class=\"text-red-500 font-bold text-md ml-1\" *ngIf=\"isRequired\">*</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<div [hidden]='shining' class=\"{{ getSelectClass() }} normal-case\" style=\"min-height: 3rem;\">\r\n <ng-select class=\"custom\" [(ngModel)]='nativeValue' [name]='nativeName' (change)=\"onNativeChange($event)\"\r\n [addTag]='allowCreate' [addTagText]=\"createText || ngtTranslateService.ngtSelectCreateText\"\r\n [bindLabel]=\"bindLabel\" [multiple]=\"multiple\" [hideSelected]=\"hideSelected\" [typeahead]=\"typeahead\"\r\n [notFoundText]=\"notFoundText || ngtTranslateService.ngtSelectNotFoundText\" [searchable]=\"searchable\"\r\n [disabled]='isDisabled || isReadonly' [clearable]=\"clearable && hasSelectedValue()\" [closeOnSelect]=\"closeOnSelect\"\r\n [trackByFn]=\"trackBy\" [labelForId]=\"labelForId\" [clearSearchOnAdd]=\"clearSearchOnAdd\"\r\n [typeToSearchText]=\"typeToSearchText || ngtTranslateService.ngtSelectTypeToSearchText\"\r\n [placeholder]=\"placeholder || ngtTranslateService.ngtSelectPlaceholder\" [dropdownPosition]=\"dropdownPosition\"\r\n [groupBy]=\"groupBy\" [clearAllText]=\"clearAllTooltip || ngtTranslateService.ngtSelectClearAllTooltip\"\r\n [virtualScroll]=\"virtualScroll\" [tabIndex]=\"tabIndex\" [items]=\"ngSelectItems | async\"\r\n (scroll)=\"onScroll($event)\" [bindValue]=\"bindValue\" [groupValue]=\"groupValue\" [loading]=\"loading\"\r\n [loadingText]=\"loadingText || ngtTranslateService.ngtSelectLoadingText\" [maxSelectedItems]=\"maxSelectedItems\"\r\n [compareWith]='compareWith' (clear)='onClearSelect()' (remove)='onRemoveSelectedItem($event)'>\r\n\r\n <ng-template *ngIf='ngtSelectHeaderTemplate' ng-header-tmp>\r\n <ng-template [ngTemplateOutlet]=\"ngtSelectHeaderTemplate\">\r\n </ng-template>\r\n </ng-template>\r\n\r\n <ng-template ng-label-tmp let-item=\"item\">\r\n <div class=\"flex w-full items-center pr-1\">\r\n <ng-container *ngIf=\"multiple\">\r\n <div class=\"ng-value-icon px-1 h-full border-r mr-2 {{ ngtStyle.compile(['color.text', 'text']) }} cursor-pointer\"\r\n (click)='removeItem($event, item)'>\r\n <svg class=\"ng-value-icon fill-current self-center\" xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19.1 17.2l-5.3-5.3 5.3-5.3-1.8-1.8-5.3 5.4-5.3-5.3-1.8 1.7 5.3 5.3-5.3 5.3L6.7 19l5.3-5.3 5.3 5.3 1.8-1.8z\" />\r\n </svg>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-template *ngIf='ngtOptionSelectedTemplate' [ngTemplateOutlet]=\"ngtOptionSelectedTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item }\">\r\n </ng-template>\r\n\r\n <ng-template *ngIf='!ngtOptionSelectedTemplate' [ngTemplateOutlet]=\"ngtOptionTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item }\">\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\">\r\n <ng-template [ngTemplateOutlet]=\"ngtOptionTemplate\"\r\n [ngTemplateOutletContext]=\"{ item: item, index: index, searchTerm: search }\">\r\n </ng-template>\r\n </ng-template>\r\n </ng-select>\r\n</div>\r\n\r\n<ng-container *ngIf='shining'>\r\n <div class=\"flex\">\r\n <ngt-shining class=\"{{ ngtStyle.compile(['h']) }} w-full\"></ngt-shining>\r\n </div>\r\n</ng-container>\r\n\r\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\"></ngt-validation>\r\n\r\n<input *ngIf='componentReady' type='hidden' [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\r\n",
|
|
3380
3381
|
providers: [
|
|
3381
3382
|
NgtMakeProvider(NgtSelectComponent)
|
|
3382
3383
|
],
|
|
@@ -3422,6 +3423,7 @@
|
|
|
3422
3423
|
allowCreate: [{ type: core.Input }],
|
|
3423
3424
|
allowOriginalItemsUnselect: [{ type: core.Input }],
|
|
3424
3425
|
isDisabled: [{ type: core.Input }],
|
|
3426
|
+
isReadonly: [{ type: core.Input }],
|
|
3425
3427
|
remoteResource: [{ type: core.Input }],
|
|
3426
3428
|
hideSelected: [{ type: core.Input }],
|
|
3427
3429
|
bindLabel: [{ type: core.Input }],
|
|
@@ -5421,6 +5423,7 @@
|
|
|
5421
5423
|
_this.shining = false;
|
|
5422
5424
|
_this.dateFormat = 'd/m/Y H:i';
|
|
5423
5425
|
_this.dateFormatNgModel = 'YYYY-MM-DD HH:mm:00';
|
|
5426
|
+
_this.showCalendarIcon = false;
|
|
5424
5427
|
_this.isDisabled = false;
|
|
5425
5428
|
_this.isReadonly = false;
|
|
5426
5429
|
_this.time_24hr = true;
|
|
@@ -5703,7 +5706,7 @@
|
|
|
5703
5706
|
NgtDateComponent.decorators = [
|
|
5704
5707
|
{ type: core.Component, args: [{
|
|
5705
5708
|
selector: 'ngt-date',
|
|
5706
|
-
template: "<label class=\"{{ shining ? '' : 'block' }} mb-2 {{ngtStyle.compile(['text', 'fontCase'])}} flex\" *ngIf=\"label\"
|
|
5709
|
+
template: "<label class=\"{{ shining ? '' : 'block' }} mb-2 {{ngtStyle.compile(['text', 'fontCase'])}} flex\" *ngIf=\"label\"\r\n [hidden]='shining'>\r\n {{ label }}:\r\n\r\n <span class=\"text-red-500 font-bold text-md ml-1\" *ngIf=\"isRequired\">*</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<div class=\"relative\" [hidden]='shining || isDisabled || isReadonly'>\r\n <div\r\n class=\"overflow-hidden {{ ngtStyle.compile(['h', 'color.text']) }} {{ hasErrors() ? 'border-error' : 'border-normal' }}\">\r\n <ng2-flatpickr class=\"block h-full\" [config]='dateConfig' disabled='true'\r\n placeholder=\"{{ placeholder }}\" #ng2FlatpickrComponent>\r\n </ng2-flatpickr>\r\n\r\n <div *ngIf=\"allowClear && value\" class=\"flex h-full absolute items-center right-0 top-0 w-auto cursor-pointer {{showCalendarIcon ? 'mr-6' : 'mr-2'}}\"\r\n (click)='clearInput(true)'>\r\n <svg class=\"fill-current text-red-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19.1 17.2l-5.3-5.3 5.3-5.3-1.8-1.8-5.3 5.4-5.3-5.3-1.8 1.7 5.3 5.3-5.3 5.3L6.7 19l5.3-5.3 5.3 5.3 1.8-1.8z\"/>\r\n </svg>\r\n </div>\r\n\r\n <div *ngIf=\"showCalendarIcon\" class=\"flex h-full absolute items-center right-0 top-0 w-auto cursor-pointer mr-2\">\r\n <svg class=\"fill-current text-lg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M19,4H17V3a1,1,0,0,0-2,0V4H9V3A1,1,0,0,0,7,3V4H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm1,15a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V12H20Zm0-9H4V7A1,1,0,0,1,5,6H7V7A1,1,0,0,0,9,7V6h6V7a1,1,0,0,0,2,0V6h2a1,1,0,0,1,1,1Z\"/>\r\n </svg>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-container *ngIf='shining'>\r\n <div class=\"flex\">\r\n <ngt-shining class=\"h-10 w-full\"></ngt-shining>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf='isDisabled || isReadonly'>\r\n <div class=\"{{isDisabled ? 'disabledDiv' : ''}} w-full px-4 py-3 rounded appearance-none block border border-gray-400\">\r\n {{ getFormattedNativeValue() }}\r\n </div>\r\n</ng-container>\r\n\r\n<input *ngIf='componentReady' type=\"hidden\" [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\r\n\r\n<ng-content></ng-content>\r\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\"></ngt-validation>\r\n",
|
|
5707
5710
|
encapsulation: core.ViewEncapsulation.None,
|
|
5708
5711
|
providers: [
|
|
5709
5712
|
NgtMakeProvider(NgtDateComponent),
|
|
@@ -5730,6 +5733,7 @@
|
|
|
5730
5733
|
shining: [{ type: core.Input }],
|
|
5731
5734
|
dateFormat: [{ type: core.Input }],
|
|
5732
5735
|
dateFormatNgModel: [{ type: core.Input }],
|
|
5736
|
+
showCalendarIcon: [{ type: core.Input }],
|
|
5733
5737
|
name: [{ type: core.Input }],
|
|
5734
5738
|
isDisabled: [{ type: core.Input }],
|
|
5735
5739
|
isReadonly: [{ type: core.Input }],
|