ng-tailwind 2.30.360 → 2.30.361
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 +5 -3
- package/bundles/ng-tailwind.umd.js.map +1 -1
- package/components/ngt-helper/ngt-helper.component.d.ts +2 -1
- package/esm2015/components/ngt-helper/ngt-helper.component.js +5 -3
- package/esm2015/components/ngt-popover/ngt-popover.component.js +2 -2
- package/fesm2015/ng-tailwind.js +5 -3
- package/fesm2015/ng-tailwind.js.map +1 -1
- package/ng-tailwind.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1697,6 +1697,7 @@
|
|
|
1697
1697
|
this.ngtStyle.load(this.injector, 'NgtHelper', {
|
|
1698
1698
|
text: 'text-sm',
|
|
1699
1699
|
fontCase: '',
|
|
1700
|
+
px: 'px-2',
|
|
1700
1701
|
color: {
|
|
1701
1702
|
text: 'text-black',
|
|
1702
1703
|
bg: 'bg-gray-200'
|
|
@@ -1708,7 +1709,7 @@
|
|
|
1708
1709
|
NgtHelperComponent.decorators = [
|
|
1709
1710
|
{ type: core.Component, args: [{
|
|
1710
1711
|
selector: 'ngt-helper',
|
|
1711
|
-
template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"true\" [autoXReverse]='true' #dropdownRef>\n <div class=\"flex
|
|
1712
|
+
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",
|
|
1712
1713
|
encapsulation: core.ViewEncapsulation.None
|
|
1713
1714
|
},] }
|
|
1714
1715
|
];
|
|
@@ -1721,8 +1722,9 @@
|
|
|
1721
1722
|
dropdownRef: [{ type: core.ViewChild, args: ['dropdownRef', { static: true },] }],
|
|
1722
1723
|
helpTextColor: [{ type: core.Input }],
|
|
1723
1724
|
helpText: [{ type: core.Input }],
|
|
1724
|
-
icon: [{ type: core.Input }],
|
|
1725
1725
|
helpTitle: [{ type: core.Input }],
|
|
1726
|
+
icon: [{ type: core.Input }],
|
|
1727
|
+
iconSize: [{ type: core.Input }],
|
|
1726
1728
|
iconColor: [{ type: core.Input }],
|
|
1727
1729
|
iconTitle: [{ type: core.Input }],
|
|
1728
1730
|
tooltipSize: [{ type: core.Input }]
|
|
@@ -7750,7 +7752,7 @@
|
|
|
7750
7752
|
NgtPopoverComponent.decorators = [
|
|
7751
7753
|
{ type: core.Component, args: [{
|
|
7752
7754
|
selector: 'ngt-popover',
|
|
7753
|
-
template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"closeOnClick\" [openMethod]=\"openMethod\"\n [autoYReverse]=\"false\" [reverseXPosition]=\"!placeOnLeft\" [reverseYPosition]=\"!placeOnBottom\"\n [closeTimeout]=\"closeTimeout\" (onHostClick)=\"fireClickEvent()\" #dropdownRef>\n <div #hostDiv host>\n <ng-content></ng-content>\n </div>\n\n <div class=\"bg-gray-100 rounded-lg hover:opacity-100 text-gray-800 shadow-lg -mb-4\"\n [ngClass]=\"ngtStyle.compile(stylesToCompile)\" container>\n\n <ng-content select=\"[popover-content]\"></ng-content>\n </div>\n</ngt-dropdown>\n"
|
|
7755
|
+
template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"closeOnClick\" [openMethod]=\"openMethod\"\n [autoYReverse]=\"false\" [reverseXPosition]=\"!placeOnLeft\" [reverseYPosition]=\"!placeOnBottom\"\n [closeTimeout]=\"closeTimeout\" (onHostClick)=\"fireClickEvent()\" #dropdownRef>\n <div #hostDiv host>\n <ng-content></ng-content>\n </div>\n\n <div class=\"bg-gray-100 text-sm rounded-lg hover:opacity-100 text-gray-800 shadow-lg -mb-4\"\n [ngClass]=\"ngtStyle.compile(stylesToCompile)\" container>\n\n <ng-content select=\"[popover-content]\"></ng-content>\n </div>\n</ngt-dropdown>\n"
|
|
7754
7756
|
},] }
|
|
7755
7757
|
];
|
|
7756
7758
|
NgtPopoverComponent.ctorParameters = function () { return [
|