ng-tailwind 2.24.310 → 2.24.311
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 +3 -1
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-input/ngt-input.component.d.ts +1 -0
- package/esm2015/components/ngt-input/ngt-input.component.js +4 -2
- package/fesm2015/ng-tailwind.js +3 -1
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -2034,6 +2034,7 @@
|
|
|
2034
2034
|
_this.helpTextColor = 'text-green-500';
|
|
2035
2035
|
_this.decimalMaskPrecision = 2;
|
|
2036
2036
|
_this.type = 'text';
|
|
2037
|
+
_this.labelTextSize = 'text-sm';
|
|
2037
2038
|
_this.onClickLeftIcon = new core.EventEmitter();
|
|
2038
2039
|
_this.onClickRightIcon = new core.EventEmitter();
|
|
2039
2040
|
_this.inputProperties = {};
|
|
@@ -2577,7 +2578,7 @@
|
|
|
2577
2578
|
NgtInputComponent.decorators = [
|
|
2578
2579
|
{ type: core.Component, args: [{
|
|
2579
2580
|
selector: 'ngt-input',
|
|
2580
|
-
template: "<label *ngIf=\"label\" class=\"mb-2
|
|
2581
|
+
template: "<label *ngIf=\"label\" class=\"mb-2 {{labelTextSize}} flex {{ ngtStyle.compile(['color.text']) }}\" [hidden]='shining'>\n {{ label }}:\n\n <span *ngIf=\"isRequired\" class=\"text-red-500 font-bold text-md ml-1\">*</span>\n\n <ngt-helper *ngIf=\"helpText\" [helpTitle]=\"helpTitle\" [iconColor]=\"helpTextColor\" class=\"ml-1\">\n {{ helpText }}\n </ngt-helper>\n</label>\n\n<div class=\"{{ shining ? 'hidden' : 'flex relative'}}\">\n <input autocomplete=\"new-password\"\n class=\"flex border appearance-none focus:outline-none leading-tight w-full {{ getInputPaddings() }} {{ ngtStyle.compile(['h', 'color.border', 'color.bg', 'color.text', 'rounded', 'cursor']) }}\"\n [disabled]=\"isDisabled\" [readonly]=\"isReadonly || loading\" [placeholder]=\"placeholder\"\n [ngClass]=\"{'input-has-error border-red-700': formControl?.errors && (formControl?.dirty || (formContainer && formContainer['submitted']))}\"\n [attr.type]=\"inputProperties.htmlType\" #element>\n <span *ngIf=\"innerLeftIcon\" class=\"absolute self-center px-2 {{ innerLeftIconColor }} {{ onClickLeftIcon ? 'cursor-pointer' : '' }}\"\n (click)=\"onClickLeftIcon.emit()\">\n <ngt-svg class=\"fill-current\" [src]='innerLeftIcon'></ngt-svg>\n </span>\n\n <div class=\"flex absolute h-full justify-end right-0 w-auto\">\n <span *ngIf=\"allowClear && value && !loading\" class=\"self-center right-0 px-2 text-red-400 cursor-pointer\"\n (click)='clearInput($event)'>\n <svg class=\"fill-current self-center\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path\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\" />\n </svg>\n </span>\n\n <span *ngIf=\"loading\" class=\"self-center right-0 px-2 text-gray-500\">\n <div class=\"div-loader\"></div>\n </span>\n\n <span *ngIf=\"type == 'password' && value\" class=\"self-center px-2 cursor-pointer\">\n <svg *ngIf=\"element.type == 'password'\" class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\" (click)='showPassword()'>\n <path\n d=\"M.2 10a11 11 0 0 1 19.6 0A11 11 0 0 1 .2 10zm9.8 4a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z\" />\n </svg>\n\n <svg *ngIf=\"element.type == 'text'\" class=\"fill-current\" xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\" (click)='hidePassword()'>\n <path\n d=\"M12.81 4.36l-1.77 1.78a4 4 0 0 0-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0 1 12.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 0 1-12.62 5.64l1.77-1.78a4 4 0 0 0 4.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z\" />\n </svg>\n </span>\n\n <span *ngIf=\"innerRightIcon && type != 'password'\" class=\"self-center px-2 {{ innerRightIconColor }} {{ onClickRightIcon ? 'cursor-pointer' : '' }}\"\n (click)=\"onClickRightIcon.emit()\">\n <ngt-svg class=\"fill-current\" [src]='innerRightIcon'></ngt-svg>\n </span>\n </div>\n</div>\n\n<ng-container *ngIf='shining'>\n <div class=\"flex\">\n <ngt-shining class=\"{{ ngtStyle.compile(['h']) }} w-full\"></ngt-shining>\n </div>\n</ng-container>\n\n<input *ngIf='componentReady' type=\"hidden\" [ngModel]=\"value\" [name]=\"name\" [value]=\"value\">\n\n<ng-content></ng-content>\n\n<ngt-validation [control]=\"formControl\" [container]=\"formContainer\" [minValue]='minValue' [minLength]='minLength'>\n</ngt-validation>\n",
|
|
2581
2582
|
providers: [
|
|
2582
2583
|
NgtMakeProvider(NgtInputComponent),
|
|
2583
2584
|
],
|
|
@@ -2629,6 +2630,7 @@
|
|
|
2629
2630
|
match: [{ type: core.Input }],
|
|
2630
2631
|
multipleOf: [{ type: core.Input }],
|
|
2631
2632
|
externalServerDependency: [{ type: core.Input }],
|
|
2633
|
+
labelTextSize: [{ type: core.Input }],
|
|
2632
2634
|
onClickLeftIcon: [{ type: core.Output }],
|
|
2633
2635
|
onClickRightIcon: [{ type: core.Output }]
|
|
2634
2636
|
};
|