primeng 19.0.4 → 19.0.5

package/fesm2022/primeng-button.mjs

@@ -36,6 +36,12 @@ const theme = ({ dt }) => `
     gap: ${dt('button.gap')};
 }
 
+.p-button-icon,
+.p-button-icon:before,
+.p-button-icon:after {
+    line-height: inherit;
+}
+
 .p-button:disabled {
     cursor: default;
 }
@@ -721,107 +727,93 @@ const _c1 = ["loading"];
 const _c2 = ["icon"];
 const _c3 = ["*"];
 const _c4 = a0 => ({ class: a0 });
-function Button_ProjectionFallback_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function Button_ProjectionFallback_1_ng_container_1_ng_container_1_span_1_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_3_ng_container_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 8);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.iconClass());
     i0.ɵɵattribute("aria-hidden", true)("data-pc-section", "loadingicon");
 } }
-function Button_ProjectionFallback_1_ng_container_1_ng_container_1_SpinnerIcon_2_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_3_ng_container_1_SpinnerIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "SpinnerIcon", 9);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("styleClass", ctx_r0.spinnerIconClass())("spin", true);
     i0.ɵɵattribute("aria-hidden", true)("data-pc-section", "loadingicon");
 } }
-function Button_ProjectionFallback_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Button_ProjectionFallback_1_ng_container_1_ng_container_1_span_1_Template, 1, 3, "span", 6)(2, Button_ProjectionFallback_1_ng_container_1_ng_container_1_SpinnerIcon_2_Template, 1, 4, "SpinnerIcon", 7);
+    i0.ɵɵtemplate(1, Button_ng_container_3_ng_container_1_span_1_Template, 1, 3, "span", 6)(2, Button_ng_container_3_ng_container_1_SpinnerIcon_2_Template, 1, 4, "SpinnerIcon", 7);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.loadingIcon);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r0.loadingIcon);
 } }
-function Button_ProjectionFallback_1_ng_container_1_2_ng_template_0_Template(rf, ctx) { }
-function Button_ProjectionFallback_1_ng_container_1_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Button_ProjectionFallback_1_ng_container_1_2_ng_template_0_Template, 0, 0, "ng-template", 10);
+function Button_ng_container_3_2_ng_template_0_Template(rf, ctx) { }
+function Button_ng_container_3_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, Button_ng_container_3_2_ng_template_0_Template, 0, 0, "ng-template", 10);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
 } }
-function Button_ProjectionFallback_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Button_ProjectionFallback_1_ng_container_1_ng_container_1_Template, 3, 2, "ng-container", 2)(2, Button_ProjectionFallback_1_ng_container_1_2_Template, 1, 1, null, 5);
+    i0.ɵɵtemplate(1, Button_ng_container_3_ng_container_1_Template, 3, 2, "ng-container", 2)(2, Button_ng_container_3_2_Template, 1, 1, null, 5);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate && !ctx_r0._loadingIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c4, ctx_r0.iconClass()));
 } }
-function Button_ProjectionFallback_1_ng_container_2_span_1_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_4_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 8);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(ctx_r0.icon);
     i0.ɵɵproperty("ngClass", ctx_r0.iconClass());
     i0.ɵɵattribute("data-pc-section", "icon");
 } }
-function Button_ProjectionFallback_1_ng_container_2_2_ng_template_0_Template(rf, ctx) { }
-function Button_ProjectionFallback_1_ng_container_2_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Button_ProjectionFallback_1_ng_container_2_2_ng_template_0_Template, 0, 0, "ng-template", 10);
+function Button_ng_container_4_2_ng_template_0_Template(rf, ctx) { }
+function Button_ng_container_4_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, Button_ng_container_4_2_ng_template_0_Template, 0, 0, "ng-template", 10);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngIf", !ctx_r0.icon && (ctx_r0.iconTemplate || ctx_r0._iconTemplate));
 } }
-function Button_ProjectionFallback_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+function Button_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Button_ProjectionFallback_1_ng_container_2_span_1_Template, 1, 4, "span", 11)(2, Button_ProjectionFallback_1_ng_container_2_2_Template, 1, 1, null, 5);
+    i0.ɵɵtemplate(1, Button_ng_container_4_span_1_Template, 1, 4, "span", 11)(2, Button_ng_container_4_2_Template, 1, 1, null, 5);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.icon && !ctx_r0.iconTemplate && !ctx_r0._iconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.iconTemplate || ctx_r0._iconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c4, ctx_r0.iconClass()));
 } }
-function Button_ProjectionFallback_1_span_3_Template(rf, ctx) { if (rf & 1) {
+function Button_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵattribute("aria-hidden", ctx_r0.icon && !ctx_r0.label)("data-pc-section", "label");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.label || "\u00A0");
+    i0.ɵɵtextInterpolate(ctx_r0.label);
 } }
-function Button_ProjectionFallback_1_p_badge_4_Template(rf, ctx) { if (rf & 1) {
+function Button_p_badge_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-badge", 13);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", ctx_r0.badge)("severity", ctx_r0.badgeSeverity);
-} }
-function Button_ProjectionFallback_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Button_ProjectionFallback_1_ng_container_0_Template, 1, 0, "ng-container", 1)(1, Button_ProjectionFallback_1_ng_container_1_Template, 3, 5, "ng-container", 2)(2, Button_ProjectionFallback_1_ng_container_2_Template, 3, 5, "ng-container", 2)(3, Button_ProjectionFallback_1_span_3_Template, 2, 3, "span", 3)(4, Button_ProjectionFallback_1_p_badge_4_Template, 1, 2, "p-badge", 4);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate || ctx_r0._contentTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.loading);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.loading);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.contentTemplate && !ctx_r0._contentTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.contentTemplate && !ctx_r0._contentTemplate && ctx_r0.badge);
+    i0.ɵɵproperty("value", ctx_r0.badge)("severity", ctx_r0.badgeSeverity);
 } }
 const INTERNAL_BUTTON_CLASSES = {
     button: 'p-button',
@@ -1478,15 +1470,26 @@ class Button extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loadingIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.iconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, inputs: { type: "type", iconPos: "iconPos", icon: "icon", badge: "badge", label: "label", disabled: [2, "disabled", "disabled", booleanAttribute], loading: [2, "loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", raised: [2, "raised", "raised", booleanAttribute], rounded: [2, "rounded", "rounded", booleanAttribute], text: [2, "text", "text", booleanAttribute], plain: [2, "plain", "plain", booleanAttribute], severity: "severity", outlined: [2, "outlined", "outlined", booleanAttribute], link: [2, "link", "link", booleanAttribute], tabindex: [2, "tabindex", "tabindex", numberAttribute], size: "size", variant: "variant", style: "style", styleClass: "styleClass", badgeClass: "badgeClass", badgeSeverity: "badgeSeverity", ariaLabel: "ariaLabel", autofocus: [2, "autofocus", "autofocus", booleanAttribute], fluid: [2, "fluid", "fluid", booleanAttribute], buttonProps: "buttonProps" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, features: [i0.ɵɵProvidersFeature([ButtonStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3, decls: 3, vars: 9, consts: [["pRipple", "", 3, "click", "focus", "blur", "ngStyle", "disabled", "ngClass", "pAutoFocus"], [4, "ngTemplateOutlet"], [4, "ngIf"], ["class", "p-button-label", 4, "ngIf"], [3, "value", "severity", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", 4, "ngIf"], [3, "styleClass", "spin", 4, "ngIf"], [3, "ngClass"], [3, "styleClass", "spin"], [3, "ngIf"], [3, "class", "ngClass", 4, "ngIf"], [1, "p-button-label"], [3, "value", "severity"]], template: function Button_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { type: "type", iconPos: "iconPos", icon: "icon", badge: "badge", label: "label", disabled: [2, "disabled", "disabled", booleanAttribute], loading: [2, "loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", raised: [2, "raised", "raised", booleanAttribute], rounded: [2, "rounded", "rounded", booleanAttribute], text: [2, "text", "text", booleanAttribute], plain: [2, "plain", "plain", booleanAttribute], severity: "severity", outlined: [2, "outlined", "outlined", booleanAttribute], link: [2, "link", "link", booleanAttribute], tabindex: [2, "tabindex", "tabindex", numberAttribute], size: "size", variant: "variant", style: "style", styleClass: "styleClass", badgeClass: "badgeClass", badgeSeverity: "badgeSeverity", ariaLabel: "ariaLabel", autofocus: [2, "autofocus", "autofocus", booleanAttribute], fluid: [2, "fluid", "fluid", booleanAttribute], buttonProps: "buttonProps" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, features: [i0.ɵɵProvidersFeature([ButtonStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3, decls: 7, vars: 14, consts: [["pRipple", "", 3, "click", "focus", "blur", "ngStyle", "disabled", "ngClass", "pAutoFocus"], [4, "ngTemplateOutlet"], [4, "ngIf"], ["class", "p-button-label", 4, "ngIf"], [3, "value", "severity", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", 4, "ngIf"], [3, "styleClass", "spin", 4, "ngIf"], [3, "ngClass"], [3, "styleClass", "spin"], [3, "ngIf"], [3, "class", "ngClass", 4, "ngIf"], [1, "p-button-label"], [3, "value", "severity"]], template: function Button_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function Button_Template_button_click_0_listener($event) { return ctx.onClick.emit($event); })("focus", function Button_Template_button_focus_0_listener($event) { return ctx.onFocus.emit($event); })("blur", function Button_Template_button_blur_0_listener($event) { return ctx.onBlur.emit($event); });
-            i0.ɵɵprojection(1, 0, null, Button_ProjectionFallback_1_Template, 5, 5);
+            i0.ɵɵprojection(1);
+            i0.ɵɵtemplate(2, Button_ng_container_2_Template, 1, 0, "ng-container", 1)(3, Button_ng_container_3_Template, 3, 5, "ng-container", 2)(4, Button_ng_container_4_Template, 3, 5, "ng-container", 2)(5, Button_span_5_Template, 2, 3, "span", 3)(6, Button_p_badge_6_Template, 1, 2, "p-badge", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngStyle", ctx.style)("disabled", ctx.disabled || ctx.loading)("ngClass", ctx.buttonClass)("pAutoFocus", ctx.autofocus);
             i0.ɵɵattribute("type", ctx.type)("aria-label", ctx.ariaLabel)("data-pc-name", "button")("data-pc-section", "root")("tabindex", ctx.tabindex);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.contentTemplate || ctx._contentTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.loading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.loading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.contentTemplate && !ctx._contentTemplate && ctx.label);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.contentTemplate && !ctx._contentTemplate && ctx.badge);
         } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Ripple, AutoFocus, SpinnerIcon, BadgeModule, i2.Badge, SharedModule], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Button, [{
@@ -1511,22 +1514,21 @@ class Button extends BaseComponent {
             [attr.tabindex]="tabindex"
             [pAutoFocus]="autofocus"
         >
-            <ng-content>
-                <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
-                <ng-container *ngIf="loading">
-                    <ng-container *ngIf="!loadingIconTemplate && !_loadingIconTemplate">
-                        <span *ngIf="loadingIcon" [ngClass]="iconClass()" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'"></span>
-                        <SpinnerIcon *ngIf="!loadingIcon" [styleClass]="spinnerIconClass()" [spin]="true" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'" />
-                    </ng-container>
-                    <ng-template [ngIf]="loadingIconTemplate || _loadingIconTemplate" *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate; context: { class: iconClass() }"></ng-template>
-                </ng-container>
-                <ng-container *ngIf="!loading">
-                    <span *ngIf="icon && !iconTemplate && !_iconTemplate" [class]="icon" [ngClass]="iconClass()" [attr.data-pc-section]="'icon'"></span>
-                    <ng-template [ngIf]="!icon && (iconTemplate || _iconTemplate)" *ngTemplateOutlet="iconTemplate || _iconTemplate; context: { class: iconClass() }"></ng-template>
+            <ng-content></ng-content>
+            <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+            <ng-container *ngIf="loading">
+                <ng-container *ngIf="!loadingIconTemplate && !_loadingIconTemplate">
+                    <span *ngIf="loadingIcon" [ngClass]="iconClass()" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'"></span>
+                    <SpinnerIcon *ngIf="!loadingIcon" [styleClass]="spinnerIconClass()" [spin]="true" [attr.aria-hidden]="true" [attr.data-pc-section]="'loadingicon'" />
                 </ng-container>
-                <span class="p-button-label" [attr.aria-hidden]="icon && !label" *ngIf="!contentTemplate && !_contentTemplate" [attr.data-pc-section]="'label'">{{ label || '&nbsp;' }}</span>
-                <p-badge *ngIf="!contentTemplate && !_contentTemplate && badge" [value]="badge" [severity]="badgeSeverity"></p-badge>
-            </ng-content>
+                <ng-template [ngIf]="loadingIconTemplate || _loadingIconTemplate" *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate; context: { class: iconClass() }"></ng-template>
+            </ng-container>
+            <ng-container *ngIf="!loading">
+                <span *ngIf="icon && !iconTemplate && !_iconTemplate" [class]="icon" [ngClass]="iconClass()" [attr.data-pc-section]="'icon'"></span>
+                <ng-template [ngIf]="!icon && (iconTemplate || _iconTemplate)" *ngTemplateOutlet="iconTemplate || _iconTemplate; context: { class: iconClass() }"></ng-template>
+            </ng-container>
+            <span class="p-button-label" [attr.aria-hidden]="icon && !label" *ngIf="!contentTemplate && !_contentTemplate && label" [attr.data-pc-section]="'label'">{{ label }}</span>
+            <p-badge *ngIf="!contentTemplate && !_contentTemplate && badge" [value]="badge" [severity]="badgeSeverity"></p-badge>
         </button>
     `,
                 changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1615,7 +1617,7 @@ class Button extends BaseComponent {
             type: ContentChildren,
             args: [PrimeTemplate]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Button, { className: "Button", filePath: "button.ts", lineNumber: 472 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Button, { className: "Button", filePath: "button.ts", lineNumber: 471 }); })();
 class ButtonModule {
     static ɵfac = function ButtonModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ButtonModule });