ng-tailwind 5.1.23 → 5.1.24

package/esm2020/components/ngt-portlet/ngt-portlet-header/ngt-portlet-header.component.mjs

@@ -27,15 +27,16 @@ export class NgtPortletHeaderComponent {
             text: 'text-xl',
             font: 'font-medium',
             border: 'border-b',
+            px: 'px-4',
             color: {}
         }, ['NgtPortletStyle']);
     }
 }
 NgtPortletHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletHeaderComponent, deps: [{ token: i0.Injector }, { token: i1.NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtPortletHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPortletHeaderComponent, selector: "ngt-portlet-header", inputs: { caption: "caption", icon: "icon", iconSize: "iconSize", helperTitle: "helperTitle", helperText: "helperText", helperIconColor: "helperIconColor" }, ngImport: i0, template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative px-3 md:px-8 py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: i4.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }] });
+NgtPortletHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPortletHeaderComponent, selector: "ngt-portlet-header", inputs: { caption: "caption", icon: "icon", iconSize: "iconSize", helperTitle: "helperTitle", helperText: "helperText", helperIconColor: "helperIconColor" }, ngImport: i0, template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative {{ ngtStyle.compile(['px']) }} py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: i4.NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngt-portlet-header', template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative px-3 md:px-8 py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'ngt-portlet-header', template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative {{ ngtStyle.compile(['px']) }} py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.NgtStylizableDirective, decorators: [{
                     type: Self
                 }, {
@@ -53,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }], helperIconColor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXBvcnRsZXQtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXRhaWx3aW5kL3NyYy9jb21wb25lbnRzL25ndC1wb3J0bGV0L25ndC1wb3J0bGV0LWhlYWRlci9uZ3QtcG9ydGxldC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXBvcnRsZXQvbmd0LXBvcnRsZXQtaGVhZGVyL25ndC1wb3J0bGV0LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFZLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDOzs7Ozs7QUFNL0YsTUFBTSxPQUFPLHlCQUF5QjtJQVVsQyxZQUNZLFFBQWtCLEVBQ0Usc0JBQThDO1FBRGxFLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDRSwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBWDlELFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVcsU0FBUyxDQUFDO1FBQzdCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsb0JBQWUsR0FBVyxFQUFFLENBQUM7UUFRekMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztTQUN6RTthQUFNO1lBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7U0FDOUM7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLGtCQUFrQixFQUFFO1lBQ2xELENBQUMsRUFBRSxRQUFRO1lBQ1gsQ0FBQyxFQUFFLFFBQVE7WUFDWCxJQUFJLEVBQUUsU0FBUztZQUNmLElBQUksRUFBRSxhQUFhO1lBQ25CLE1BQU0sRUFBRSxVQUFVO1lBQ2xCLEtBQUssRUFBRSxFQUFFO1NBQ1osRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM1QixDQUFDOztzSEE1QlEseUJBQXlCOzBHQUF6Qix5QkFBeUIsd05DVHRDLDQ3Q0E2Qk07MkZEcEJPLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDSSxvQkFBb0I7OzBCQWV6QixJQUFJOzswQkFBSSxRQUFROzRDQVhMLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQsIE9wdGlvbmFsLCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE5ndFN0eWxpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBOZ3RTdHlsaXphYmxlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL25ndC1zdHlsaXphYmxlL25ndC1zdHlsaXphYmxlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25ndC1wb3J0bGV0LWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25ndC1wb3J0bGV0LWhlYWRlci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgTmd0UG9ydGxldEhlYWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgcHVibGljIGNhcHRpb246IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6IHN0cmluZyA9ICd0ZXh0LXhsJztcbiAgICBASW5wdXQoKSBwdWJsaWMgaGVscGVyVGl0bGU6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWxwZXJUZXh0OiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBwdWJsaWMgaGVscGVySWNvbkNvbG9yOiBzdHJpbmcgPSAnJztcblxuICAgIHB1YmxpYyBuZ3RTdHlsZTogTmd0U3R5bGl6YWJsZVNlcnZpY2U7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICBAU2VsZigpIEBPcHRpb25hbCgpIHByaXZhdGUgbmd0U3R5bGl6YWJsZURpcmVjdGl2ZTogTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSxcbiAgICApIHtcbiAgICAgICAgaWYgKHRoaXMubmd0U3R5bGl6YWJsZURpcmVjdGl2ZSkge1xuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IHRoaXMubmd0U3R5bGl6YWJsZURpcmVjdGl2ZS5nZXROZ3RTdHlsaXphYmxlU2VydmljZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5uZ3RTdHlsZSA9IG5ldyBOZ3RTdHlsaXphYmxlU2VydmljZSgpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5uZ3RTdHlsZS5sb2FkKHRoaXMuaW5qZWN0b3IsICdOZ3RQb3J0bGV0SGVhZGVyJywge1xuICAgICAgICAgICAgaDogJ2gtYXV0bycsXG4gICAgICAgICAgICB3OiAndy1hdXRvJyxcbiAgICAgICAgICAgIHRleHQ6ICd0ZXh0LXhsJyxcbiAgICAgICAgICAgIGZvbnQ6ICdmb250LW1lZGl1bScsXG4gICAgICAgICAgICBib3JkZXI6ICdib3JkZXItYicsXG4gICAgICAgICAgICBjb2xvcjoge31cbiAgICAgICAgfSwgWydOZ3RQb3J0bGV0U3R5bGUnXSk7XG4gICAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwibmd0U3R5bGUuY29tcGlsZShbJ2gnLCAnY29sb3IudGV4dCcsICdjb2xvci5iZycsICdib3JkZXInLCAndGV4dCddKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBtZDpmbGV4LW5vd3JhcCBoLWZ1bGwgcmVsYXRpdmUgcHgtMyBtZDpweC04IHB5LTJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImNhcHRpb24gfHwgaWNvblwiIGNsYXNzPVwiZmxleCBtZDp3aGl0ZXNwYWNlLW5vd3JhcCBpdGVtcy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgIDxuZ3Qtc3ZnICpuZ0lmPVwiaWNvblwiIFtzcmNdPVwiaWNvblwiIFtjbGFzc109XCJpY29uU2l6ZVwiPjwvbmd0LXN2Zz5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggc2VsZi1jZW50ZXIgZ2FwLTEge3sgbmd0U3R5bGUuY29tcGlsZShbJ2ZvbnQnXSkgfX1cIj5cbiAgICAgICAgICAgICAgICB7eyBjYXB0aW9uIH19XG5cbiAgICAgICAgICAgICAgICA8bmd0LWhlbHBlciAqbmdJZj1cImhlbHBlclRleHRcIiBbaGVscFRpdGxlXT1cImhlbHBlclRpdGxlXCIgY2xhc3M9XCJtdC0xXCIgW2ljb25Db2xvcl09XCJoZWxwZXJJY29uQ29sb3JcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaGVscGVyVGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbmd0LWhlbHBlcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtoaWRkZW5dPSchbGVmdEhlYWRlcj8uY2hpbGRyZW5bMF0/LmNoaWxkcmVuPy5sZW5ndGgnXG4gICAgICAgICAgICBjbGFzcz1cInNlbGYtY2VudGVyIHt7IG5ndFN0eWxlLmNvbXBpbGUoWydwb3NpdGlvbicsICd3J10pIH19XCIgI2xlZnRIZWFkZXI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtoaWRkZW5dPSchaGVhZGVyPy5jaGlsZHJlblswXT8uY2hpbGRyZW4/Lmxlbmd0aCdcbiAgICAgICAgICAgIGNsYXNzPVwic2VsZi1jZW50ZXIge3sgbmd0U3R5bGUuY29tcGlsZShbJ3Bvc2l0aW9uJywgJ3cnXSkgfX1cIiAjaGVhZGVyPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ7eyAhcmlnaHRIZWFkZXI/LmNoaWxkcmVuWzBdPy5jaGlsZHJlbj8ubGVuZ3RoID8gJ2hpZGRlbicgOiAnZmxleCBqdXN0aWZ5LWVuZCBtbC1hdXRvIHNlbGYtY2VudGVyJyB9fSB7eyBuZ3RTdHlsZS5jb21waWxlKFsncG9zaXRpb24nLCAndyddKSB9fVwiXG4gICAgICAgICAgICAjcmlnaHRIZWFkZXI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd0LXBvcnRsZXQtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXRhaWx3aW5kL3NyYy9jb21wb25lbnRzL25ndC1wb3J0bGV0L25ndC1wb3J0bGV0LWhlYWRlci9uZ3QtcG9ydGxldC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdGFpbHdpbmQvc3JjL2NvbXBvbmVudHMvbmd0LXBvcnRsZXQvbmd0LXBvcnRsZXQtaGVhZGVyL25ndC1wb3J0bGV0LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFZLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDOzs7Ozs7QUFNL0YsTUFBTSxPQUFPLHlCQUF5QjtJQVVsQyxZQUNZLFFBQWtCLEVBQ0Usc0JBQThDO1FBRGxFLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDRSwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBWDlELFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVcsU0FBUyxDQUFDO1FBQzdCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsb0JBQWUsR0FBVyxFQUFFLENBQUM7UUFRekMsSUFBSSxJQUFJLENBQUMsc0JBQXNCLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztTQUN6RTthQUFNO1lBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7U0FDOUM7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLGtCQUFrQixFQUFFO1lBQ2xELENBQUMsRUFBRSxRQUFRO1lBQ1gsQ0FBQyxFQUFFLFFBQVE7WUFDWCxJQUFJLEVBQUUsU0FBUztZQUNmLElBQUksRUFBRSxhQUFhO1lBQ25CLE1BQU0sRUFBRSxVQUFVO1lBQ2xCLEVBQUUsRUFBRSxNQUFNO1lBQ1YsS0FBSyxFQUFFLEVBQUU7U0FDWixFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBQzVCLENBQUM7O3NIQTdCUSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix3TkNUdEMsODhDQTZCTTsyRkRwQk8seUJBQXlCO2tCQUpyQyxTQUFTOytCQUNJLG9CQUFvQjs7MEJBZXpCLElBQUk7OzBCQUFJLFFBQVE7NENBWEwsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCwgT3B0aW9uYWwsIFNlbGYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmd0U3R5bGl6YWJsZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2RpcmVjdGl2ZXMvbmd0LXN0eWxpemFibGUvbmd0LXN0eWxpemFibGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IE5ndFN0eWxpemFibGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvbmd0LXN0eWxpemFibGUvbmd0LXN0eWxpemFibGUuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmd0LXBvcnRsZXQtaGVhZGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmd0LXBvcnRsZXQtaGVhZGVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBOZ3RQb3J0bGV0SGVhZGVyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBwdWJsaWMgY2FwdGlvbjogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgcHVibGljIGljb246IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBpY29uU2l6ZTogc3RyaW5nID0gJ3RleHQteGwnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWxwZXJUaXRsZTogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgcHVibGljIGhlbHBlclRleHQ6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWxwZXJJY29uQ29sb3I6IHN0cmluZyA9ICcnO1xuXG4gICAgcHVibGljIG5ndFN0eWxlOiBOZ3RTdHlsaXphYmxlU2VydmljZTtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBuZ3RTdHlsaXphYmxlRGlyZWN0aXZlOiBOZ3RTdHlsaXphYmxlRGlyZWN0aXZlLFxuICAgICkge1xuICAgICAgICBpZiAodGhpcy5uZ3RTdHlsaXphYmxlRGlyZWN0aXZlKSB7XG4gICAgICAgICAgICB0aGlzLm5ndFN0eWxlID0gdGhpcy5uZ3RTdHlsaXphYmxlRGlyZWN0aXZlLmdldE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm5ndFN0eWxlID0gbmV3IE5ndFN0eWxpemFibGVTZXJ2aWNlKCk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm5ndFN0eWxlLmxvYWQodGhpcy5pbmplY3RvciwgJ05ndFBvcnRsZXRIZWFkZXInLCB7XG4gICAgICAgICAgICBoOiAnaC1hdXRvJyxcbiAgICAgICAgICAgIHc6ICd3LWF1dG8nLFxuICAgICAgICAgICAgdGV4dDogJ3RleHQteGwnLFxuICAgICAgICAgICAgZm9udDogJ2ZvbnQtbWVkaXVtJyxcbiAgICAgICAgICAgIGJvcmRlcjogJ2JvcmRlci1iJyxcbiAgICAgICAgICAgIHB4OiAncHgtNCcsXG4gICAgICAgICAgICBjb2xvcjoge31cbiAgICAgICAgfSwgWydOZ3RQb3J0bGV0U3R5bGUnXSk7XG4gICAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwibmd0U3R5bGUuY29tcGlsZShbJ2gnLCAnY29sb3IudGV4dCcsICdjb2xvci5iZycsICdib3JkZXInLCAndGV4dCddKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBtZDpmbGV4LW5vd3JhcCBoLWZ1bGwgcmVsYXRpdmUge3sgbmd0U3R5bGUuY29tcGlsZShbJ3B4J10pIH19IHB5LTJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImNhcHRpb24gfHwgaWNvblwiIGNsYXNzPVwiZmxleCBtZDp3aGl0ZXNwYWNlLW5vd3JhcCBpdGVtcy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgIDxuZ3Qtc3ZnICpuZ0lmPVwiaWNvblwiIFtzcmNdPVwiaWNvblwiIFtjbGFzc109XCJpY29uU2l6ZVwiPjwvbmd0LXN2Zz5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggc2VsZi1jZW50ZXIgZ2FwLTEge3sgbmd0U3R5bGUuY29tcGlsZShbJ2ZvbnQnXSkgfX1cIj5cbiAgICAgICAgICAgICAgICB7eyBjYXB0aW9uIH19XG5cbiAgICAgICAgICAgICAgICA8bmd0LWhlbHBlciAqbmdJZj1cImhlbHBlclRleHRcIiBbaGVscFRpdGxlXT1cImhlbHBlclRpdGxlXCIgY2xhc3M9XCJtdC0xXCIgW2ljb25Db2xvcl09XCJoZWxwZXJJY29uQ29sb3JcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaGVscGVyVGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbmd0LWhlbHBlcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtoaWRkZW5dPSchbGVmdEhlYWRlcj8uY2hpbGRyZW5bMF0/LmNoaWxkcmVuPy5sZW5ndGgnXG4gICAgICAgICAgICBjbGFzcz1cInNlbGYtY2VudGVyIHt7IG5ndFN0eWxlLmNvbXBpbGUoWydwb3NpdGlvbicsICd3J10pIH19XCIgI2xlZnRIZWFkZXI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtoaWRkZW5dPSchaGVhZGVyPy5jaGlsZHJlblswXT8uY2hpbGRyZW4/Lmxlbmd0aCdcbiAgICAgICAgICAgIGNsYXNzPVwic2VsZi1jZW50ZXIge3sgbmd0U3R5bGUuY29tcGlsZShbJ3Bvc2l0aW9uJywgJ3cnXSkgfX1cIiAjaGVhZGVyPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ7eyAhcmlnaHRIZWFkZXI/LmNoaWxkcmVuWzBdPy5jaGlsZHJlbj8ubGVuZ3RoID8gJ2hpZGRlbicgOiAnZmxleCBqdXN0aWZ5LWVuZCBtbC1hdXRvIHNlbGYtY2VudGVyJyB9fSB7eyBuZ3RTdHlsZS5jb21waWxlKFsncG9zaXRpb24nLCAndyddKSB9fVwiXG4gICAgICAgICAgICAjcmlnaHRIZWFkZXI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/fesm2015/ng-tailwind.mjs

@@ -6655,15 +6655,16 @@ class NgtPortletHeaderComponent {
             text: 'text-xl',
             font: 'font-medium',
             border: 'border-b',
+            px: 'px-4',
             color: {}
         }, ['NgtPortletStyle']);
     }
 }
 NgtPortletHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletHeaderComponent, deps: [{ token: i0.Injector }, { token: NgtStylizableDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
-NgtPortletHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPortletHeaderComponent, selector: "ngt-portlet-header", inputs: { caption: "caption", icon: "icon", iconSize: "iconSize", helperTitle: "helperTitle", helperText: "helperText", helperIconColor: "helperIconColor" }, ngImport: i0, template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative px-3 md:px-8 py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }] });
+NgtPortletHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgtPortletHeaderComponent, selector: "ngt-portlet-header", inputs: { caption: "caption", icon: "icon", iconSize: "iconSize", helperTitle: "helperTitle", helperText: "helperText", helperIconColor: "helperIconColor" }, ngImport: i0, template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative {{ ngtStyle.compile(['px']) }} py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgtSvgComponent, selector: "ngt-svg", inputs: ["src", "class"] }, { kind: "component", type: NgtHelperComponent, selector: "ngt-helper", inputs: ["helpTextColor", "helpText", "helpTitle", "icon", "iconSize", "iconColor", "iconTitle", "tooltipSize", "autoXReverse", "helperReverseYPosition"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgtPortletHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngt-portlet-header', template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative px-3 md:px-8 py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'ngt-portlet-header', template: "<div [class]=\"ngtStyle.compile(['h', 'color.text', 'color.bg', 'border', 'text'])\">\n    <div class=\"flex flex-wrap md:flex-nowrap h-full relative {{ ngtStyle.compile(['px']) }} py-2\">\n        <div *ngIf=\"caption || icon\" class=\"flex md:whitespace-nowrap items-center gap-2\">\n            <ngt-svg *ngIf=\"icon\" [src]=\"icon\" [class]=\"iconSize\"></ngt-svg>\n\n            <div class=\"flex self-center gap-1 {{ ngtStyle.compile(['font']) }}\">\n                {{ caption }}\n\n                <ngt-helper *ngIf=\"helperText\" [helpTitle]=\"helperTitle\" class=\"mt-1\" [iconColor]=\"helperIconColor\">\n                    {{ helperText }}\n                </ngt-helper>\n            </div>\n        </div>\n\n        <div [hidden]='!leftHeader?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #leftHeader>\n            <ng-content select=\"[left-header]\"></ng-content>\n        </div>\n\n        <div [hidden]='!header?.children[0]?.children?.length'\n            class=\"self-center {{ ngtStyle.compile(['position', 'w']) }}\" #header>\n            <ng-content select=\"[header]\"></ng-content>\n        </div>\n\n        <div class=\"{{ !rightHeader?.children[0]?.children?.length ? 'hidden' : 'flex justify-end ml-auto self-center' }} {{ ngtStyle.compile(['position', 'w']) }}\"\n            #rightHeader>\n            <ng-content select=\"[right-header]\"></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: function () {
         return [{ type: i0.Injector }, { type: NgtStylizableDirective, decorators: [{
                         type: Self