@fundamental-ngx/core 0.34.3-rc.2 → 0.34.3-rc.5

package/action-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-bar",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/action-sheet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-sheet",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/alert",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/avatar-group/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar-group",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/bar",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/breadcrumb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/breadcrumb",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/busy-indicator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/busy-indicator",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/button",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/calendar",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/card",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/carousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/carousel",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/checkbox",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/combobox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/combobox",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/date-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/date-picker",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/datetime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/datetime",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/datetime-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/datetime-picker",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dialog",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dynamic-page/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dynamic-page",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/dynamic-side-content/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/dynamic-side-content",
-  "version": "0.34.3-rc.2",
+  "version": "0.34.3-rc.5",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/esm2020/facets/facet/facet.component.mjs

@@ -154,7 +154,7 @@ export class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {

package/esm2020/form/form-label/form-label.component.mjs

@@ -21,6 +21,8 @@ export class FormLabelComponent {
         this.checkbox = false;
         /** @deprecated */
         this.radio = false;
+        /** Align label on end */
+        this.alignLabelEnd = false;
         /** Inline help body text */
         this.inlineHelpTitle = null;
         /** Glyph of icon triggering inline help */
@@ -43,10 +45,10 @@ export class FormLabelComponent {
     }
 }
 FormLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FormLabelComponent, selector: "[fd-form-label]", inputs: { required: "required", colon: "colon", checkbox: "checkbox", radio: "radio", inlineHelpTitle: "inlineHelpTitle", inlineHelpGlyph: "inlineHelpGlyph", inlineHelpTriggers: "inlineHelpTriggers", inlineHelpBodyPlacement: "inlineHelpBodyPlacement", inlineHelpPlacement: "inlineHelpPlacement" }, host: { properties: { "class.fd-form-label__wrapper": "this.defaultClass", "class.fd-form-label__wrapper--inline-help": "this.inlineHelpClass", "class.fd-form-label__wrapper--inline-help--after": "this.inlineHelpAfter" } }, usesOnChanges: true, ngImport: i0, template: "<ng-template #inlineHelpRef>\n    <fd-icon\n        *ngIf=\"inlineHelpTitle\"\n        [class.fd-form-label__help]=\"true\"\n        [class.fd-form-label__help--after]=\"inlineHelpPlacement === 'after'\"\n        [glyph]=\"inlineHelpGlyph\"\n        [triggers]=\"inlineHelpTriggers\"\n        [fd-inline-help]=\"inlineHelpTitle\"\n        [ariaLabel]=\"inlineHelpTitle\"\n        [placement]=\"inlineHelpBodyPlacement\"\n        tabindex=\"0\"\n    ></fd-icon>\n</ng-template>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'before' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n\n<span class=\"fd-form-label\" [class.fd-form-label--required]=\"required\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"colon\">:</ng-container>\n</span>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'after' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-form-label\n*/.fd-form-label{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:var(--sapFontSize);color:var(--sapContent_LabelColor);margin-right:.5rem;cursor:text;align-self:flex-start}.fd-form-label:after,.fd-form-label:before{box-sizing:inherit;font-size:inherit}.fd-form-label[dir=rtl],[dir=rtl] .fd-form-label{margin-left:.5rem;margin-right:0}.fd-form-label.is-disabled{opacity:.4}.fd-form-label--unit-description{padding:0 0 0 .25rem;color:var(--sapField_TextColor);margin:0}.fd-form-label--unit-description[dir=rtl],[dir=rtl] .fd-form-label--unit-description{margin:0;padding:0 .25rem 0 0}.fd-form-label--required,.fd-form-label[aria-required=true]{padding-right:.5rem}.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{content:\"*\";font-size:var(--sapFontSize);font-weight:700;color:var(--sapField_RequiredColor);position:absolute;right:0;top:0}.fd-form-label--required[dir=rtl],.fd-form-label[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--required,[dir=rtl] .fd-form-label[aria-required=true]{padding-right:0;padding-left:.5rem}.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{right:auto;left:0}.fd-form-label--colon{padding-right:.25rem}.fd-form-label--colon:before{content:\":\";font-size:var(--sapFontSize);color:inherit;position:absolute;right:0;top:0}.fd-form-label--colon[dir=rtl],[dir=rtl] .fd-form-label--colon{padding-left:.25rem;padding-right:0}.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{right:auto;left:0}.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{padding-right:.75rem}.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem}.fd-form-label--colon.fd-form-label--required[dir=rtl],.fd-form-label--colon[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--colon.fd-form-label--required,[dir=rtl] .fd-form-label--colon[aria-required=true]{padding-left:.75rem;padding-right:0}.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{right:auto;left:.5rem}.fd-form-label--inline-help{width:100%;display:flex;justify-content:space-between;align-items:center}.fd-form-label{display:inline-block}.fd-form-label__wrapper{position:relative;display:flex}.fd-form-label__wrapper--inline-help{display:flex;padding-left:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help,.fd-form-label__wrapper--inline-help[dir=rtl],.fd-form-label__wrapper--inline-help--after{padding-left:0;padding-right:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help--after,.fd-form-label__wrapper--inline-help--after[dir=rtl]{padding-right:0;padding-left:0rem}.fd-form-label__help{position:relative;top:50%;transform:translateY(3%);align-items:center;display:flex;left:0;right:auto}[dir=rtl] .fd-form-label__help,.fd-form-label__help[dir=rtl],.fd-form-label__help--after{right:0;left:auto}[dir=rtl] .fd-form-label__help--after,.fd-form-label__help--after[dir=rtl]{left:0;right:auto}\n"], components: [{ type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FormLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FormLabelComponent, selector: "[fd-form-label]", inputs: { required: "required", colon: "colon", checkbox: "checkbox", radio: "radio", alignLabelEnd: "alignLabelEnd", inlineHelpTitle: "inlineHelpTitle", inlineHelpGlyph: "inlineHelpGlyph", inlineHelpTriggers: "inlineHelpTriggers", inlineHelpBodyPlacement: "inlineHelpBodyPlacement", inlineHelpPlacement: "inlineHelpPlacement" }, host: { properties: { "class.fd-form-label__wrapper--align-end": "this.alignLabelEnd", "class.fd-form-label__wrapper": "this.defaultClass", "class.fd-form-label__wrapper--inline-help": "this.inlineHelpClass", "class.fd-form-label__wrapper--inline-help--after": "this.inlineHelpAfter" } }, usesOnChanges: true, ngImport: i0, template: "<ng-template #inlineHelpRef>\n    <fd-icon\n        *ngIf=\"inlineHelpTitle\"\n        [class.fd-form-label__help]=\"true\"\n        [class.fd-form-label__help--after]=\"inlineHelpPlacement === 'after'\"\n        [glyph]=\"inlineHelpGlyph\"\n        [triggers]=\"inlineHelpTriggers\"\n        [fd-inline-help]=\"inlineHelpTitle\"\n        [ariaLabel]=\"inlineHelpTitle\"\n        [placement]=\"inlineHelpBodyPlacement\"\n        tabindex=\"0\"\n    ></fd-icon>\n</ng-template>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'before' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n\n<span class=\"fd-form-label\" [class.fd-form-label--required]=\"required\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"colon\">:</ng-container>\n</span>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'after' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-form-label\n*/.fd-form-label{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:var(--sapFontSize);color:var(--sapContent_LabelColor);margin-right:.5rem;cursor:text;align-self:flex-start}.fd-form-label:after,.fd-form-label:before{box-sizing:inherit;font-size:inherit}.fd-form-label[dir=rtl],[dir=rtl] .fd-form-label{margin-left:.5rem;margin-right:0}.fd-form-label.is-disabled{opacity:.4}.fd-form-label--unit-description{padding:0 0 0 .25rem;color:var(--sapField_TextColor);margin:0}.fd-form-label--unit-description[dir=rtl],[dir=rtl] .fd-form-label--unit-description{margin:0;padding:0 .25rem 0 0}.fd-form-label--required,.fd-form-label[aria-required=true]{padding-right:.5rem}.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{content:\"*\";font-size:var(--sapFontSize);font-weight:700;color:var(--sapField_RequiredColor);position:absolute;right:0;top:0}.fd-form-label--required[dir=rtl],.fd-form-label[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--required,[dir=rtl] .fd-form-label[aria-required=true]{padding-right:0;padding-left:.5rem}.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{right:auto;left:0}.fd-form-label--colon{padding-right:.25rem}.fd-form-label--colon:before{content:\":\";font-size:var(--sapFontSize);color:inherit;position:absolute;right:0;top:0}.fd-form-label--colon[dir=rtl],[dir=rtl] .fd-form-label--colon{padding-left:.25rem;padding-right:0}.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{right:auto;left:0}.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{padding-right:.75rem}.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem}.fd-form-label--colon.fd-form-label--required[dir=rtl],.fd-form-label--colon[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--colon.fd-form-label--required,[dir=rtl] .fd-form-label--colon[aria-required=true]{padding-left:.75rem;padding-right:0}.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{right:auto;left:.5rem}.fd-form-label--inline-help{width:100%;display:flex;justify-content:space-between;align-items:center}.fd-form-label{display:inline-block}.fd-form-label__wrapper{position:relative;display:flex;padding-bottom:.125rem}.fd-form-label__wrapper--align-end{justify-content:flex-end}.fd-form-label__wrapper span.fd-form-label{margin-bottom:-.125rem}.fd-form-label__wrapper--inline-help{display:flex;padding-left:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help,.fd-form-label__wrapper--inline-help[dir=rtl],.fd-form-label__wrapper--inline-help--after{padding-left:0;padding-right:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help--after,.fd-form-label__wrapper--inline-help--after[dir=rtl]{padding-right:0;padding-left:0rem}.fd-form-label__help{position:relative;top:50%;transform:translateY(3%);align-items:center;display:flex;left:0;right:auto}[dir=rtl] .fd-form-label__help,.fd-form-label__help[dir=rtl],.fd-form-label__help--after{right:0;left:auto}[dir=rtl] .fd-form-label__help--after,.fd-form-label__help--after[dir=rtl]{left:0;right:auto}\n"], components: [{ type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FormLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fd-form-label]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #inlineHelpRef>\n    <fd-icon\n        *ngIf=\"inlineHelpTitle\"\n        [class.fd-form-label__help]=\"true\"\n        [class.fd-form-label__help--after]=\"inlineHelpPlacement === 'after'\"\n        [glyph]=\"inlineHelpGlyph\"\n        [triggers]=\"inlineHelpTriggers\"\n        [fd-inline-help]=\"inlineHelpTitle\"\n        [ariaLabel]=\"inlineHelpTitle\"\n        [placement]=\"inlineHelpBodyPlacement\"\n        tabindex=\"0\"\n    ></fd-icon>\n</ng-template>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'before' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n\n<span class=\"fd-form-label\" [class.fd-form-label--required]=\"required\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"colon\">:</ng-container>\n</span>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'after' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-form-label\n*/.fd-form-label{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:var(--sapFontSize);color:var(--sapContent_LabelColor);margin-right:.5rem;cursor:text;align-self:flex-start}.fd-form-label:after,.fd-form-label:before{box-sizing:inherit;font-size:inherit}.fd-form-label[dir=rtl],[dir=rtl] .fd-form-label{margin-left:.5rem;margin-right:0}.fd-form-label.is-disabled{opacity:.4}.fd-form-label--unit-description{padding:0 0 0 .25rem;color:var(--sapField_TextColor);margin:0}.fd-form-label--unit-description[dir=rtl],[dir=rtl] .fd-form-label--unit-description{margin:0;padding:0 .25rem 0 0}.fd-form-label--required,.fd-form-label[aria-required=true]{padding-right:.5rem}.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{content:\"*\";font-size:var(--sapFontSize);font-weight:700;color:var(--sapField_RequiredColor);position:absolute;right:0;top:0}.fd-form-label--required[dir=rtl],.fd-form-label[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--required,[dir=rtl] .fd-form-label[aria-required=true]{padding-right:0;padding-left:.5rem}.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{right:auto;left:0}.fd-form-label--colon{padding-right:.25rem}.fd-form-label--colon:before{content:\":\";font-size:var(--sapFontSize);color:inherit;position:absolute;right:0;top:0}.fd-form-label--colon[dir=rtl],[dir=rtl] .fd-form-label--colon{padding-left:.25rem;padding-right:0}.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{right:auto;left:0}.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{padding-right:.75rem}.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem}.fd-form-label--colon.fd-form-label--required[dir=rtl],.fd-form-label--colon[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--colon.fd-form-label--required,[dir=rtl] .fd-form-label--colon[aria-required=true]{padding-left:.75rem;padding-right:0}.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{right:auto;left:.5rem}.fd-form-label--inline-help{width:100%;display:flex;justify-content:space-between;align-items:center}.fd-form-label{display:inline-block}.fd-form-label__wrapper{position:relative;display:flex}.fd-form-label__wrapper--inline-help{display:flex;padding-left:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help,.fd-form-label__wrapper--inline-help[dir=rtl],.fd-form-label__wrapper--inline-help--after{padding-left:0;padding-right:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help--after,.fd-form-label__wrapper--inline-help--after[dir=rtl]{padding-right:0;padding-left:0rem}.fd-form-label__help{position:relative;top:50%;transform:translateY(3%);align-items:center;display:flex;left:0;right:auto}[dir=rtl] .fd-form-label__help,.fd-form-label__help[dir=rtl],.fd-form-label__help--after{right:0;left:auto}[dir=rtl] .fd-form-label__help--after,.fd-form-label__help--after[dir=rtl]{left:0;right:auto}\n"] }]
+            args: [{ selector: '[fd-form-label]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #inlineHelpRef>\n    <fd-icon\n        *ngIf=\"inlineHelpTitle\"\n        [class.fd-form-label__help]=\"true\"\n        [class.fd-form-label__help--after]=\"inlineHelpPlacement === 'after'\"\n        [glyph]=\"inlineHelpGlyph\"\n        [triggers]=\"inlineHelpTriggers\"\n        [fd-inline-help]=\"inlineHelpTitle\"\n        [ariaLabel]=\"inlineHelpTitle\"\n        [placement]=\"inlineHelpBodyPlacement\"\n        tabindex=\"0\"\n    ></fd-icon>\n</ng-template>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'before' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n\n<span class=\"fd-form-label\" [class.fd-form-label--required]=\"required\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"colon\">:</ng-container>\n</span>\n\n<ng-container *ngIf=\"inlineHelpPlacement === 'after' && inlineHelpTitle\">\n    <ng-container *ngTemplateOutlet=\"inlineHelpRef\"></ng-container>\n</ng-container>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-form-label\n*/.fd-form-label{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:var(--sapFontSize);color:var(--sapContent_LabelColor);margin-right:.5rem;cursor:text;align-self:flex-start}.fd-form-label:after,.fd-form-label:before{box-sizing:inherit;font-size:inherit}.fd-form-label[dir=rtl],[dir=rtl] .fd-form-label{margin-left:.5rem;margin-right:0}.fd-form-label.is-disabled{opacity:.4}.fd-form-label--unit-description{padding:0 0 0 .25rem;color:var(--sapField_TextColor);margin:0}.fd-form-label--unit-description[dir=rtl],[dir=rtl] .fd-form-label--unit-description{margin:0;padding:0 .25rem 0 0}.fd-form-label--required,.fd-form-label[aria-required=true]{padding-right:.5rem}.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{content:\"*\";font-size:var(--sapFontSize);font-weight:700;color:var(--sapField_RequiredColor);position:absolute;right:0;top:0}.fd-form-label--required[dir=rtl],.fd-form-label[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--required,[dir=rtl] .fd-form-label[aria-required=true]{padding-right:0;padding-left:.5rem}.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{right:auto;left:0}.fd-form-label--colon{padding-right:.25rem}.fd-form-label--colon:before{content:\":\";font-size:var(--sapFontSize);color:inherit;position:absolute;right:0;top:0}.fd-form-label--colon[dir=rtl],[dir=rtl] .fd-form-label--colon{padding-left:.25rem;padding-right:0}.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{right:auto;left:0}.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{padding-right:.75rem}.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem}.fd-form-label--colon.fd-form-label--required[dir=rtl],.fd-form-label--colon[aria-required=true][dir=rtl],[dir=rtl] .fd-form-label--colon.fd-form-label--required,[dir=rtl] .fd-form-label--colon[aria-required=true]{padding-left:.75rem;padding-right:0}.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{right:auto;left:.5rem}.fd-form-label--inline-help{width:100%;display:flex;justify-content:space-between;align-items:center}.fd-form-label{display:inline-block}.fd-form-label__wrapper{position:relative;display:flex;padding-bottom:.125rem}.fd-form-label__wrapper--align-end{justify-content:flex-end}.fd-form-label__wrapper span.fd-form-label{margin-bottom:-.125rem}.fd-form-label__wrapper--inline-help{display:flex;padding-left:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help,.fd-form-label__wrapper--inline-help[dir=rtl],.fd-form-label__wrapper--inline-help--after{padding-left:0;padding-right:0rem}[dir=rtl] .fd-form-label__wrapper--inline-help--after,.fd-form-label__wrapper--inline-help--after[dir=rtl]{padding-right:0;padding-left:0rem}.fd-form-label__help{position:relative;top:50%;transform:translateY(3%);align-items:center;display:flex;left:0;right:auto}[dir=rtl] .fd-form-label__help,.fd-form-label__help[dir=rtl],.fd-form-label__help--after{right:0;left:auto}[dir=rtl] .fd-form-label__help--after,.fd-form-label__help--after[dir=rtl]{left:0;right:auto}\n"] }]
         }], propDecorators: { required: [{
                 type: Input
             }], colon: [{
@@ -55,6 +57,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 type: Input
             }], radio: [{
                 type: Input
+            }], alignLabelEnd: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.fd-form-label__wrapper--align-end']
             }], inlineHelpTitle: [{
                 type: Input
             }], inlineHelpGlyph: [{
@@ -75,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 type: HostBinding,
                 args: ['class.fd-form-label__wrapper--inline-help--after']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9mb3JtL2Zvcm0tbGFiZWwvZm9ybS1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9mb3JtL2Zvcm0tbGFiZWwvZm9ybS1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBSXJIOzs7Ozs7O0dBT0c7QUFVSCxNQUFNLE9BQU8sa0JBQWtCO0lBVC9CO1FBVUksK0JBQStCO1FBRS9CLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsK0JBQStCO1FBRS9CLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFZCxrQkFBa0I7UUFFbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixrQkFBa0I7UUFFbEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkLDRCQUE0QjtRQUU1QixvQkFBZSxHQUFXLElBQUksQ0FBQztRQUUvQiwyQ0FBMkM7UUFFM0Msb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFFbEMsOENBQThDO1FBRTlDLHVCQUFrQixHQUFhLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFXbkYseUVBQXlFO1FBRXpFLHdCQUFtQixHQUE0QixPQUFPLENBQUM7UUFFdkQsY0FBYztRQUVkLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXBCLGNBQWM7UUFFZCxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixjQUFjO1FBRWQsb0JBQWUsR0FBRyxJQUFJLENBQUM7S0FPMUI7SUFMRyxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDOUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxtQkFBbUIsS0FBSyxPQUFPLENBQUM7SUFDeEYsQ0FBQzs7K0dBekRRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHNsQkNyQi9CLDA5QkEwQkE7MkZETGEsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUdJLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxRQUFRO3NCQURQLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sZUFBZTtzQkFEZCxLQUFLO2dCQUtOLGVBQWU7c0JBRGQsS0FBSztnQkFLTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBVU4sdUJBQXVCO3NCQUR0QixLQUFLO2dCQUtOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFLTixZQUFZO3NCQURYLFdBQVc7dUJBQUMsOEJBQThCO2dCQUszQyxlQUFlO3NCQURkLFdBQVc7dUJBQUMsMkNBQTJDO2dCQUl4RCxlQUFlO3NCQURkLFdBQVc7dUJBQUMsa0RBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvc2hhcmVkJztcbmltcG9ydCB7IElubGluZUhlbHBGb3JtUGxhY2VtZW50IH0gZnJvbSAnLi4vaW5saW5lLWhlbHAtcGxhY2VtZW50LnR5cGUnO1xuXG4vKipcbiAqIExhYmVsIHRvIGJlIGxpbmtlZCB0byBhIGZvcm0gY29udHJvbC5cbiAqXG4gKiBgYGBodG1sXG4gKiA8bGFiZWwgZmQtZm9ybS1sYWJlbCBmb3I9XCJpbnB1dC1pZFwiPkxhYmVsIFRleHQ8L2xhYmVsPlxuICogPGlucHV0IGZkLWZvcm0tY29udHJvbCB0eXBlPVwidGV4dFwiIGlkPVwiaW5wdXQtaWRcIiAvPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIC8vIFRPRE8gdG8gYmUgZGlzY3Vzc2VkXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1tmZC1mb3JtLWxhYmVsXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Zvcm0tbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1MYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgLyoqIFdoZXRoZXIgZm9ybSBpcyByZXF1aXJlZCAqL1xuICAgIEBJbnB1dCgpXG4gICAgcmVxdWlyZWQgPSBmYWxzZTtcblxuICAgIC8qKiBXaGV0aGVyIGZvcm0gaXMgcmVxdWlyZWQgKi9cbiAgICBASW5wdXQoKVxuICAgIGNvbG9uID0gZmFsc2U7XG5cbiAgICAvKiogQGRlcHJlY2F0ZWQgKi9cbiAgICBASW5wdXQoKVxuICAgIGNoZWNrYm94ID0gZmFsc2U7XG5cbiAgICAvKiogQGRlcHJlY2F0ZWQgKi9cbiAgICBASW5wdXQoKVxuICAgIHJhZGlvID0gZmFsc2U7XG5cbiAgICAvKiogSW5saW5lIGhlbHAgYm9keSB0ZXh0ICovXG4gICAgQElucHV0KClcbiAgICBpbmxpbmVIZWxwVGl0bGU6IHN0cmluZyA9IG51bGw7XG5cbiAgICAvKiogR2x5cGggb2YgaWNvbiB0cmlnZ2VyaW5nIGlubGluZSBoZWxwICovXG4gICAgQElucHV0KClcbiAgICBpbmxpbmVIZWxwR2x5cGggPSAncXVlc3Rpb24tbWFyayc7XG5cbiAgICAvKiogVHJpZ2dlciBldmVudCBuYW1lcyBmb3IgdGhlIGlubGluZSBoZWxwICovXG4gICAgQElucHV0KClcbiAgICBpbmxpbmVIZWxwVHJpZ2dlcnM6IHN0cmluZ1tdID0gWydtb3VzZWVudGVyJywgJ21vdXNlbGVhdmUnLCAnZm9jdXNpbicsICdmb2N1c291dCddO1xuXG4gICAgLyoqXG4gICAgICogVGhlIHBsYWNlbWVudCBvZiB0aGUgaW5saW5lIGhlbHAuXG4gICAgICogSXQgY2FuIGJlIG9uZSBvZjpcbiAgICAgKiB0b3AsIHRvcC1zdGFydCwgdG9wLWVuZCwgYm90dG9tLCBib3R0b20tc3RhcnQsIGJvdHRvbS1lbmQsXG4gICAgICogcmlnaHQsIHJpZ2h0LXN0YXJ0LCByaWdodC1lbmQsIGxlZnQsIGxlZnQtc3RhcnQsIGxlZnQtZW5kLlxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5saW5lSGVscEJvZHlQbGFjZW1lbnQ6IFBsYWNlbWVudDtcblxuICAgIC8qKiBJZiBpbmxpbmUgaGVscCB0cmlnZ2VyIGljb24gc2hvdWxkIGJlIHBsYWNlZCBhZnRlciwgb3IgYmVmb3JlIHRleHQgKi9cbiAgICBASW5wdXQoKVxuICAgIGlubGluZUhlbHBQbGFjZW1lbnQ6IElubGluZUhlbHBGb3JtUGxhY2VtZW50ID0gJ2FmdGVyJztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mZC1mb3JtLWxhYmVsX193cmFwcGVyJylcbiAgICBkZWZhdWx0Q2xhc3MgPSB0cnVlO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLWZvcm0tbGFiZWxfX3dyYXBwZXItLWlubGluZS1oZWxwJylcbiAgICBpbmxpbmVIZWxwQ2xhc3MgPSB0cnVlO1xuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mZC1mb3JtLWxhYmVsX193cmFwcGVyLS1pbmxpbmUtaGVscC0tYWZ0ZXInKVxuICAgIGlubGluZUhlbHBBZnRlciA9IHRydWU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlubGluZUhlbHBDbGFzcyA9ICEhdGhpcy5pbmxpbmVIZWxwVGl0bGU7XG4gICAgICAgIHRoaXMuaW5saW5lSGVscEFmdGVyID0gdGhpcy5pbmxpbmVIZWxwVGl0bGUgJiYgdGhpcy5pbmxpbmVIZWxwUGxhY2VtZW50ID09PSAnYWZ0ZXInO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjaW5saW5lSGVscFJlZj5cbiAgICA8ZmQtaWNvblxuICAgICAgICAqbmdJZj1cImlubGluZUhlbHBUaXRsZVwiXG4gICAgICAgIFtjbGFzcy5mZC1mb3JtLWxhYmVsX19oZWxwXT1cInRydWVcIlxuICAgICAgICBbY2xhc3MuZmQtZm9ybS1sYWJlbF9faGVscC0tYWZ0ZXJdPVwiaW5saW5lSGVscFBsYWNlbWVudCA9PT0gJ2FmdGVyJ1wiXG4gICAgICAgIFtnbHlwaF09XCJpbmxpbmVIZWxwR2x5cGhcIlxuICAgICAgICBbdHJpZ2dlcnNdPVwiaW5saW5lSGVscFRyaWdnZXJzXCJcbiAgICAgICAgW2ZkLWlubGluZS1oZWxwXT1cImlubGluZUhlbHBUaXRsZVwiXG4gICAgICAgIFthcmlhTGFiZWxdPVwiaW5saW5lSGVscFRpdGxlXCJcbiAgICAgICAgW3BsYWNlbWVudF09XCJpbmxpbmVIZWxwQm9keVBsYWNlbWVudFwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgPjwvZmQtaWNvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJpbmxpbmVIZWxwUGxhY2VtZW50ID09PSAnYmVmb3JlJyAmJiBpbmxpbmVIZWxwVGl0bGVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5saW5lSGVscFJlZlwiPjwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxzcGFuIGNsYXNzPVwiZmQtZm9ybS1sYWJlbFwiIFtjbGFzcy5mZC1mb3JtLWxhYmVsLS1yZXF1aXJlZF09XCJyZXF1aXJlZFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sb25cIj46PC9uZy1jb250YWluZXI+XG48L3NwYW4+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJpbmxpbmVIZWxwUGxhY2VtZW50ID09PSAnYWZ0ZXInICYmIGlubGluZUhlbHBUaXRsZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbmxpbmVIZWxwUmVmXCI+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9mb3JtL2Zvcm0tbGFiZWwvZm9ybS1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9mb3JtL2Zvcm0tbGFiZWwvZm9ybS1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBSXJIOzs7Ozs7O0dBT0c7QUFVSCxNQUFNLE9BQU8sa0JBQWtCO0lBVC9CO1FBVUksK0JBQStCO1FBRS9CLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsK0JBQStCO1FBRS9CLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFZCxrQkFBa0I7UUFFbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixrQkFBa0I7UUFFbEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkLHlCQUF5QjtRQUd6QixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0Qiw0QkFBNEI7UUFFNUIsb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsMkNBQTJDO1FBRTNDLG9CQUFlLEdBQUcsZUFBZSxDQUFDO1FBRWxDLDhDQUE4QztRQUU5Qyx1QkFBa0IsR0FBYSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBV25GLHlFQUF5RTtRQUV6RSx3QkFBbUIsR0FBNEIsT0FBTyxDQUFDO1FBRXZELGNBQWM7UUFFZCxpQkFBWSxHQUFHLElBQUksQ0FBQztRQUVwQixjQUFjO1FBRWQsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdkIsY0FBYztRQUVkLG9CQUFlLEdBQUcsSUFBSSxDQUFDO0tBTzFCO0lBTEcsY0FBYztJQUNkLFdBQVc7UUFDUCxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzlDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEtBQUssT0FBTyxDQUFDO0lBQ3hGLENBQUM7OytHQTlEUSxrQkFBa0I7bUdBQWxCLGtCQUFrQix1ckJDckIvQiwwOUJBMEJBOzJGRExhLGtCQUFrQjtrQkFUOUIsU0FBUzsrQkFHSSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsUUFBUTtzQkFEUCxLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQU1OLGFBQWE7c0JBRlosS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx5Q0FBeUM7Z0JBS3RELGVBQWU7c0JBRGQsS0FBSztnQkFLTixlQUFlO3NCQURkLEtBQUs7Z0JBS04sa0JBQWtCO3NCQURqQixLQUFLO2dCQVVOLHVCQUF1QjtzQkFEdEIsS0FBSztnQkFLTixtQkFBbUI7c0JBRGxCLEtBQUs7Z0JBS04sWUFBWTtzQkFEWCxXQUFXO3VCQUFDLDhCQUE4QjtnQkFLM0MsZUFBZTtzQkFEZCxXQUFXO3VCQUFDLDJDQUEyQztnQkFJeEQsZUFBZTtzQkFEZCxXQUFXO3VCQUFDLGtEQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGxhY2VtZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBJbmxpbmVIZWxwRm9ybVBsYWNlbWVudCB9IGZyb20gJy4uL2lubGluZS1oZWxwLXBsYWNlbWVudC50eXBlJztcblxuLyoqXG4gKiBMYWJlbCB0byBiZSBsaW5rZWQgdG8gYSBmb3JtIGNvbnRyb2wuXG4gKlxuICogYGBgaHRtbFxuICogPGxhYmVsIGZkLWZvcm0tbGFiZWwgZm9yPVwiaW5wdXQtaWRcIj5MYWJlbCBUZXh0PC9sYWJlbD5cbiAqIDxpbnB1dCBmZC1mb3JtLWNvbnRyb2wgdHlwZT1cInRleHRcIiBpZD1cImlucHV0LWlkXCIgLz5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICAvLyBUT0RPIHRvIGJlIGRpc2N1c3NlZFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgc2VsZWN0b3I6ICdbZmQtZm9ybS1sYWJlbF0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9mb3JtLWxhYmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtTGFiZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIC8qKiBXaGV0aGVyIGZvcm0gaXMgcmVxdWlyZWQgKi9cbiAgICBASW5wdXQoKVxuICAgIHJlcXVpcmVkID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciBmb3JtIGlzIHJlcXVpcmVkICovXG4gICAgQElucHV0KClcbiAgICBjb2xvbiA9IGZhbHNlO1xuXG4gICAgLyoqIEBkZXByZWNhdGVkICovXG4gICAgQElucHV0KClcbiAgICBjaGVja2JveCA9IGZhbHNlO1xuXG4gICAgLyoqIEBkZXByZWNhdGVkICovXG4gICAgQElucHV0KClcbiAgICByYWRpbyA9IGZhbHNlO1xuXG4gICAgLyoqIEFsaWduIGxhYmVsIG9uIGVuZCAqL1xuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mZC1mb3JtLWxhYmVsX193cmFwcGVyLS1hbGlnbi1lbmQnKVxuICAgIGFsaWduTGFiZWxFbmQgPSBmYWxzZTtcblxuICAgIC8qKiBJbmxpbmUgaGVscCBib2R5IHRleHQgKi9cbiAgICBASW5wdXQoKVxuICAgIGlubGluZUhlbHBUaXRsZTogc3RyaW5nID0gbnVsbDtcblxuICAgIC8qKiBHbHlwaCBvZiBpY29uIHRyaWdnZXJpbmcgaW5saW5lIGhlbHAgKi9cbiAgICBASW5wdXQoKVxuICAgIGlubGluZUhlbHBHbHlwaCA9ICdxdWVzdGlvbi1tYXJrJztcblxuICAgIC8qKiBUcmlnZ2VyIGV2ZW50IG5hbWVzIGZvciB0aGUgaW5saW5lIGhlbHAgKi9cbiAgICBASW5wdXQoKVxuICAgIGlubGluZUhlbHBUcmlnZ2Vyczogc3RyaW5nW10gPSBbJ21vdXNlZW50ZXInLCAnbW91c2VsZWF2ZScsICdmb2N1c2luJywgJ2ZvY3Vzb3V0J107XG5cbiAgICAvKipcbiAgICAgKiBUaGUgcGxhY2VtZW50IG9mIHRoZSBpbmxpbmUgaGVscC5cbiAgICAgKiBJdCBjYW4gYmUgb25lIG9mOlxuICAgICAqIHRvcCwgdG9wLXN0YXJ0LCB0b3AtZW5kLCBib3R0b20sIGJvdHRvbS1zdGFydCwgYm90dG9tLWVuZCxcbiAgICAgKiByaWdodCwgcmlnaHQtc3RhcnQsIHJpZ2h0LWVuZCwgbGVmdCwgbGVmdC1zdGFydCwgbGVmdC1lbmQuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBpbmxpbmVIZWxwQm9keVBsYWNlbWVudDogUGxhY2VtZW50O1xuXG4gICAgLyoqIElmIGlubGluZSBoZWxwIHRyaWdnZXIgaWNvbiBzaG91bGQgYmUgcGxhY2VkIGFmdGVyLCBvciBiZWZvcmUgdGV4dCAqL1xuICAgIEBJbnB1dCgpXG4gICAgaW5saW5lSGVscFBsYWNlbWVudDogSW5saW5lSGVscEZvcm1QbGFjZW1lbnQgPSAnYWZ0ZXInO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLWZvcm0tbGFiZWxfX3dyYXBwZXInKVxuICAgIGRlZmF1bHRDbGFzcyA9IHRydWU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZmQtZm9ybS1sYWJlbF9fd3JhcHBlci0taW5saW5lLWhlbHAnKVxuICAgIGlubGluZUhlbHBDbGFzcyA9IHRydWU7XG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZkLWZvcm0tbGFiZWxfX3dyYXBwZXItLWlubGluZS1oZWxwLS1hZnRlcicpXG4gICAgaW5saW5lSGVscEFmdGVyID0gdHJ1ZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5saW5lSGVscENsYXNzID0gISF0aGlzLmlubGluZUhlbHBUaXRsZTtcbiAgICAgICAgdGhpcy5pbmxpbmVIZWxwQWZ0ZXIgPSB0aGlzLmlubGluZUhlbHBUaXRsZSAmJiB0aGlzLmlubGluZUhlbHBQbGFjZW1lbnQgPT09ICdhZnRlcic7XG4gICAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNpbmxpbmVIZWxwUmVmPlxuICAgIDxmZC1pY29uXG4gICAgICAgICpuZ0lmPVwiaW5saW5lSGVscFRpdGxlXCJcbiAgICAgICAgW2NsYXNzLmZkLWZvcm0tbGFiZWxfX2hlbHBdPVwidHJ1ZVwiXG4gICAgICAgIFtjbGFzcy5mZC1mb3JtLWxhYmVsX19oZWxwLS1hZnRlcl09XCJpbmxpbmVIZWxwUGxhY2VtZW50ID09PSAnYWZ0ZXInXCJcbiAgICAgICAgW2dseXBoXT1cImlubGluZUhlbHBHbHlwaFwiXG4gICAgICAgIFt0cmlnZ2Vyc109XCJpbmxpbmVIZWxwVHJpZ2dlcnNcIlxuICAgICAgICBbZmQtaW5saW5lLWhlbHBdPVwiaW5saW5lSGVscFRpdGxlXCJcbiAgICAgICAgW2FyaWFMYWJlbF09XCJpbmxpbmVIZWxwVGl0bGVcIlxuICAgICAgICBbcGxhY2VtZW50XT1cImlubGluZUhlbHBCb2R5UGxhY2VtZW50XCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICA+PC9mZC1pY29uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlubGluZUhlbHBQbGFjZW1lbnQgPT09ICdiZWZvcmUnICYmIGlubGluZUhlbHBUaXRsZVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpbmxpbmVIZWxwUmVmXCI+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPHNwYW4gY2xhc3M9XCJmZC1mb3JtLWxhYmVsXCIgW2NsYXNzLmZkLWZvcm0tbGFiZWwtLXJlcXVpcmVkXT1cInJlcXVpcmVkXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2xvblwiPjo8L25nLWNvbnRhaW5lcj5cbjwvc3Bhbj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlubGluZUhlbHBQbGFjZW1lbnQgPT09ICdhZnRlcicgJiYgaW5saW5lSGVscFRpdGxlXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImlubGluZUhlbHBSZWZcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2020/pagination/pagination.component.mjs

@@ -326,7 +326,7 @@ export class PaginationComponent {
     }
 }
 PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: PaginationComponent, deps: [{ token: i1.PaginationService }, { token: i0.ChangeDetectorRef }, { token: i2.LiveAnnouncer }, { token: i3.RtlService, optional: true }, { token: i3.ContentDensityService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: PaginationComponent, selector: "fd-pagination", inputs: { id: "id", compact: "compact", mobile: "mobile", totalItems: "totalItems", currentPage: "currentPage", itemsPerPage: "itemsPerPage", itemsPerPageTemplate: "itemsPerPageTemplate", itemsPerPageLabel: "itemsPerPageLabel", itemsPerPageOptions: "itemsPerPageOptions", displayTotalItems: "displayTotalItems", displayTextTemplate: "displayTextTemplate", firstLabel: "firstLabel", previousLabel: "previousLabel", nextLabel: "nextLabel", lastLabel: "lastLabel", ariaLabel: "ariaLabel", pageLabel: "pageLabel", currentPageAriaLabel: "currentPageAriaLabel", labelBeforeInputMobile: "labelBeforeInputMobile", labelAfterInputMobile: "labelAfterInputMobile", inputAriaLabel: "inputAriaLabel" }, outputs: { pageChangeStart: "pageChangeStart", itemsPerPageChange: "itemsPerPageChange" }, host: { properties: { "class.fd-pagination--mobile": "mobile", "class.fd-pagination--short": "_lastPage <= 9" }, classAttribute: "fd-pagination" }, providers: [PaginationService], viewQueries: [{ propertyName: "_focusKeyManagerList", first: true, predicate: FocusKeyManagerListDirective, descendants: true }, { propertyName: "_pageInputElement", first: true, predicate: ["pageInputElement"], descendants: true, read: ElementRef }, { propertyName: "_currentPageElement", first: true, predicate: ["currentPageElement"], descendants: true, read: ElementRef }, { propertyName: "_focusKeyManagerItems", predicate: FocusKeyManagerItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"totalItems\">\n    <div class=\"fd-pagination__per-page\" *ngIf=\"itemsPerPageTemplate || itemsPerPageOptions?.length\">\n        <!-- note, that we're checking for the length of \"itemsPerPageOptions\", but using \"_displayedPageSizeOptions\" as \"pageOptions\" -->\n        <!-- these 2 can be different, as \"_displayedPageSizeOptions\" may also include \"itemsPerPage\" if it's not included in options -->\n        <ng-container\n            [ngTemplateOutlet]=\"itemsPerPageTemplate || perPage\"\n            [ngTemplateOutletContext]=\"{ onSelect: _onChangePerPage, pageOptions: _displayedPageSizeOptions }\"\n        ></ng-container>\n    </div>\n\n    <nav\n        fd-focus-key-manager-list\n        orientation=\"horizontal\"\n        [skipPredicate]=\"skipItemPredicate\"\n        class=\"fd-pagination__nav\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"displayTotalItems ? _totalPagesElementId : null\"\n        *ngIf=\"totalItems >= itemsPerPage\"\n    >\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"media-rewind\"\n            [disabled]=\"isFirstPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"firstLabel\"\n            [title]=\"firstLabel\"\n            class=\"fd-pagination__button fd-pagination__button--mobile\"\n            [attr.aria-disabled]=\"isFirstPage\"\n            (click)=\"goToFirstPage()\"\n            (keyup.enter)=\"goToFirstPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"goToFirstPage($event)\"\n        ></button>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"navigation-left-arrow\"\n            [disabled]=\"isFirstPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"previousLabel\"\n            [title]=\"previousLabel\"\n            class=\"fd-pagination__button\"\n            [attr.aria-disabled]=\"isFirstPage\"\n            (click)=\"previousPage()\"\n            (keyup.enter)=\"previousPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"previousPage($event)\"\n        ></button>\n\n        <!-- Duplicated to preserve the items order for keyboard navigation -->\n        <ng-container *ngFor=\"let page of _pagesBeforeCurrent\">\n            <button\n                *ngIf=\"page !== _moreElementValue; else more\"\n                fd-focus-key-manager-item\n                fd-button\n                fdType=\"transparent\"\n                [compact]=\"compact\"\n                [ariaLabel]=\"pageLabel(page)\"\n                [title]=\"nextLabel\"\n                class=\"fd-pagination__link\"\n                (click)=\"goToPage(page)\"\n                (keyup.enter)=\"goToPage(page, $event)\"\n                (keydown.space)=\"$event.preventDefault()\"\n                (keyup.space)=\"goToPage(page, $event)\"\n            >\n                {{ page }}\n            </button>\n        </ng-container>\n\n        <button\n            #currentPageElement\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"pageLabel(currentPage)\"\n            class=\"fd-pagination__link is-active\"\n            [attr.aria-current]=\"true\"\n        >\n            {{ currentPage }}\n        </button>\n\n        <label fd-form-label class=\"fd-pagination__label\"> {{ labelBeforeInputMobile }}: </label>\n\n        <input\n            #pageInputElement\n            fd-focus-key-manager-item\n            fd-form-control\n            fd-only-digits\n            required\n            size=\"1\"\n            min=\"1\"\n            type=\"number\"\n            [max]=\"_lastPage\"\n            [state]=\"currentPageModel.invalid ? 'error' : null\"\n            [compact]=\"compact\"\n            class=\"fd-pagination__input\"\n            #currentPageModel=\"ngModel\"\n            [ngModel]=\"currentPage\"\n            [attr.aria-label]=\"inputAriaLabel(currentPage, _lastPage)\"\n            (keydown.enter)=\"goToPage(currentPageModel.value)\"\n            (keydown.space)=\"goToPage(currentPageModel.value)\"\n            (blur)=\"_restoreInputValue(currentPageModel)\"\n        />\n\n        <label fd-form-label class=\"fd-pagination__label\">\n            {{ labelAfterInputMobile(_lastPage) }}\n        </label>\n\n        <!-- Duplicated to preserve the items order for keyboard navigation -->\n        <ng-container *ngFor=\"let page of _pagesAfterCurrent\">\n            <button\n                *ngIf=\"page !== _moreElementValue; else more\"\n                fd-focus-key-manager-item\n                fd-button\n                fdType=\"transparent\"\n                [compact]=\"compact\"\n                [ariaLabel]=\"pageLabel(page)\"\n                [title]=\"nextLabel\"\n                class=\"fd-pagination__link\"\n                (click)=\"goToPage(page)\"\n                (keyup.enter)=\"goToPage(page, $event)\"\n                (keydown.space)=\"$event.preventDefault()\"\n                (keyup.space)=\"goToPage(page, $event)\"\n            >\n                {{ page }}\n            </button>\n        </ng-container>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"navigation-right-arrow\"\n            [disabled]=\"isLastPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"nextLabel\"\n            [title]=\"nextLabel\"\n            class=\"fd-pagination__button\"\n            [attr.aria-disabled]=\"isLastPage\"\n            (click)=\"nextPage()\"\n            (keyup.enter)=\"nextPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"nextPage()\"\n        ></button>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"media-forward\"\n            [disabled]=\"isLastPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"lastLabel\"\n            [title]=\"lastLabel\"\n            class=\"fd-pagination__button fd-pagination__button--mobile\"\n            [attr.aria-disabled]=\"isLastPage\"\n            (click)=\"goToLastPage()\"\n            (keyup.enter)=\"goToLastPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"goToLastPage()\"\n        ></button>\n    </nav>\n\n    <span *ngIf=\"displayTotalItems\" class=\"fd-pagination__total\" [attr.id]=\"_totalPagesElementId\">\n        <ng-container\n            [ngTemplateOutlet]=\"displayTextTemplate || total\"\n            [ngTemplateOutletContext]=\"{ showing: _currentShowing }\"\n        ></ng-container>\n    </span>\n</ng-container>\n\n<ng-template #more>\n    <span\n        class=\"fd-pagination__more\"\n        [class.fd-pagination__more--compact]=\"compact\"\n        aria-hidden=\"true\"\n        aria-label=\"...\"\n        role=\"presentation\"\n    ></span>\n</ng-template>\n\n<ng-template #total let-showing=\"showing\">\n    <span fd-form-label class=\"fd-pagination__total-label\"> {{ showing.of }} Results </span>\n</ng-template>\n\n<ng-template #perPage let-pageOptions=\"pageOptions\">\n    <label fd-form-label class=\"fd-pagination__per-page-label\">{{ itemsPerPageLabel }}:</label>\n\n    <fd-select\n        [compact]=\"compact\"\n        class=\"fd-pagination__per-page-select\"\n        [value]=\"itemsPerPage\"\n        (valueChange)=\"_onChangePerPage($event)\"\n    >\n        <fd-option *ngFor=\"let option of pageOptions\" [value]=\"option\">{{ option }}</fd-option>\n    </fd-select>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-pagination\n*/.fd-pagination{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:2.75rem;width:100%}.fd-pagination:after,.fd-pagination:before{box-sizing:inherit;font-size:inherit}.fd-pagination__per-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center}.fd-pagination__per-page:after,.fd-pagination__per-page:before{box-sizing:inherit;font-size:inherit}.fd-pagination__nav{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;justify-content:center;align-items:center;margin:0 auto}.fd-pagination__nav:after,.fd-pagination__nav:before{box-sizing:inherit;font-size:inherit}.fd-pagination__more{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-pagination__more:after,.fd-pagination__more:before{box-sizing:inherit;font-size:inherit}.fd-pagination__more:before{content:\"...\";display:block;width:2.25rem;text-align:center}.fd-pagination__more--compact:before{width:2rem}.fd-pagination .fd-pagination__button,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label,.fd-pagination .fd-pagination__link,.fd-pagination__more{margin-left:.125rem;margin-right:.125rem}.fd-pagination .fd-pagination__input{width:auto;min-width:2.5rem;text-align:center;-moz-appearance:textfield}.fd-pagination .fd-pagination__input::-webkit-inner-spin-button,.fd-pagination .fd-pagination__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-pagination .fd-pagination__label,.fd-pagination .fd-pagination__per-page-label{flex-shrink:0;align-self:center}.fd-pagination .fd-pagination__label{display:none}.fd-pagination .fd-pagination__total-label{margin:0}.fd-pagination .fd-pagination__link.is-active{display:none}.fd-pagination .fd-pagination__button [class*=sap-icon][dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__button [class*=sap-icon]{transform:rotate(180deg)}.fd-pagination .fd-pagination__button--mobile{display:none}.fd-pagination--short .fd-pagination__link.is-active,.fd-pagination--short .fd-pagination__link:active{display:flex}.fd-pagination--short .fd-pagination__input{display:none}.fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination--mobile .fd-pagination__link,.fd-pagination--mobile .fd-pagination__more,.fd-pagination--mobile .fd-pagination__per-page-label,.fd-pagination--mobile .fd-pagination__total{display:none}.fd-pagination--mobile .fd-pagination__button--mobile,.fd-pagination--mobile .fd-pagination__input,.fd-pagination--mobile .fd-pagination__label{display:flex}.fd-pagination--mobile .fd-pagination__link.is-active,.fd-pagination--mobile .fd-pagination__link:active{display:none}@media (max-width: 599px){.fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination .fd-pagination__link,.fd-pagination .fd-pagination__more,.fd-pagination .fd-pagination__per-page-label,.fd-pagination .fd-pagination__total{display:none}.fd-pagination .fd-pagination__button--mobile,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label{display:flex}.fd-pagination .fd-pagination__link.is-active,.fd-pagination .fd-pagination__link:active{display:none}}@media (min-width: 600px) and (max-width: 1023px){.fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination .fd-pagination__link,.fd-pagination .fd-pagination__more,.fd-pagination .fd-pagination__per-page-label,.fd-pagination .fd-pagination__total{display:none}.fd-pagination .fd-pagination__button--mobile,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label{display:flex}.fd-pagination .fd-pagination__link.is-active,.fd-pagination .fd-pagination__link:active{display:none}}.fd-pagination__label .fd-form-label,.fd-pagination__total-label .fd-form-label{margin:0}\n"], components: [{ type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }, { type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "compact", "type", "class"] }, { type: i6.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "compact", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { type: i6.OptionComponent, selector: "fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.FocusKeyManagerListDirective, selector: "[fd-focus-key-manager-list], [fdFocusKeyManagerList]", inputs: ["orientation", "skipPredicate"] }, { type: i3.FocusKeyManagerItemDirective, selector: "[fd-focus-key-manager-item], [fdFocusKeyManagerItem]", inputs: ["initialFocus", "_tabindex"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i8.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.OnlyDigitsDirective, selector: "[fdOnlyDigits], [fd-only-digits]", inputs: ["decimal", "decimalSeparator"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: PaginationComponent, selector: "fd-pagination", inputs: { id: "id", compact: "compact", mobile: "mobile", totalItems: "totalItems", currentPage: "currentPage", itemsPerPage: "itemsPerPage", itemsPerPageTemplate: "itemsPerPageTemplate", itemsPerPageLabel: "itemsPerPageLabel", itemsPerPageOptions: "itemsPerPageOptions", displayTotalItems: "displayTotalItems", displayTextTemplate: "displayTextTemplate", firstLabel: "firstLabel", previousLabel: "previousLabel", nextLabel: "nextLabel", lastLabel: "lastLabel", ariaLabel: "ariaLabel", pageLabel: "pageLabel", currentPageAriaLabel: "currentPageAriaLabel", labelBeforeInputMobile: "labelBeforeInputMobile", labelAfterInputMobile: "labelAfterInputMobile", inputAriaLabel: "inputAriaLabel" }, outputs: { pageChangeStart: "pageChangeStart", itemsPerPageChange: "itemsPerPageChange" }, host: { properties: { "class.fd-pagination--mobile": "mobile", "class.fd-pagination--short": "_lastPage <= 9" }, classAttribute: "fd-pagination" }, providers: [PaginationService], viewQueries: [{ propertyName: "_focusKeyManagerList", first: true, predicate: FocusKeyManagerListDirective, descendants: true }, { propertyName: "_pageInputElement", first: true, predicate: ["pageInputElement"], descendants: true, read: ElementRef }, { propertyName: "_currentPageElement", first: true, predicate: ["currentPageElement"], descendants: true, read: ElementRef }, { propertyName: "_focusKeyManagerItems", predicate: FocusKeyManagerItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"totalItems\">\n    <div class=\"fd-pagination__per-page\" *ngIf=\"itemsPerPageTemplate || itemsPerPageOptions?.length\">\n        <!-- note, that we're checking for the length of \"itemsPerPageOptions\", but using \"_displayedPageSizeOptions\" as \"pageOptions\" -->\n        <!-- these 2 can be different, as \"_displayedPageSizeOptions\" may also include \"itemsPerPage\" if it's not included in options -->\n        <ng-container\n            [ngTemplateOutlet]=\"itemsPerPageTemplate || perPage\"\n            [ngTemplateOutletContext]=\"{ onSelect: _onChangePerPage, pageOptions: _displayedPageSizeOptions }\"\n        ></ng-container>\n    </div>\n\n    <nav\n        fd-focus-key-manager-list\n        orientation=\"horizontal\"\n        [skipPredicate]=\"skipItemPredicate\"\n        class=\"fd-pagination__nav\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"displayTotalItems ? _totalPagesElementId : null\"\n        *ngIf=\"totalItems >= itemsPerPage\"\n    >\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"media-rewind\"\n            [disabled]=\"isFirstPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"firstLabel\"\n            [title]=\"firstLabel\"\n            class=\"fd-pagination__button fd-pagination__button--mobile\"\n            [attr.aria-disabled]=\"isFirstPage\"\n            (click)=\"goToFirstPage()\"\n            (keyup.enter)=\"goToFirstPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"goToFirstPage($event)\"\n        ></button>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"navigation-left-arrow\"\n            [disabled]=\"isFirstPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"previousLabel\"\n            [title]=\"previousLabel\"\n            class=\"fd-pagination__button\"\n            [attr.aria-disabled]=\"isFirstPage\"\n            (click)=\"previousPage()\"\n            (keyup.enter)=\"previousPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"previousPage($event)\"\n        ></button>\n\n        <!-- Duplicated to preserve the items order for keyboard navigation -->\n        <ng-container *ngFor=\"let page of _pagesBeforeCurrent\">\n            <button\n                *ngIf=\"page !== _moreElementValue; else more\"\n                fd-focus-key-manager-item\n                fd-button\n                fdType=\"transparent\"\n                [compact]=\"compact\"\n                [ariaLabel]=\"pageLabel(page)\"\n                [title]=\"nextLabel\"\n                class=\"fd-pagination__link\"\n                (click)=\"goToPage(page)\"\n                (keyup.enter)=\"goToPage(page, $event)\"\n                (keydown.space)=\"$event.preventDefault()\"\n                (keyup.space)=\"goToPage(page, $event)\"\n            >\n                {{ page }}\n            </button>\n        </ng-container>\n\n        <button\n            #currentPageElement\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"pageLabel(currentPage)\"\n            class=\"fd-pagination__link is-active\"\n            [attr.aria-current]=\"true\"\n        >\n            {{ currentPage }}\n        </button>\n\n        <label fd-form-label class=\"fd-pagination__label\"> {{ labelBeforeInputMobile }}: </label>\n\n        <input\n            #pageInputElement\n            fd-focus-key-manager-item\n            fd-form-control\n            fd-only-digits\n            required\n            size=\"1\"\n            min=\"1\"\n            type=\"number\"\n            [max]=\"_lastPage\"\n            [state]=\"currentPageModel.invalid ? 'error' : null\"\n            [compact]=\"compact\"\n            class=\"fd-pagination__input\"\n            #currentPageModel=\"ngModel\"\n            [ngModel]=\"currentPage\"\n            [attr.aria-label]=\"inputAriaLabel(currentPage, _lastPage)\"\n            (keydown.enter)=\"goToPage(currentPageModel.value)\"\n            (keydown.space)=\"goToPage(currentPageModel.value)\"\n            (blur)=\"_restoreInputValue(currentPageModel)\"\n        />\n\n        <label fd-form-label class=\"fd-pagination__label\">\n            {{ labelAfterInputMobile(_lastPage) }}\n        </label>\n\n        <!-- Duplicated to preserve the items order for keyboard navigation -->\n        <ng-container *ngFor=\"let page of _pagesAfterCurrent\">\n            <button\n                *ngIf=\"page !== _moreElementValue; else more\"\n                fd-focus-key-manager-item\n                fd-button\n                fdType=\"transparent\"\n                [compact]=\"compact\"\n                [ariaLabel]=\"pageLabel(page)\"\n                [title]=\"nextLabel\"\n                class=\"fd-pagination__link\"\n                (click)=\"goToPage(page)\"\n                (keyup.enter)=\"goToPage(page, $event)\"\n                (keydown.space)=\"$event.preventDefault()\"\n                (keyup.space)=\"goToPage(page, $event)\"\n            >\n                {{ page }}\n            </button>\n        </ng-container>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"navigation-right-arrow\"\n            [disabled]=\"isLastPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"nextLabel\"\n            [title]=\"nextLabel\"\n            class=\"fd-pagination__button\"\n            [attr.aria-disabled]=\"isLastPage\"\n            (click)=\"nextPage()\"\n            (keyup.enter)=\"nextPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"nextPage()\"\n        ></button>\n\n        <button\n            fd-focus-key-manager-item\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"media-forward\"\n            [disabled]=\"isLastPage\"\n            [compact]=\"compact\"\n            [ariaLabel]=\"lastLabel\"\n            [title]=\"lastLabel\"\n            class=\"fd-pagination__button fd-pagination__button--mobile\"\n            [attr.aria-disabled]=\"isLastPage\"\n            (click)=\"goToLastPage()\"\n            (keyup.enter)=\"goToLastPage()\"\n            (keydown.space)=\"$event.preventDefault()\"\n            (keyup.space)=\"goToLastPage()\"\n        ></button>\n    </nav>\n\n    <span *ngIf=\"displayTotalItems\" class=\"fd-pagination__total\" [attr.id]=\"_totalPagesElementId\">\n        <ng-container\n            [ngTemplateOutlet]=\"displayTextTemplate || total\"\n            [ngTemplateOutletContext]=\"{ showing: _currentShowing }\"\n        ></ng-container>\n    </span>\n</ng-container>\n\n<ng-template #more>\n    <span\n        class=\"fd-pagination__more\"\n        [class.fd-pagination__more--compact]=\"compact\"\n        aria-hidden=\"true\"\n        aria-label=\"...\"\n        role=\"presentation\"\n    ></span>\n</ng-template>\n\n<ng-template #total let-showing=\"showing\">\n    <span fd-form-label class=\"fd-pagination__total-label\"> {{ showing.of }} Results </span>\n</ng-template>\n\n<ng-template #perPage let-pageOptions=\"pageOptions\">\n    <label fd-form-label class=\"fd-pagination__per-page-label\">{{ itemsPerPageLabel }}:</label>\n\n    <fd-select\n        [compact]=\"compact\"\n        class=\"fd-pagination__per-page-select\"\n        [value]=\"itemsPerPage\"\n        (valueChange)=\"_onChangePerPage($event)\"\n    >\n        <fd-option *ngFor=\"let option of pageOptions\" [value]=\"option\">{{ option }}</fd-option>\n    </fd-select>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-pagination\n*/.fd-pagination{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:2.75rem;width:100%}.fd-pagination:after,.fd-pagination:before{box-sizing:inherit;font-size:inherit}.fd-pagination__per-page{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center}.fd-pagination__per-page:after,.fd-pagination__per-page:before{box-sizing:inherit;font-size:inherit}.fd-pagination__nav{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;border:0;display:flex;justify-content:center;align-items:center;margin:0 auto}.fd-pagination__nav:after,.fd-pagination__nav:before{box-sizing:inherit;font-size:inherit}.fd-pagination__more{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-pagination__more:after,.fd-pagination__more:before{box-sizing:inherit;font-size:inherit}.fd-pagination__more:before{content:\"...\";display:block;width:2.25rem;text-align:center}.fd-pagination__more--compact:before{width:2rem}.fd-pagination .fd-pagination__button,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label,.fd-pagination .fd-pagination__link,.fd-pagination__more{margin-left:.125rem;margin-right:.125rem}.fd-pagination .fd-pagination__input{width:auto;min-width:2.5rem;text-align:center;-moz-appearance:textfield}.fd-pagination .fd-pagination__input::-webkit-inner-spin-button,.fd-pagination .fd-pagination__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fd-pagination .fd-pagination__label,.fd-pagination .fd-pagination__per-page-label{flex-shrink:0;align-self:center}.fd-pagination .fd-pagination__label{display:none}.fd-pagination .fd-pagination__total-label{margin:0}.fd-pagination .fd-pagination__link.is-active{display:none}.fd-pagination .fd-pagination__button [class*=sap-icon][dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__button [class*=sap-icon]{transform:rotate(180deg)}.fd-pagination .fd-pagination__button--mobile{display:none}.fd-pagination--short .fd-pagination__link.is-active,.fd-pagination--short .fd-pagination__link:active{display:flex}.fd-pagination--short .fd-pagination__input{display:none}.fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination--mobile .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination--mobile .fd-pagination__link,.fd-pagination--mobile .fd-pagination__more,.fd-pagination--mobile .fd-pagination__per-page-label,.fd-pagination--mobile .fd-pagination__total{display:none}.fd-pagination--mobile .fd-pagination__button--mobile,.fd-pagination--mobile .fd-pagination__input,.fd-pagination--mobile .fd-pagination__label{display:flex}.fd-pagination--mobile .fd-pagination__link.is-active,.fd-pagination--mobile .fd-pagination__link:active{display:none}@media (max-width: 599px){.fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination .fd-pagination__link,.fd-pagination .fd-pagination__more,.fd-pagination .fd-pagination__per-page-label,.fd-pagination .fd-pagination__total{display:none}.fd-pagination .fd-pagination__button--mobile,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label{display:flex}.fd-pagination .fd-pagination__link.is-active,.fd-pagination .fd-pagination__link:active{display:none}}@media (min-width: 600px) and (max-width: 1023px){.fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-left:auto;margin-right:0}.fd-pagination .fd-pagination__per-page+.fd-pagination__nav[dir=rtl],[dir=rtl] .fd-pagination .fd-pagination__per-page+.fd-pagination__nav{margin-right:auto;margin-left:0}.fd-pagination .fd-pagination__link,.fd-pagination .fd-pagination__more,.fd-pagination .fd-pagination__per-page-label,.fd-pagination .fd-pagination__total{display:none}.fd-pagination .fd-pagination__button--mobile,.fd-pagination .fd-pagination__input,.fd-pagination .fd-pagination__label{display:flex}.fd-pagination .fd-pagination__link.is-active,.fd-pagination .fd-pagination__link:active{display:none}}.fd-pagination__label .fd-form-label,.fd-pagination__total-label .fd-form-label{margin:0}\n"], components: [{ type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i5.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }, { type: i5.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "compact", "type", "class"] }, { type: i6.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "compact", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { type: i6.OptionComponent, selector: "fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.FocusKeyManagerListDirective, selector: "[fd-focus-key-manager-list], [fdFocusKeyManagerList]", inputs: ["orientation", "skipPredicate"] }, { type: i3.FocusKeyManagerItemDirective, selector: "[fd-focus-key-manager-item], [fdFocusKeyManagerItem]", inputs: ["initialFocus", "_tabindex"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i8.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.OnlyDigitsDirective, selector: "[fdOnlyDigits], [fd-only-digits]", inputs: ["decimal", "decimalSeparator"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-pagination', providers: [PaginationService], host: {

package/esm2020/quick-view/quick-view-group-item-label/quick-view-group-item-label.component.mjs

@@ -21,7 +21,7 @@ export class QuickViewGroupItemLabelComponent {
     }
 }
 QuickViewGroupItemLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: QuickViewGroupItemLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", components: [{ type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+QuickViewGroupItemLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label", ngImport: i0, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n", components: [{ type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: QuickViewGroupItemLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-quick-view-group-item-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label fd-form-label>\n    <ng-content></ng-content>\n</label>\n" }]

package/facets/esm2020/facet/facet.component.mjs

@@ -154,7 +154,7 @@ export class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {

package/facets/fesm2015/fundamental-ngx-core-facets.mjs

@@ -217,7 +217,7 @@ class FacetComponent {
     }
 }
 FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: FacetComponent, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title headerSize=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-facet:after,.fd-facet:before{box-sizing:inherit;font-size:inherit}.fd-facet-group{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{box-sizing:inherit;font-size:inherit}.fd-facet--image{display:flex;flex-direction:row}.fd-facet--image-header-title{align-self:flex-end}.fd-facet--form{display:flex;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.fd-facet--rating-indicator .fd-facet__container{flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{align-self:flex-end}.fd-facet__container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{box-sizing:inherit;font-size:inherit}.fd-facet__form-value{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);box-sizing:border-box;padding:0;margin:0;border:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapGroup_TitleTextColor)}.fd-facet__form-value:after,.fd-facet__form-value:before{box-sizing:inherit;font-size:inherit}.fd-padding{padding:1rem!important}.fd-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.fd-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.fd-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.fd-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.fd-padding--none{padding:0!important}.fd-padding-responsive--sm{padding:0 1rem!important}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding:0 2rem!important}.fd-padding-responsive--xl{padding:0 3rem!important}/*!\n * Fundamental Library Styles v0.24.0-rc.8\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-margin--tiny{margin:.5rem!important}.fd-margin--sm{margin:1rem!important}.fd-margin--md{margin:2rem!important}.fd-margin--lg{margin:3rem!important}.fd-margin--none{margin:0!important}.fd-margin-top--tiny{margin-top:.5rem!important}.fd-margin-top--sm{margin-top:1rem!important}.fd-margin-top--md{margin-top:2rem!important}.fd-margin-top--lg{margin-top:3rem!important}.fd-margin-top--none{margin-top:0!important}.fd-margin-end--tiny{margin-right:.5rem!important}.fd-margin-end--tiny[dir=rtl],[dir=rtl] .fd-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.fd-margin-end--sm{margin-right:1rem!important}.fd-margin-end--sm[dir=rtl],[dir=rtl] .fd-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.fd-margin-end--md{margin-right:2rem!important}.fd-margin-end--md[dir=rtl],[dir=rtl] .fd-margin-end--md{margin-left:2rem!important;margin-right:0!important}.fd-margin-end--lg{margin-right:3rem!important}.fd-margin-end--lg[dir=rtl],[dir=rtl] .fd-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.fd-margin-end--none{margin-right:0}.fd-margin-end--none[dir=rtl],[dir=rtl] .fd-margin-end--none{margin-left:0!important}.fd-margin-bottom--tiny{margin-bottom:.5rem!important}.fd-margin-bottom--sm{margin-bottom:1rem!important}.fd-margin-bottom--md{margin-bottom:2rem!important}.fd-margin-bottom--lg{margin-bottom:3rem!important}.fd-margin-bottom--none{margin-bottom:0!important}.fd-margin-begin--tiny{margin-left:.5rem!important}.fd-margin-begin--tiny[dir=rtl],[dir=rtl] .fd-margin-begin--tiny{margin-right:.5rem!important;margin-left:0!important}.fd-margin-begin--sm{margin-left:1rem!important}.fd-margin-begin--sm[dir=rtl],[dir=rtl] .fd-margin-begin--sm{margin-right:1rem!important;margin-left:0!important}.fd-margin-begin--md{margin-left:2rem!important}.fd-margin-begin--md[dir=rtl],[dir=rtl] .fd-margin-begin--md{margin-right:2rem!important;margin-left:0!important}.fd-margin-begin--lg{margin-left:3rem!important}.fd-margin-begin--lg[dir=rtl],[dir=rtl] .fd-margin-begin--lg{margin-right:3rem!important;margin-left:0!important}.fd-margin-begin--none{margin-left:0}.fd-margin-begin--none[dir=rtl],[dir=rtl] .fd-margin-begin--none{margin-right:0!important}.fd-margin-top-bottom--tiny{margin-top:.5rem!important;margin-bottom:.5rem!important}.fd-margin-top-bottom--sm{margin-top:1rem!important;margin-bottom:1rem!important}.fd-margin-top-bottom--md{margin-top:2rem!important;margin-bottom:2rem!important}.fd-margin-top-bottom--lg{margin-top:3rem!important;margin-bottom:3rem!important}.fd-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.fd-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.fd-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.fd-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.fd-margin-responsive--sm{margin:0 0 1rem!important}.fd-margin-responsive--md{margin:1rem!important}.fd-margin-responsive--lg{margin:1rem 2rem!important}.fd-margin-responsive--xl{margin:1rem 3rem!important}.fd-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.fd-margin-negative-begin-end--sm{margin:0 -1rem!important}.fd-margin-negative-begin-end--md{margin:0 -2rem!important}.fd-margin-negative-begin-end--lg{margin:0 -3rem!important}\n"], components: [{ type: i1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {